'24/11月開催 Visual Studio CodeのDev Containersを使って開発環境構築してみよう

最近では開発プロジェクトへの関わり方が多様化し、短期間で関わることも増えてきました。参画する期間が短ければ短いほど、開発環境にかける時間の割合が大きくなります。しかし、開発環境にいくら時間をかけたとしても求められている成果物が完成したり、進捗が上がったりすることはありません。また、開発環境を構築する部分は個人任せになっていることがあり、属人的であったり、十分に明文化されていないことがあります。

開発環境の構築を楽にする方法の1つとして、Visual Studio Codeが提供しているDev Containersがあります。Dev Containersはコンテナ上に開発環境を構築することで。コンテナのメリットを受けた上で再現性の高い開発環境を構築することができます。

Transcript

1. Visual Studio Codeの Dev Containersを使って 開発環境構築してみよう 日本仮想化技術株式会社 VirtualTech.jp 2024/11/20 1
2. 資料は後ほど公開します 2
3. 3 自己紹介
4. [資料] 4
5. [資料] 4
21. ※
29. Remote Development
31. Dev Containers
32. 拡張機能
36. Dev Container 開発コンテナー
37. Open Folder in Container
38. dev-container-lesson01 Enter
40. ワークスペース内に構成を追加 する
42. Node.js & TypeScript
43. (既定) ※
48. フォルダーを信用して続行
49. 許可
50. リモートを開いています... 開発コンテナー:〜
51. .devcontainer
52. node -v npm -v
54. // For format details, see https://aka.ms/devcontainer.json. For config options, see the // README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node { "name": "Node.js & TypeScript", // Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile "image": "mcr.microsoft.com/devcontainers/typescript-node:1-22-bookworm" // Features to add to the dev container. More info: https://containers.dev/features. // "features": {}, // Use 'forwardPorts' to make a list of ports inside the container available locally. // "forwardPorts": [], // Use 'postCreateCommand' to run commands after the container is created. // "postCreateCommand": "yarn install", // Configure tool-specific properties. // "customizations": {}, // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root. // "remoteUser": "root" }
55. "name": "Node.js & TypeScript",
56. "image": "mcr.microsoft.com/devcontainers/typescript-node:1-22-bookworm"
57. "features": {},
58. "forwardPorts": [],
59. yarn install "postCreateCommand": "yarn install",
60. "customizations": { "vscode": { "extensions": [ ... ], "settings": { ... } } },
66. リモート接続を終了する
69. 削除
72. 削除