Download as PDF, PPTX
Uploaded byYuta Matsumura
「自分のとこでは動くけど…」を無くす devcontainer
https://geekersnites.connpass.com/event/261441/
![[External] 2021.12.15 コンテナ移行の前に知っておきたいこと @ gcpug 湘南](https://cdn.slidesharecdn.com/ss_thumbnails/external2021-211216025522-thumbnail.jpg?width=640&height=640&fit=bounds)
「自分のとこでは動くけど…」を無くす devcontainer
- 1. #geekersnite 「自分のとこでは動くけど…」を無くす devcontainer 2022/10/14 GEEKERSNITE #1 Yuta Matsumura
- 2. #geekersnite 松村 優大 (MLBお兄さん) ChiefTechnical Architect (C#, PHP, Azure) Microsoft MVP (Developer Technologies) #fukuten #devblogradio の中の人 @tsubakimoto_s Currently working for
- 3. #geekersnite 「自分のとこでは動くけど…」を無くす devcontainer 2022/10/14 GEEKERSNITE #1 Yuta Matsumura
- 4.
- 5. #geekersnite こんな経験ありませんか？ 開発環境 • Windows • Node.js14 • VS Code • 手動インストール • … 開発環境 • macOS • Node.js 18 • IDE • homebrew • … 開発環境の作り方が バラバラ
- 6. #geekersnite 開発環境の揃え方 • 同じ PCの支給 • 環境構築のマニュアル化 • セットアップスクリプトの配布 • 共通の仮想環境の配布 • コンテナーイメージの配布
- 7. #geekersnite VS Code RemoteDevelopment • 開発環境を「リモート」にもつ仕組み SSH / Container / WSL (Windows Subsystem for Linux) ▼ • 開発環境としてコンテナーを準備する (devcontainer) • https://code.visualstudio.com/docs/remote/containers • Visual Studio Code + 拡張機能パック • Docker (Windows / macOS / Engine)
- 8. #geekersnite VS Code RemoteContainers の前提 • Visual Studio Code を使って作業する • ミドルウェアをコンテナーに含められる 上記以外の環境では使えません
- 9.
- 10.
- 11.
- 12. #geekersnite devcontainer の始め方① 1. アプリケーションをVS Code で開く 2. Dockerfile を準備する 3. コマンドパレットを開く Dev Containers: Open Folder in Container… 4. Dockerfile のあるフォルダを指定する 5. devcontainer.json のできあがり
- 13.
- 14.
- 15. #geekersnite devcontainer の始め方② 1. アプリケーションをVS Code で開く 2. コマンドパレットを開く 3. devcontainer 構成の設定 Dev Containers: Add Development Container Configuration Files... 4. プリセットから選択 Show All Definitions... > Definitions 5. コンテナーで開き直す Reopen in Container
- 16.
- 17. #geekersnite .devcontainer/ .devcontainer ├ base.Dockerfile │ ベースイメージ構成(参考用) ├ devcontainer.json │ コンテナー構成 └ Dockerfile
- 18.
- 19.
- 20.
- 21.