bicepの紹介とbicep 用 VS Code Dev Container の作成

1. bicep devcontaner
VS CodeMeetup #7
byTakekazuOmi(@Baleen.Studio)
2020/11/04 v1.0.0
VS Code Meetup #7
Takekazu Omi @Baleen.Studio 1

2. 自己紹介
近江武一@takekazuomi
会社作りましたbaleen.studio
GitHub
AzureQuickstart templateのelasticpoolのBUG修正PR
Azuriteで、TableAPIサポートを作り始めたのでPR
Blog kyrt.in
bicep 用devcontaner 今日の話はこれ
bicep moduleを使う
VS Code Meetup #7
Takekazu Omi @Baleen.Studio 2

3. はじめに
ローカル、クラウド、プロダクションなど全方面でdockerが便利。
コンテナの活用で開発全体のライフサイクルを素早く回せるように
VSCodeDevContainerはローカル開発でのコンテナ活用例
bicep ( )の紹介（新しい開発環境例として）
DevContainer自体は3分程度で作れる
※ローカル環境の魔窟化が避けられて嬉しい
VS Code Meetup #7
Takekazu Omi @Baleen.Studio 3

4. bicep の紹介
今日の影の主役bicep,v0.1.226-alpha
AzureARM TemplateのDSL、現在開発初期のα版
json直は辛い。DSLとLanguageServerでサポートというのが基
本アイデア
ARM Template- bicep 間は薄いラッパーで相互手書きも容易
コンパイラ（Transpilers）が、シングルバイナリー(.NET Core
製)で、クロスププラットフォーム
VS Code Meetup #7
Takekazu Omi @Baleen.Studio 4

5. bicep の
ARM Template直よりは100倍楽に書ける
薄いラッパーなので、トラブルシューティングが楽
未実装機能がある、copy,conditionKnownlimitations
↑0.3 (ETA12/15)ではサポートされる予定
ARM templateのライティングツールの位置付けなら今からでも
VS Code Meetup #7
Takekazu Omi @Baleen.Studio 5

6. オレオレdevcontaner
テンプレートから素材を選んで混ぜると概ねできる
1. 素材選択
2. 混ぜる
3. 完成
完成品Bicep devcontainer
VS Code Meetup #7
Takekazu Omi @Baleen.Studio 6

7. 1.素材(1)
大枠のテンプレート
Development Containerのテンプレートからコピー
dockerfile単体とdocker-composeに別で興味深い
ベースとなるイメージを選ぶ
debian用のlibrary-scriptsが揃っているのでdebianがお勧め
mcr.microsoft.com/vscode/devcontainers/base:buster を選択。
Dockerfileは、ここ、修正後のbase.Dockerfile
VS Code Meetup #7
Takekazu Omi @Baleen.Studio 7

8. 1.素材(2)
一緒に使うツールのインストールスクリプトをコピー
azcli , pwsh をvscode-dev-containersから、library-scripts
へコピー
bicep 用インストールスクリプトの作成
bicep-debian.sh
VS Code Meetup #7
Takekazu Omi @Baleen.Studio 8

9. 2.混ぜる
ベースとなるDockerfileを作る
RUN ... && ... で実行するスクリプトを並べる
placeholderのDockerfileを作る
中身は FROM のみに近い
devcotainer.jsonを作る
extensions の内容は好みで適当に
完成品Bicep devcontainer
VS Code Meetup #7
Takekazu Omi @Baleen.Studio 9

10. 3.完成
1. このレポジトリをcloneする
2. devcontainer-bicep/.devcontainer の内容を自分のプロジェクトの
ルートにコピーする
3. VS Codeでプロジェクトのルートを開く
4. Remote-Containers:ReopenFolderinContainerで開き直す
※参考：DevContainerの使い方
VS Code Meetup #7
Takekazu Omi @Baleen.Studio 10

11. 参考
DevContainer向けのscript-library。debianが多い。
az cli がpython製で多くのpyplを使っているようなコードの場
合は、alpineのメリットがあまり無いのかなと思う。Using
AlpinecanmakePythonDockerbuilds50×slower
今回のスライドは、Marpを使いました。ありがとうございます。
今回のコンテンツ、devcontainer-bicep-
vscm7にあります
VS Code Meetup #7
Takekazu Omi @Baleen.Studio 11

12. 終
VS Code Meetup #7
Takekazu Omi @Baleen.Studio 12