• Docker Compose 経由で開発用コンテナを作成・起動する方法を採る
• 作成した devcontainer 用のファイルは、下記PRを参照
  • https://github.com/ytak-sagit/game-of-life-react/pull/3
• ディレクトリ構成

/                              # プロジェクトルート
|
|-- .devcontainer/             # devcontainer 用ディレクトリ
|     |
|     |-- devcontainer.json    # devcontainer 設定ファイル
|
|-- app/                       # React アプリコード格納用ディレクトリ（コンテナ起動時の作業ルートディレクトリになる）
|
|-- Dockerfile                 # コンテナ作成用の定義ファイル
|
|-- compose.yaml               # Docker Compose 構成ファイル

---

Dockerfile 作成

Ubuntu をベースイメージとして、bun をインストールした Docker Image を作成するように定義

compose.yaml 作成

.devcontainer, app ディレクトリ作成

mkdir .devcontainer
mkdir app

devcontainer.json 作成

開発用コンテナの作成・起動

• VSCode 上で Ctrl + Shift + P を押下し、「Devcontainers: Reopen in Container」を選択
  • 開発コンテナが作成され、VSCode 上で起動した状態となる

Bun の動作確認

bun -v
#> 1.1.21

開発コンテナを終了するには、VSCode 上で Ctrl + Shift + P を押下し、「Remote: Close Remote Connection」を選択