ReactとDjango REST framework、Postgresで簡単なSPAアプリを作成しました。環境の準備からブラウザに表示させるまでをまとめます。

DBにダミーのデータを作りたいとき、スクリプトを書いてDBへ流し込むということをしていたのですが、fixturesという機能で簡単にできるということだったので、試しました。

これまでホスト側にnode.jsやwebpackなど必要なツールを揃えてReactの環境を構築していたのですが、ホストPCの環境が汚れてお手入れが大変なので、Dockerでreactの環境を用意しました。

Golangで簡単なWebAPIを作りました。Frameworkを使うか悩みましたが、まだ玉石混合でデファクトスタンダードが決まっていないようなので、ルーターを使っています。

ReactやVue.jsの登場により、Web業界全体でフロントエンド主体の開発に少しずつシフトしているようです。それに合わせて、新規の案件でバックエンドにGolangやGraphQLを採用しているケースをよく見かけるようになりました。私もこの流れに追従すべく、Golangの環境を用意したのでまとめます。

docker runでボリュームをマウントする時、pwdコマンドを挟むととっても楽チンだったのでメモします。

ForeignKeyで繋がっているモデルの項目を、ドロップダウン表示するのに少し手間取ったので、メモを残します。

Djangoで複数の画像をアップロードする際、少し手間取ったのでメモを残します。アップロードの前にプレビューを挟み、画像を確認するコード（jQuery）もまとめます。

`.on()`はDOMにイベントを追加するメソッドなのですが、同じ要素に対して同じイベントを複数登録できてしまいます。気をつけないと同じイベントが重複して実行されるので、.off()で初期化してあげます。

DBの情報を出力したいとき、基本的にはviews.py側で変数へ代入し、テンプレート側で展開するやり方がほとんどだと思います。が、どうしてもテンプレート側で新たに変数を設定したいというケースに遭遇しました。テンプレート側で変数をセットする方法をメモします。