PS Live デブコン祭り：Reactの開発環境をdevcontainerで作る

pullしてdevcontainerで起動すれば実行できます。

プロジェクト要件

• Nodeバージョン：20.10.0
• パッケージ管理ツール：npm
• ビルドツール：Vite
• プロジェクト：React + Typescirpt

資料

発表資料：assets/PS Live　デブコン祭り-React.pdf

• 環境作成：Reactプロジェクトの作成
• 改善
  • 改善①Volume Trickを使用してコンテナ内に収める
  • 改善②：Docker build時のキャッシュを活用
• 環境作成：devcontainerで立ちあげる

ディレクトリ構造

.
├── .devcontainer
│   ├── Dockerfile              
│   └── devcontainer.json       // devcontainer設定ファイル
├── frontend                    // フロントエンドプロジェクト
├── .dockerignore
├── docker-compose.yml
└── README.md