Developing inside a Container

Developing inside a
Container
2022/8/27 とっとるびー第４５回 Online @arukoh

自己紹介: arukoh
エンジニアリング
バックエンド
アーキテクト
ITエンジニア性格診断
技術職人型エンジニア
科学者タイプ
趣味
サッカー観戦
ドライブ／旅行
2022/8/27 とっとるびー第４５回 Online @arukoh 2
2

今日は、
Dev Containerとは
良いところ／できること
気になること／困ったこと
3

今日は、
Dev Containerとは
4

Dev Container
Developing inside a Container
The Visual Studio Code Remote - Containers extension lets
you use a Docker container as a full-featured development
environment. It allows you to open any folder inside (or
mounted into) a container and take advantage of Visual
Studio Code's full feature set. A devcontainer.json file in
your project tells VS Code how to access (or create) a
development container with a well-defined tool and runtime
stack. This container can be used to run an application or to
separate tools, libraries, or runtimes needed for working
with a codebase.
https://code.visualstudio.com/docs/remote/containers
https://code.visualstudio.com/docs/remote/containers 5
5

6

Developing
inside a
Container
と
Developing
in WSL
2022/8/27 とっとるびー第４５回
2022/8/27 とっとるびー第４５回
Online @arukoh
Online @arukoh 7
7

Windows(WSL2)でDevContainerすると
8
8

デモる
Ruby会なので

Ruby on Rails開発の始め方を
9

ファイル構成
基本は、
$ tree -a .

.

├── .devcontainer

│ ├── Dockerfile

│ └── devcontainer.json

├── ..

10
10

今日は、
Dev Containerとは
11

ポータビリティ
Dockerが動けばどこでも

（基本的には）
Local / RemoteHost
Windows(WSL)/MacOS/Linux
WSL2
Remote - WSL extension
remote SSH host
Remote - SSH extension
12

環境をコードで管理
GitHubに置いておこう
そうすれば、CodeSpacesでも！
GitHub Codespaces extension
壊してもリビルドで元通り
変更管理もされるしね
https://github.co.jp/features/codespaces
https://github.co.jp/features/codespaces 13
13

MS製イメージ多数
2022/08時点で全83イメージ
メジャーなOSイメージをベース
Debian/Ubuntu/CentOS/RHEL/Alpineあたり
言語／フレームワーク／用途別
DevContainer用にカスタム
カスタム内容は後述
独自のベースイメージも選択可
glibc based Linux なら may work らしい
14
14
https://github.com/microsoft/vscode-dev-containers/tree/main/containers
https://github.com/microsoft/vscode-dev-containers/tree/main/containers

DevContainer用カスタム
oh-my-bash
プロンプトのデコレ
zsh + oh-my-zshも
none-root user
uid/gid自動解決
ホストのuid/gid
Permission問題回避
その他、イメージ毎に色々
15

dotfiles
dotfiles repositoryのサポート
起動時にdotfilesをインストールしてくれる
in settings.json
{

"dotfiles.repository": "your-github-id/your-dotfiles-repo",

"dotfiles.targetPath": "~/dotfiles",

"dotfiles.installCommand": "~/dotfiles/install.sh"

}

16
16
https://code.visualstudio.com/docs/remote/containers#_personalizing-with-dotfile-repositories
https://code.visualstudio.com/docs/remote/containers#_personalizing-with-dotfile-repositories

docker compose
もちろんサポート
例えば、BE開発時にDB起動
例えば、FE開発時にBEモック起動
in devcontainer.json
{

"name": "[Optional] Your project name here",

"dockerComposeFile": "../docker-compose.yml",

"service": "the-name-of-the-service-you-want-to-work-with-in-vscode",

"workspaceFolder": "/default/workspace/path/in/container/to/open",

"shutdownAction": "stopCompose"

}

17
17
https://code.visualstudio.com/docs/remote/create-dev-container#_use-docker-compose
https://code.visualstudio.com/docs/remote/create-dev-container#_use-docker-compose

Docker outside of Docker(DooD)
docker composeしていてお隣さんに入りたくなるときは
in docker-compose.yml
volumes: ['/var/run/docker.sock:/var/run/docker.sock']

in Dockerfile
RUN apt-get install docker-ce-cli

RUN chown vscode.vscode /var/run/docker.sock # for no sudo

（セキュリティ上の観点でご利用は計画的に）
18
18
https://github.com/microsoft/vscode-dev-containers/tree/main/containers/docker-from-docker
https://github.com/microsoft/vscode-dev-containers/tree/main/containers/docker-from-docker

拡張機能の管理
コンテナ固有
コンテナ作成時にインストール
開発PCローカルとは別管理
"extensions": ["rebornix.Ruby"]

ユーザ固有＆コンテナ共通
user settings.json
"remote.containers.defaultExtensions": [

"eamodio.gitlens",

"mutantdino.resourcemonitor"

]

19

今日は、
Dev Containerとは
20

Dev container features (preview)
指定したツールがコンテナにインストールされる仕組み
docker compose と一緒に使えない？
未サポート？
previewだからバグってる？
バージョン未指定の tmp/docker-compose.yml が生成
自前の yml とバージョンミスマッチで怒られる
ERROR: Version mismatch: file

/path/to/docker-compose.yml specifies version 3.0

but extension file

/tmp/docker-compose/docker-compose.devcontainer.build-1661519850160.yml

uses version 1

21
21

名前解決トラブル（若干余談）
コンテナ内で getaddrinfo EAI_AGAIN エラー
自分は遭遇してないが、よく耳にする
すべての正引きに失敗するわけではない
たちが悪い
DevContainerが、というよりDocker内蔵DNSの問題？
--dns 8.8.8.8 で回避が常套化
原因はよくわかっていない
22
22

IPガチャ（完全に余談）
WSL固有の問題、3年前からのOpen Issue
WSLに割り当てられるサブネットが毎回変わる
Windows起動の度に変わる
ホームルータはだいたいクラスCなので
どうやらクラスBからランダムに決まるっぽい
固定できない（頑張ってる人はいる）
何が起こるかというと、Dockerと被る
DockerのデフォルトはクラスB
docker0 は 172.16.0.1/16
docker network create するとsize 16 で最大16個
23
23
https://github.com/microsoft/WSL/issues/4467
https://github.com/microsoft/WSL/issues/4467

今日は、
Dev Containerとは
良いところ／できること：8つ
気になること／困ったこと：3つ
24

Happy Developping !
楽しい開発ライフを～
25

Developing inside a Container

Recommended

Recommended

More Related Content

Similar to Developing inside a Container

Similar to Developing inside a Container (20)

Developing inside a Container