<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p>この記事は<a href="https://qiita.com/advent-calendar/2020/vscode" target="_blank" rel="nofollow noopener noreferrer">Visual Studio Code Advent Calendar 2020 - Qiita</a> 19日目の記事です。</p>
</div></aside>
<p>去る11月21日に行われた VS Code Conference Japan にて「Remote Development with Podman」の内容で発表を同いました</p>
<p><strong>イベントサイト</strong><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__f484eef4556bb" src="https://embed.zenn.studio/card#zenn-embedded__f484eef4556bb" data-content="https%3A%2F%2Fvscode.connpass.com%2Fevent%2F184441%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://vscode.connpass.com/event/184441/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://vscode.connpass.com/event/184441/</a></p>
<p><strong>発表スライド</strong></p>
<span class="embed-block embed-speakerdeck"><iframe src="https://speakerdeck.com/player/b10981f8bcdf4e9dacf14f8f6e2da4eb" scrolling="no" allowfullscreen allow="encrypted-media" loading="lazy"></iframe></span>
<p>本記事は初出の発表資料を再構成し、内容を整理したものになります。</p>
<hr>
<h1 id="vs-code%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8Bpodman%E3%81%AE%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88">
<a class="header-anchor-link" href="#vs-code%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8Bpodman%E3%81%AE%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88" aria-hidden="true"></a> VS CodeにおけるPodmanのサポート</h1>
<p><a href="https://code.visualstudio.com/docs/remote/remote-overview" target="_blank" rel="nofollow noopener noreferrer">VS Code Remote Development</a>を使ったリモート開発のうち、Remote - ContainersでPodmanをコンテナ実行環境としての利用が可能です。なお、Remote - ContainersにおけるPodmanのサポートは 2020年4月、VS Code v1.45から。</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__6da69c8816197" src="https://embed.zenn.studio/card#zenn-embedded__6da69c8816197" data-content="https%3A%2F%2Fcode.visualstudio.com%2Fupdates%2Fv1_45%3Fref%3Dcodebldr" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://code.visualstudio.com/updates/v1_45?ref=codebldr" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://code.visualstudio.com/updates/v1_45?ref=codebldr</a></p>
<h1 id="remote---containers%E3%81%A7%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AB%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%93%E3%81%A8">
<a class="header-anchor-link" href="#remote---containers%E3%81%A7%E5%85%B7%E4%BD%93%E7%9A%84%E3%81%AB%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%93%E3%81%A8" aria-hidden="true"></a> Remote - Containersで具体的にできること</h1>
<ul>
<li>Dockerの代わりにPodmanでコンテナを実行</li>
<li>VS CodeからPodmanで起動したコンテナへ接続し、コンテナの中で開発を実施</li>
</ul>
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p>ただし、Dockerをコンテナ実行環境とする場合に比べ、現時点では利用できるOS環境が限定されます</p>
</div></aside>
<h1 id="podman%E3%81%AE%E5%88%A9%E7%94%A8%E6%96%B9%E6%B3%95">
<a class="header-anchor-link" href="#podman%E3%81%AE%E5%88%A9%E7%94%A8%E6%96%B9%E6%B3%95" aria-hidden="true"></a> Podmanの利用方法</h1>
<ul>
<li>
<p>Docker Pathに<code>podman</code>を指定する<br>
<img src="https://storage.googleapis.com/zenn-user-upload/uik8jbh6ty797xk2k0ll69u1mr4y" alt loading="lazy" class="md-img"></p>
</li>
<li>
<p>あとはDockerを使用する手順と同様</p>
</li>
</ul>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__5ec3298fc22ef" src="https://embed.zenn.studio/card#zenn-embedded__5ec3298fc22ef" data-content="https%3A%2F%2Fcode.visualstudio.com%2Fdocs%2Fremote%2Fcontainers" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://code.visualstudio.com/docs/remote/containers" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://code.visualstudio.com/docs/remote/containers</a></p>
<h1 id="%E6%B3%A8%E6%84%8F%E7%82%B9%EF%BC%9Apodman%E3%81%AE%E5%8B%95%E4%BD%9Cos">
<a class="header-anchor-link" href="#%E6%B3%A8%E6%84%8F%E7%82%B9%EF%BC%9Apodman%E3%81%AE%E5%8B%95%E4%BD%9Cos" aria-hidden="true"></a> 注意点：Podmanの動作OS</h1>
<p>Podmanの動作環境については下記の記事を参照</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__4e087afadbacb" src="https://embed.zenn.studio/card#zenn-embedded__4e087afadbacb" data-content="https%3A%2F%2Fzenn.dev%2Ftnk4on%2Farticles%2F2bdc6d64b63c39" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/tnk4on/articles/2bdc6d64b63c39" style="display:none" target="_blank">https://zenn.dev/tnk4on/articles/2bdc6d64b63c39</a></p>
<ul>
<li>MacとWindowsはリモートクライアント(podman-remote)しかない</li>
<li>リモートクライアントではRemote-Containersの機能は使用できない<sup class="footnote-ref"><a href="#fn-eccf-1" id="fnref-eccf-1">[1]</a></sup>
</li>
</ul>
<ul>
<li>つまり、「現時点でVS Codeのサポート構成を実現できるのは<strong>Linux環境のみ</strong>」</li>
</ul>
<h1 id="remote-containers%E3%81%A7%E5%8B%95%E4%BD%9C%E7%A2%BA%E8%AA%8D%E6%B8%88%E3%81%BF%E3%81%AE%E7%92%B0%E5%A2%83">
<a class="header-anchor-link" href="#remote-containers%E3%81%A7%E5%8B%95%E4%BD%9C%E7%A2%BA%E8%AA%8D%E6%B8%88%E3%81%BF%E3%81%AE%E7%92%B0%E5%A2%83" aria-hidden="true"></a> Remote-Containersで動作確認済みの環境</h1>
<p>下記はVS CodeとPodmanを導入した環境で実際に動作テストを行った結果、正常動作が確認できた内容になります。</p>
<h2 id="linux%EF%BC%88podman-on-fedora-33%EF%BC%89">
<a class="header-anchor-link" href="#linux%EF%BC%88podman-on-fedora-33%EF%BC%89" aria-hidden="true"></a> Linux（Podman on Fedora 33）</h2>
<p><img src="https://storage.googleapis.com/zenn-user-upload/zxmqg24xe33r4vzkruiqs9x5fm9j" alt loading="lazy" class="md-img"></p>
<ul>
<li>Linuxデスクトップ上でVS Codeを起動し、<strong>同OS上</strong>でPodmanによるコンテナを実行</li>
<li>動作確認OS：Fedora 33 WorkStaion</li>
<li>ポイント：
<ul>
<li>VS Codeのサポート構成</li>
<li>Podmanは一般ユーザーで実行可能</li>
<li>SELinuxの無効化は不要（エラー対応のソース修正は必要）</li>
</ul>
</li>
<li>詳細は発表資料P.16を参照：<a href="https://speakerdeck.com/tnk4on/remote-development-with-podman?slide=16" target="_blank" rel="nofollow noopener noreferrer">https://speakerdeck.com/tnk4on/remote-development-with-podman?slide=16</a>
</li>
</ul>
<h2 id="windows%EF%BC%88podman-on-wsl2%EF%BC%89">
<a class="header-anchor-link" href="#windows%EF%BC%88podman-on-wsl2%EF%BC%89" aria-hidden="true"></a> Windows（Podman on WSL2）</h2>
<p><img src="https://storage.googleapis.com/zenn-user-upload/mbxg3qx0rg3rtc9tmtawotfb6lpj" alt loading="lazy" class="md-img"></p>
<ul>
<li>Windowsデスクトップ上でVS Codeを起動し、<strong>WSL2内</strong>でPodmanによるコンテナを実行</li>
<li>OS：Windows 10 + WSL2(Ubuntu-20.04)</li>
<li>ポイント：
<ul>
<li>VS Codeの非サポート構成</li>
<li>Remote - WSLで接続した環境上で、さらにRemote - Containersを実行</li>
<li>Podmanは一般ユーザーで実行可能</li>
</ul>
</li>
<li>詳細は発表資料P.20を参照：<a href="https://speakerdeck.com/tnk4on/remote-development-with-podman?slide=20" target="_blank" rel="nofollow noopener noreferrer">https://speakerdeck.com/tnk4on/remote-development-with-podman?slide=20</a>
</li>
</ul>
<h1 id="mac%E3%81%A7%E3%82%82vs-code-%2B-podman%E3%81%A7%E9%96%8B%E7%99%BA%E3%82%92%E8%A1%8C%E3%81%84%E3%81%9F%E3%81%84%EF%BC%81">
<a class="header-anchor-link" href="#mac%E3%81%A7%E3%82%82vs-code-%2B-podman%E3%81%A7%E9%96%8B%E7%99%BA%E3%82%92%E8%A1%8C%E3%81%84%E3%81%9F%E3%81%84%EF%BC%81" aria-hidden="true"></a> MacでもVS Code + Podmanで開発を行いたい！</h1>
<p>どうしてもコンテナの実行にDockerを使わずにPodmanを使いたい、またはDokcerが実行できないOS環境の場合。Podmanで「<strong>Dockerを実行できるコンテナ</strong>」を動かす→（Docker in Podman）。</p>
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p>Podmanを実行するLinux環境は別途用意が必要</p>
</div></aside>
<h2 id="%EF%BC%88%E5%8F%82%E8%80%83%EF%BC%89docker-in-docker">
<a class="header-anchor-link" href="#%EF%BC%88%E5%8F%82%E8%80%83%EF%BC%89docker-in-docker" aria-hidden="true"></a> （参考）Docker in Docker</h2>
<p><img src="https://storage.googleapis.com/zenn-user-upload/2rew5wyigt9l4bzu9an90et4g6yt" alt loading="lazy" class="md-img"></p>
<ul>
<li>Dockerの上で（中で？）Dockerを動かす技術</li>
<li>Dockerオフィシャルコンテナイメージあり</li>
</ul>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__c8f115b0749d6" src="https://embed.zenn.studio/card#zenn-embedded__c8f115b0749d6" data-content="https%3A%2F%2Fhub.docker.com%2F_%2Fdocker" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://hub.docker.com/_/docker" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://hub.docker.com/_/docker</a></p>
<ul>
<li>Docker in PodmanはこのコンテナイメージをPodmanで動かしたもの</li>
</ul>
<h2 id="docker-in-podman%E3%81%AE%E5%AE%9F%E8%A1%8C%E6%96%B9%E9%87%9D">
<a class="header-anchor-link" href="#docker-in-podman%E3%81%AE%E5%AE%9F%E8%A1%8C%E6%96%B9%E9%87%9D" aria-hidden="true"></a> Docker in Podmanの実行方針</h2>
<p><img src="https://storage.googleapis.com/zenn-user-upload/z0bq83d35of7obniolq05hwd2u1f" alt loading="lazy" class="md-img"></p>
<ul>
<li>Docker in Dockerのコンテナイメージを使用</li>
<li>TCPで直接ソケット接続する</li>
<li>Podmanコマンドはルート権限で実行する
<ul>
<li>一般ユーザーだと<code>docker run</code>でエラー発生。コンテナの実行ができない。</li>
</ul>
</li>
<li>Cgroup v1に変更</li>
<li>実行コマンド</li>
</ul>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell">$ <span class="token function">sudo</span> <span class="token function">podman</span> run --log-level<span class="token operator">=</span>debug <span class="token parameter variable">-e</span> <span class="token assign-left variable">DOCKER_TLS_CERTDIR</span><span class="token operator">=</span><span class="token string">""</span> <span class="token parameter variable">--privileged</span> <span class="token parameter variable">-dit</span> <span class="token parameter variable">--name</span> dind <span class="token parameter variable">-p</span> <span class="token number">2375</span>:2375 docker:dind
</code></pre></div><ul>
<li>詳細は発表資料P.26を参照：<a href="https://speakerdeck.com/tnk4on/remote-development-with-podman?slide=26" target="_blank" rel="nofollow noopener noreferrer">https://speakerdeck.com/tnk4on/remote-development-with-podman?slide=26</a>
</li>
</ul>
<h2 id="docker-in-podman-on-fedora">
<a class="header-anchor-link" href="#docker-in-podman-on-fedora" aria-hidden="true"></a> Docker in Podman on Fedora</h2>
<ul>
<li>ローカル端末からコンテナ実行されているDockerホストへTCP直接接続</li>
</ul>
<p><img src="https://storage.googleapis.com/zenn-user-upload/hnpi4p13s3471ktlwrxkey5oxiyw" alt loading="lazy" class="md-img"></p>
<ul>
<li>詳細は発表資料P.27を参照：<a href="https://speakerdeck.com/tnk4on/remote-development-with-podman?slide=27" target="_blank" rel="nofollow noopener noreferrer">https://speakerdeck.com/tnk4on/remote-development-with-podman?slide=27</a>
</li>
</ul>
<h1 id="%E3%81%BE%E3%81%A8%E3%82%81">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h1>
<ul>
<li>VS Code + Remote Development + Podmanのサポート構成はLinux環境のみ
<ul>
<li>Fedora 33 Workstationで動作確認済み</li>
</ul>
</li>
<li>Windows環境ではWSL2を併用することでPodmanの利用は可能
<ul>
<li>Windows 10 + WSL2(Ubuntu-20.04)で動作確認済み</li>
</ul>
</li>
<li>Macの場合はPodmanの実行ができないため、Docker in Podmanの技術を使う
<ul>
<li>Dockerをコンテナ実行環境として動作確認済み</li>
<li>ただし、Mac以外にPodmanを実行できるLinux環境は用意する必要がある</li>
</ul>
</li>
<li>まだまだPodmanの利用における制限は多いが、今後のアップデートでDockerとの選択が容易にできるようになることを期待したい</li>
</ul>
<section class="footnotes">
<span class="footnotes-title">脚注</span>
<ol class="footnotes-list">
<li id="fn-eccf-1" class="footnote-item">
<p>ドキュメントに記載は無いが動作検証の結果から判断 <a href="#fnref-eccf-1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>


VS Code + Remote Development + Podmanでコンテナの中で開発を行う

Remote - Containersで具体的にできること

Remote-Containersで動作確認済みの環境

MacでもVS Code + Podmanで開発を行いたい！

Discussion