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
1
710
VS CodeとRemote Containerで開発環境もコード管理しよう
Kazuhiro Seo
June 26, 2021
Tweet
Share
More Decks by Kazuhiro Seo
See All by Kazuhiro Seo
GitHub ActionsとAWSをOIDC認証で連携する
kazuhiro1982
1
170
Gradleとちょっと仲良くなろう
kazuhiro1982
0
95
JavaとWebAssembly
kazuhiro1982
0
120
SpringBoot 3.0 のNative Imageを試してみた
kazuhiro1982
0
420
セッションデータの管理にSpring Sessionを利用する
kazuhiro1982
0
3.1k
AWSのLake Formation Governed Tablesを触ってみた
kazuhiro1982
0
420
SpringBootをコンテナで動かしてみる
kazuhiro1982
0
410
Serverless FrameworkでWebサイトの更新を検知して通知する
kazuhiro1982
0
510
Other Decks in Technology
See All in Technology
Generative UI を試そう!A2-UIでAIエージェントにダッシュボードを作らせてみた
kamoshika
0
170
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
10
74k
Context Engineeringが企業で不可欠になる理由
hirosatogamo
PRO
3
810
LiDARが変えたARの"距離感"
zozotech
PRO
0
210
コミュニティが変えるキャリアの地平線:コロナ禍新卒入社のエンジニアがAWSコミュニティで見つけた成長の羅針盤
kentosuzuki
0
140
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
okdt
PRO
3
1k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
93k
1,000 にも届く AWS Organizations 組織のポリシー運用をちゃんとしたい、という話
kazzpapa3
1
250
個人的3D Gaussian Splattingニュースをご紹介 / sharing 3d gaussian splatting news
drumath2237
0
180
旅先で iPad + Neovim で iOS 開発・執筆した話
zozotech
PRO
0
300
SREチームをどう作り、どう育てるか ― Findy横断SREのマネジメント
rvirus0817
0
460
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
torumakabe
1
680
Featured
See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
450
The agentic SEO stack - context over prompts
schlessera
0
650
Site-Speed That Sticks
csswizardry
13
1.1k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
62
50k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.3k
How to Ace a Technical Interview
jacobian
281
24k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.2k
RailsConf 2023
tenderlove
30
1.4k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
1.9k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
260
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
350
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で - 開発環境もコード管理しよう