どうも、よこけんです。 Web アプリ開発の現場から離れて10年くらい経つのですが、思うところあって最近のフロントエンド開発についてプライベートで勉強しました。今日はその成果をアウトプットしようと思います。 本記事では主に、VSCode の Remote-Container を使ったフロントエンド (React) 開発を行うための環境構築方法を解説します。 オールインワンのためかなり長い記事になってしまいましたが、大半の作業はファイルのコピペとコマンドのコピペなので作業自体はシンプルです。ただし、各要素の理解こそが重要なので、この記事をきっかけに各要素の理解を深めていっていただければと思います。 本記事では特に下記の要素を押さえています。 開発環境のコンテナ化 常にコンテナの中で 生活 開発していきます。 開発者間での開発環境の統一ができます。 開発環境のリセットが容易です。 本番環境に