https://www.knightli.com/ja/tags/%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83/ Recent content in 開発環境 on KnightLiブログ Hugo -- gohugo.io ja Thu, 16 Apr 2026 10:20:00 +0800 https://www.knightli.com/ja/2026/04/16/vscode-docker-image-build-windows/ Thu, 16 Apr 2026 10:20:00 +0800 https://www.knightli.com/ja/2026/04/16/vscode-docker-image-build-windows/ <p>Windows環境でVS CodeからDockerイメージを作る流れはシンプルです。基本は3ステップだけです。環境準備、Dockerfile作成、イメージビルドの順で進めます。</p> <h2 id="01-事前準備">01 事前準備 </h2><p>まず次の2点を確認します。</p> <ol> <li>Docker Desktopをインストールし、起動しておく。</li> <li>VS CodeでMicrosoft公式の<code>Docker</code>拡張機能を入れる。</li> </ol> <p>WindowsではDocker Desktopの<code>WSL 2</code>バックエンド（<code>Settings &gt; Resources &gt; WSL Integration</code>）を使うと、安定性と速度の面で有利です。</p> <h2 id="02-dockerfileを用意する">02 Dockerfileを用意する </h2><p>まだDockerfileがない場合は、VS Codeで自動生成できます。</p> <ol> <li>VS Codeでプロジェクトフォルダを開く。</li> <li><code>F1</code>または<code>Ctrl+Shift+P</code>でコマンドパレットを開く。</li> <li><code>Docker: Add Docker Files to Workspace</code>を実行する。</li> <li>Node.js、Python、.NETなど対象プラットフォームを選び、案内に従う。</li> </ol> <p>通常は次のファイルが生成されます。</p> <ul> <li><code>Dockerfile</code></li> <li><code>.dockerignore</code></li> </ul> <p>まずは動く雛形を作り、あとで調整するのが効率的です。</p> <h2 id="03-イメージをビルドする3つの方法">03 イメージをビルドする3つの方法 </h2><h3 id="方法a-dockerfileを右クリック">方法A: Dockerfileを右クリック </h3><p>エクスプローラーで<code>Dockerfile</code>を右クリックし、<code>Build Image...</code>を選択してタグ名を入力します。</p> <h3 id="方法b-コマンドパレット">方法B: コマンドパレット </h3><p><code>F1</code>で<code>Docker: Build Image</code>を実行し、コンテキストとタグを選びます。</p> <h3 id="方法c-統合ターミナル">方法C: 統合ターミナル </h3><div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">docker build -t your-image-name . </span></span></code></pre></td></tr></table> </div> </div><p>現在のディレクトリをビルドコンテキストとして、<code>your-image-name</code>タグでイメージを作成します。</p> <h2 id="04-よくある問題の確認ポイント">04 よくある問題の確認ポイント </h2><ul> <li>Docker Desktopが起動していない: 先に起動状態を確認する。</li> <li>ビルドが遅い: WSL 2バックエンドが有効か確認する。</li> <li>ファイルが見つからないエラー: 実行場所がプロジェクトルートか確認する。</li> <li>VS CodeでDocker項目が出ない: VS Code再起動と<code>docker version</code>確認を行う。</li> </ul> <h2 id="まとめ">まとめ </h2><p>WindowsでVS CodeからDockerイメージを作る作業は、初期セットアップができれば難しくありません。Docker Desktopと拡張機能を整え、必要ならDockerfileを自動生成し、UIまたは<code>docker build</code>でビルドすれば運用できます。</p>