PrismaCode

Notes on programming.

講義を DX する（その1）

01 December, 2021

現在担当している講義フローがアナログすぎて不幸だったので DX した（前半）．

#lifehack #github

講義を DX する（その2）

01 December, 2021

現在担当している講義フローがアナログすぎて不幸だったので DX した（後半）．

#lifehack #github

RustとNext.js（TypeScript）でWebAssemblyするための手順

30 June, 2021

RustでWebAssemblyしたかったが，どうせならNext.js（TypeScript）でやりたかったので手順を調べたメモ．

#javascript #react #next.js #rust #webassembly

Next.jsのuseSWRが便利だったのでuseEffectと比較してみた．

17 February, 2021

Reactでの非同期処理はuseEffectを中心とした実装になるが，Next.jsではより便利なuseSWRが存在する．やや記述が異なるが，使い方は非常に似ているため利用してみた．

#javascript #react #next.js

自信はどこから生まれるのか

26 January, 2021

#lifehack

Laravel8でCRUD処理を実装するチュートリアル

04 January, 2021

#php #laravel

新しいことに挑戦して成果を出すときの考え方に関する一考察

24 December, 2020

新しい何かに挑戦する，というのは素晴らしいことだ．せっかく挑戦するのだから一定の成果を出すための考え方を考察してみた．

#lifehack

プログラミングはなぜおもしろいのか

15 December, 2020

プログラミングは楽しくなければ続かないものである．楽しいという漠然とした感覚よりももう一歩踏み込んだ感覚を自覚できれば，よりプログラミングが好きになれるかもしれない．

#lifehack

JavaScriptでビンゴゲームをつくったら配列だった話

14 December, 2020

何かを開発するときは配列処理が強い味方になる．一通りの配列処理を把握することは，簡単なアプリケーションをつくる助けになるだろう．

#javascript

NestJSで簡単なtudoリストを実装するチュートリアル

12 September, 2020

Node.jsのフレームワークであるNestJSでシンプルなtodoリストを実装する

#node.js #nestjs #typescript

ubuntuでnode.jsとnpmをインストールしたときのメモ

07 September, 2020

開発するときたいていnodeが必要になるので一通りの流れをメモ

#node.js #ubuntu

laravel7チュートリアル

29 June, 2020

PHPのフレームワークであるlaravelを用いてwebサービスを実装するチュートリアル

#php #laravel

JavaScriptで正規表現に変数を用いる方法

11 May, 2020

正規表現の検索文字列（複数）に変数を使用したかったがハマったのでメモ．

#javascript

いい感じの筑前煮をつくったのでメモ

25 March, 2020

筑前煮つくったらおいしかったので実装方法を記録．

#lifehack

いい感じのブイヤベースをつくったのでメモ

24 March, 2020

ブイヤベースつくったらおいしかったので実装方法を記録．

#lifehack

URLがblob形式のvideoをダウンロードする

01 March, 2020

動画をダウンロードしようとしたらvideoタグのsrc属性がblob形式でダウンロードできず困った．

#lifehack

Cloud Functions + ExpressでサーバレスAPIを実装

18 February, 2020

Cloud Functionsでサーバの処理を実装したいが，そのままでは扱いにくいのでExpressを導入して実装してみた．

#node.js #firebase

React Tutorial

13 February, 2020

Reactを使ってGoogle books APIからデータを取得して表示するサンプル．

#react #javascript

create-react-app hogehogeしたらgyp ERR!

12 February, 2020

create-react-appでプロダクトつくろうとしたらgyp ERR!出されまくって怒られた．Xcodeのcommand line toolがおかしかったようなので直した．

#react #git

Githubの草を配列のデータとして取得する．

02 February, 2020

Githubの草をデータとして取得するときにsvgでは扱いにくいので，日付とcontributionの配列にして取得してみた．

#node.js #javascript

配列から不要な要素を削除した新しい配列がほしい．

26 January, 2020

配列の中から特定の要素を削除した新しい配列を作成したい．そして，元の配列はそのまま保持しておきたい．

#javascript

バレたらまずそうなfirebaseのAPIキーをどう扱うか．

13 January, 2020

firebaseのAPIキーはバレたらまずそう．しかし，クライアントアプリケーション実装のためには記述する必要があるし，githubで管理する場合にはキーを見られてしまいそうである．どうすればよいのか．．．

#firebase #git

自分を褒める技術．

14 December, 2019

いつも評価軸は自分．誰かに褒められるのを待つよりも，自分で自分を褒めよう．自分で自分を褒められなくて，他の誰が褒めてくれるというのか．

#mental #lifehack

自分のメンタルをコントロールする．

13 December, 2019

メンタルがしんどいのは，メンタルが弱いわけではなくコントロールの仕方を知らないだけである．

#mental #lifehack

企画をプロダクトにするときにやること．

27 November, 2019

自分のアイデアを形にしたいけれど，どのような手順で進めれば良いいのかがわからないときの指針．

#development #mental

phpでクールにtxtファイルを扱う方法を考える．

02 October, 2019

phpでtxtファイルを扱う方法は複数あるが，どのように記述するのがクールなのかを考えてみた．

#php

firebaseで認証してログインユーザのデータのみを取得したいときのサンプル

26 September, 2019

firebaseでログインしたユーザが登録したデータのみを取得して並び替えたかったが，デフォルトだとエラーになるのでインデックスを利用した．

#javascript #firebase

vagrantを使用したlaravelの環境構築

22 August, 2019

laravelで開発したいんだけど開発環境はどうすればよいのだ．．．

#php #laravel #vagrant

多次元配列を1次元配列にしたい

02 August, 2019

適当なところからデータを持ってきて配列に配列を入れたけど一つの配列にしたかった

#javascript

青春18きっぷで快適に旅するために検討したいこと

02 August, 2019

椅子取りゲームはしたくない

#travel #lifehack

Laravel API & vue-routerでSPA開発

15 July, 2019

フロントエンドはvue.js，サーバはLaravelのAPIでつくるSPAアプリケーションのチュートリアル

#javascript #vue.js #php #laravel

文字列のtrueをbooleanのtrueにしたい

29 June, 2019

環境変数でtrueとかfalseとか読み込んだら文字列として認識されて死んだ

#javascript

xamppのmysqlにターミナルからアクセスしたい

27 June, 2019

xamppのphpmyadminが使いづらいので，ターミナルからアクセスしたかった．

#xampp #sql

SQLで自分のIDを除外したいとき

27 June, 2019

ユーザを検索するときに，ログインしているユーザは検索結果から除外したかった．

#sql

AWS cloud9で作成したプロジェクトをlolipopマネージドクラウドにデプロイするまでの手順

25 June, 2019

AWSのcloud9で作成したプロジェクトをロリポップマネージドクラウドにアップロードする手順

#php #laravel #aws #cloud9 #lolipop

Juliaの環境構築（macOS, ubuntu）

25 June, 2019

Juliaの環境構築してみたのでまとめる

#julia

いい感じのちらし寿司つくったのでメモ

08 May, 2019

ちらし寿司つくったらおいしかったので実装方法を記録．

#lifehack

ジェネリック叙々苑のタレをつくる

07 May, 2019

叙々苑のタレを再現した猛者がいたので忘れないようメモ

#lifehack

objectのarrayを特定のvalueでソートしてみる

19 March, 2019

objectのarrayを新しい順に並べたいぞ，とかいうときの話

#javascript

input type="datetime-local"でハマった

08 March, 2019

datetime-localに初期値を入れたいときの話

#html #php

mysqlでauto-incrementの値をリセットしたいときのSQL

27 February, 2019

テストデータ入れまくって値が大変になったときのために．

#sql

自走のためのメンタル

20 February, 2019

プロダクト作成に求められるのは自走力なので，自走力を得るためのメンタルについて考えた．

#mental

githubを準備し，コードをアップするまでの手順

18 February, 2019

github使い始めにどうすればよいのかわからないことが多いのでpushまでの手順をまとめた．

#git

gitで邪魔な.DS_storeを駆逐する

10 January, 2019

Mac osを使用していると度々悩まされる.DS_Store．gitにプッシュしたときにこいつが存在したときの怒りは計り知れない(｀；ω；´)

#git

web animations APIを使うための準備

15 December, 2018

慣れた人には難しくないのだが馴染みがないとハマるのでメモ．基本的にはターミナルであれこれする感じ．

#javascript #web animation API

input type="number"でハマった

30 August, 2018

input type="number"で数値を入れて取得しようとしたところ激しくハマったのでメモ

#html #javascript

localStorageに保存されるkeyの仕様でハマった

20 August, 2018

ブラウザにデータを保存できるlocalStorageの機能だが，謎の仕様で3時間ほどハマったのでメモ．

#javascript

flexboxのハマりポイント

30 July, 2018

様々なレイアウトに大活躍のflexbox．しかし慣れないうちはcssに書いたのに効かねええええということが多々ある．そんたときに落ち着けるよう，いくつかのパターンを紹介する！

#html #css

いろいろなcssの中央寄せについての考え方とflexboxのススメ

30 July, 2018

webサイト構成で頻出する「中央寄せ」について，初めに何すれば良いのかを解説．合わせて，影響する「block要素」と「inline要素」についても解説．

#html #css