WebStorm 2026.1 Help

IDE 内で Dev Container を起動する

.devcontainer フォルダーと devcontainer.json ファイルがルートにあるローカルプロジェクトを WebStorm で開き、IDE から Docker を使って Dev Container を起動できます。 IDE では、ソースコードを Dev Container に マウントまたは クローンできます。

リモートプロジェクト用に Dev Container を開始することもできます。

ソースをマウントすると、ローカルプロジェクトディレクトリがコンテナーにマウント(リンク)され、コンテナー内で行われた変更はローカルファイルに反映され、その逆も同様です。 このプロセスは Create Dev Container and Clone Sources アクションよりも時間がかかりますが、コンテナー内で実行しつつローカル IDE でファイルを編集したい開発ワークフローに役立つことがあります。

Dev Container を作成してソースをマウント

  1. IDE 内で devcontainer.json ファイルを含むプロジェクトを開きます。

  2. エディターで devcontainer.json ファイルを開きます。

  3. 左のガターで、 Dev コンテナーの作成 をクリックし、 Dev Container を作成してソースをマウント… を選択して、コンテナー内で作業するバックエンド IDE を選択します。

    Dev Container を作成し、ソースをマウントする
  4. Dev Container を作成するプロセスが サービスツールウィンドウに表示されます。

    Dev Container を作成中

    Dev Container が作成されたら、 プロジェクトを開く をクリックします。

    Dev Container が作成されました。プロジェクトを開いてください

    このプロジェクトは JetBrains Client で開始されます。

    Dev Container 内のプロジェクト

ソースをクローンすると、GitHub などのリモートリポジトリからコンテナー内にコードがクローンされます。 このプロセスは Dev Container を作成してソースをマウント アクションに比べて高速ですが、Git リポジトリ全体がチェックアウトされることに注意してください。

ただし、このアクションは、ローカルファイルに影響を与えずに分離された再現可能な環境が必要な場合に役立ちます。

Dev Container を作成してソースをクローン

  1. IDE 内で devcontainer.json ファイルを含むプロジェクトを開きます。

  2. エディターで devcontainer.json ファイルを開きます。

  3. 左ガターで Dev コンテナーの作成 をクリックし、 Dev Container を作成し、ソースをクローン を選択します。

  4. 新規 Dev Container ページで、IDE、Git リポジトリ、ブランチを指定し、 コンテナーをビルドして続行する をクリックします。

    新規 Dev Container
  5. Dev Container を作成するプロセスが サービスツールウィンドウに表示されます。

    Dev Container が作成されたら、 接続 をクリックします。

    コンテナーが作成され、JetBrains Client でプロジェクトが開きます。

追加のコンテキストメニューオプション

ソースのクローン作成ソースのマウントのほかに、コンテキストメニューでは次の追加オプションが使用できます。

コンテキストメニュー: Dev Container の表示

項目

説明

Dev Container を表示

既存の Dev Container のリストを確認するには、このオプションを使用します。

どれがアクティブで実行中であるかを確認し、停止したり再起動したりできます。

Dev Container を参照

Dev Container バックエンドを管理

このオプションを使用して、Docker 共有ボリュームから不要なものを削除します。

バックエンドの管理

IDE から変更された設定を追加

このオプションを使用すると、Dev Container 内で実行されている IDE バックエンドに IDE 設定を追加できます。 詳細については、 IDE から変更された設定を追加するを参照してください。

2026 年 6 月 8 日