Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
VS CodeとRemote Containerで開発環境もコード管理しよう
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kazuhiro Seo
June 26, 2021
Technology
750
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
VS CodeとRemote Containerで開発環境もコード管理しよう
Kazuhiro Seo
June 26, 2021
More Decks by Kazuhiro Seo
See All by Kazuhiro Seo
GitHub ActionsとAWSをOIDC認証で連携する
kazuhiro1982
1
200
Gradleとちょっと仲良くなろう
kazuhiro1982
0
100
JavaとWebAssembly
kazuhiro1982
0
140
SpringBoot 3.0 のNative Imageを試してみた
kazuhiro1982
0
450
セッションデータの管理にSpring Sessionを利用する
kazuhiro1982
0
3.3k
AWSのLake Formation Governed Tablesを触ってみた
kazuhiro1982
0
440
SpringBootをコンテナで動かしてみる
kazuhiro1982
0
430
Serverless FrameworkでWebサイトの更新を検知して通知する
kazuhiro1982
0
520
Other Decks in Technology
See All in Technology
いまさら聞けない「仕様駆動開発入門」 〜AI活用時代の開発プロセスを考える〜
findy_eventslides
2
130
プロダクト開発から業務改善コンサルまで。事業全体へ「染み出す」ことで広がるエンジニアの可能性
ham0215
0
130
2026TECHFRESH畢業分享會 - Lightning Talk - 資料也要 CI/CD? 用 Airbyte 自動化資料同步
line_developers_tw
PRO
0
1.1k
入門！AWS Blocks
ysuzuki
1
130
LLMにもCAP定理があるという話
harukasakihara
0
380
【セミナー資料】Claude Code をセキュアに使うための考え方と設定の勘どころ / Claude Code Webinar 20260616
masahirokawahara
2
360
2026TECHFRESH畢業分享會 - Lightning Talk - 打造精準高效的 MCP 設計模式與測試實務
line_developers_tw
PRO
0
1.1k
GitHub Copilot 最新アップデート – 「一歩先」の実践活用術
moulongzhang
4
1k
【2026年版】 ベクトル検索䛸 Embedding最前線
mocobeta
0
190
AIエージェントが名古屋の猛暑からあなたを守る
happysamurai294
0
120
連合学習と機密コンピューティング
lycorptech_jp
PRO
0
120
ルールやカスタム機能、どう活かす?ハンズオンで体感するIBM Bobの出力コントロール
muehara
1
170
Featured
See All Featured
Optimizing for Happiness
mojombo
378
71k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
1
190
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
730
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
210
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.7k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
The Language of Interfaces
destraynor
162
27k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.4k
Ethics towards AI in product and experience design
skipperchong
2
310
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
200
Transcript
VS CodeとRemote Containerで VS CodeとRemote Containerで 開発環境もコード管理しよう 開発環境もコード管理しよう VS CodeとRemote
Containerで - 開発環境もコード管理しよう
自己紹介 自己紹介 妹尾 一弘 札幌でシステム開発会社勤務 JavaDoスタッフ VS CodeとRemote Containerで -
開発環境もコード管理しよう
Visual Studio Code Visual Studio Code Microsoft製オープンソースIDE サポートされるプログラミング言語が多い VS CodeとRemote
Containerで - 開発環境もコード管理しよう
Remote Development Remote Development リモート開発環境にアタッチする拡張機能パック コンテナやSSH、WSLに接続して開発出来る 今回はコンテナの話 VS CodeとRemote Containerで
- 開発環境もコード管理しよう
Remote Containerの仕組み Remote Containerの仕組み 引用元: 引用元: https://code.visualstudio.com/docs/remote/containers https://code.visualstudio.com/docs/remote/containers VS CodeとRemote
Containerで - 開発環境もコード管理しよう
コンテナをビルド/実行 コンテナをビルド/実行 ※ 起動済みコンテナの利用も可能 ※ 起動済みコンテナの利用も可能 VS CodeとRemote Containerで -
開発環境もコード管理しよう
ソースコードをマウント ソースコードをマウント VS CodeとRemote Containerで - 開発環境もコード管理しよう
VS Code Serverをインストール VS Code Serverをインストール VS CodeとRemote Containerで -
開発環境もコード管理しよう
Extensionをインストール Extensionをインストール ※ 明示的に指定したExtensionのみ ※ 明示的に指定したExtensionのみ VS CodeとRemote Containerで -
開発環境もコード管理しよう
環境設定は 環境設定は .devcontainer フォルダ以下の .devcontainer フォルダ以下の devcontainer.json に記載する devcontainer.json に記載する
VS CodeとRemote Containerで - 開発環境もコード管理しよう
devcontainer.json devcontainer.json VS CodeとRemote Containerで - 開発環境もコード管理しよう
buildセクション buildセクション VS CodeとRemote Containerで - 開発環境もコード管理しよう
docker-composeも使用可能 docker-composeも使用可能 VS CodeとRemote Containerで - 開発環境もコード管理しよう
他のコンテナも参照出来る 他のコンテナも参照出来る VS CodeとRemote Containerで - 開発環境もコード管理しよう
extensionセクション extensionセクション VS CodeとRemote Containerで - 開発環境もコード管理しよう
settingsセクション settingsセクション VS CodeとRemote Containerで - 開発環境もコード管理しよう
devcontainer.jsonをコミットしておくことで どんなコンテナを利用するか どんなExtensionを利用するか どんな設定でVS Codeを利用するか がチームで共有できる VS CodeとRemote Containerで -
開発環境もコード管理しよう
Remote Containerのメリット Remote Containerのメリット VS CodeとRemote Containerで - 開発環境もコード管理しよう
開発環境がコンテナ化される 開発環境がコンテナ化される Immutable 環境が壊れてもRebuildすれば戻せる 新規メンバーがすぐに開発を始められる VS CodeとRemote Containerで - 開発環境もコード管理しよう
環境セットアップに必要な設定を 環境セットアップに必要な設定を すべてコードで管理できる すべてコードで管理できる OSやライブラリはDockerfileで ExtensionやFormetter設定はdevcontainer.jsonで VS CodeとRemote Containerで -
開発環境もコード管理しよう
開発環境のメンテナンスが 開発環境のメンテナンスが 通常の開発サイクルに乗る 通常の開発サイクルに乗る VS CodeとRemote Containerで - 開発環境もコード管理しよう
辛いポイント 辛いポイント VS CodeとRemote Containerで - 開発環境もコード管理しよう
Docker for Mac/Windowsに依存する Docker for Mac/Windowsに依存する ファイル権限周り等がハマりやすい VS CodeとRemote Containerで
- 開発環境もコード管理しよう
メモリが必要になりがち メモリが必要になりがち VS CodeとRemote Containerで - 開発環境もコード管理しよう
まとめ まとめ Remote Containerを使うことで Remote Containerを使うことで 開発環境を簡単に立ち上げ・再構築できる チームが同じ環境で開発が出来る 開発メンバー固有のトラブルが減る 開発環境メンテナンスの属人化を減らせる
VS CodeとRemote Containerで - 開発環境もコード管理しよう
ありがとうございました ありがとうございました VS CodeとRemote Containerで - 開発環境もコード管理しよう
kazuhiro1982
findy_eventslides
ham0215
line_developers_tw
ysuzuki
harukasakihara
masahirokawahara
moulongzhang
mocobeta
happysamurai294
lycorptech_jp
muehara
mojombo
reverentgeek
marcoroth
.jpg){kind=avatar}
cargoodrich
katarinadahlin
palkan
chriscoyier
iamctodd
destraynor
tammyeverts
skipperchong
sabderemane
