WebStorm 2026.1 Help

リモートプロジェクト内での作業

リモートプロジェクトは、ローカルの WebStorm IDE で開かれるのと同じように、 JetBrains Client で開かれます。 他のローカルプロジェクトと同じように開発できます: コードの編集、アプリケーションの実行、デバッグ、デプロイ。

リモート開発プロセスとアーキテクチャ全般について詳しく知りたい場合は、 リモート開発の概要 を参照してください。

開いたプロジェクトに SDK を追加する

プロジェクトを最初に開くと、WebStorm はプロジェクト SDK の追加を提案する通知を表示します。

  1. リモートセッションを開きます。

  2. メインメニューで ファイル | プロジェクト構造 へ移動します。

  3. プロジェクト構造 ダイアログで プロジェクト を選択し、使用可能なオプションからプロジェクトの SDK を構成します。

  4. OK をクリックして変更を保存します。 WebStorm は、構成された SDK をリモートサーバーにダウンロードします。 次にプロジェクトを開くと、ダウンロードした SDK がリモートセッションで自動的に使用されます。

リモートバックエンドの GitHub にサインインする

  1. Ctrl+Alt+S を押して設定を開き、 バージョン管理 | GitHub を選択します。

  2. アカウントの追加 をクリックし、認証方法を選択して、GitHub アカウントにサインインします。

    GitHub 設定

リモート開発セッションを閉じる

  • 閉じるボタン をクリックして、リモートセッションウィンドウを閉じます。

    JetBrains Gateway ウェルカム画面に戻り、 最近の SSH プロジェクトページを使用してリモートセッションに再接続したり、実行中のインスタンスを停止したりできます。

複数の接続を作成する

同じリモートホストおよび同じバージョンの IDE への複数の接続を作成できます。 さまざまな IDE バージョンおよびリモートホストと接続することもできます。

  1. リモートセッションを接続して開きます。

  2. リモートサーバーに接続すると、JetBrains Gateway は常にアクティブになるため、そのアイコンをクリックして JetBrains Gateway のウェルカム画面を開き、他の接続を構成できます。

    同じ IDE バージョン に接続すると、 JetBrains Client は同じプロセスのインスタンスとして開かれます。 別のリモートホストまたは IDE バージョン に接続すると、別のリモートセッションが開始されます。

プラグインのインストール

リモートプロジェクトに必要なプラグインをインストールできます。

リモートサーバーに WebStorm をダウンロードするためのシナリオに応じて、コマンドラインからプラグインをインストールするか、リモートプロジェクトの UI を使用してインストールします。

プラグインをインストールすると、 プラグインの設定の説明ページに、プラグインがインストールされている場所 (リモートホスト、JetBrains クライアント、またはその両方) を示すインジケーターが表示されます。

プラグインの設定ダイアログ

プラグインはプロジェクトごとにインストールされることに注意してください。 新しいプロジェクトでリモート接続を作成するたびに、必要なプラグインをインストールする必要があります。

コマンドラインからプラグインをインストールする

リモートサーバーで WebStorm を 手動で構成する場合は、次の手順を使用してプラグインを追加します：

  1. JetBrains マーケットプレイス(英語)で、インストールするプラグインのページを見つけ、 追加情報 セクションまで下にスクロールして、 プラグイン ID パラメーターの値をコピーします (例: org.jetbrains.plugins.github)。

  2. リモートサーバーを開き、プロジェクトが存在する WebStorm インスタンスに移動し、そこでサードパーティ製プラグインをダウンロード・インストールします。

    デフォルトでは、ダウンロードされた WebStorm インスタンスは次のディレクトリにあります：

    ~/.cache/JetBrains/RemoteDev/dist

  3. 次のコマンドを追加します。

    bin/remote-dev-server.sh installPlugins PROJECT_PATH pluginId

    (PROJECT_PATH はリモートプロジェクトへのパス、 pluginId は JetBrains マーケットプレイス(英語)ページから取得した ID です。)

    インストール後、ダウンロードしたプラグインのアーカイブを解凍します。

    デフォルトでは、インストールされたプラグインはバックエンドの次のフォルダーに配置されます：

    ~/.local/shared/JetBrains/<ide name><ide version>

  4. 引き続き、 JetBrains Gateway を起動し 、リモートでインストールされたプラグインを使用してリモートプロジェクトを開きます。

UI 経由でプラグインをインストールする

JetBrains Gateway を使用してWebStorm をリモートサーバーにダウンロードする場合は、次の手順に従ってプラグインをインストールします。

  1. JetBrains Client でリモートプロジェクトを開きます。

  2. Ctrl+Alt+S を押して設定を開き、 プラグイン を選択します。

  3. 通常の WebStorm プロジェクトと同様に、必要なプラグインを インストールしてください。

    通常のプラグインのインストールの詳細については、 プラグインのインストール を参照してください。

  4. プラグインをダウンロードして有効にした後、 OK をクリックして変更を保存します。

    プラグインはリモートでインストールされます。 ただし、プラグインはプロジェクトごとにインストールされることに注意してください。

ファイルのアップロードとダウンロード

ローカルファイルシステムとリモートバックエンド間でファイルをダウンロードおよびアップロードできます。

Ctrl+C/Ctrl+V とドラッグアンドドロップアクションを使用して、ローカルファイルシステムから開いているリモートプロジェクトにファイルを転送することができます。

リモートバックエンドからローカルファイルシステムにファイルをダウンロードするには、次の手順に従います：

リモートバックエンドからローカルマシンにファイルをダウンロードする

  1. 開いたリモート プロジェクト ツールウィンドウで、ダウンロードするファイルを右クリックします。

  2. コンテキストメニューで、 ファイルをローカルマシンにダウンロード を選択します。

    または、ドラッグアンドドロップアクションを使用します。

  3. 開いたダイアログで、ファイルをダウンロードするディレクトリを選択し、 OK をクリックします。

バックエンドコントロールセンター

リモートプロジェクトで作業する際には、リモートサーバーのステータスを確認できます。 つまり、バックエンドの CPU 負荷、ディスク使用量、メモリ消費量を確認できます。 また、JetBrains Client から直接、ヒープサイズを追加したり、リモートバックエンドを再起動したりすることも可能です。

プロジェクトで転送されたポートのリストも表示できます。

リモートプロジェクトを開くと、バックエンドの名前、メモリ、レイテンシーのインジケーターがメインツールバーに表示されます。

メインツールバー

コントロールセンターウィンドウを操作する

  1. JetBrains Client のメインツールバーで、リモートサーバーの名前をクリックして、backend コントロールウィンドウを開きます。

    バックエンドのステータス詳細

  2. パフォーマンス タブで、CPU 負荷、メモリ消費量、ディスク容量のステータスを確認します。

    • Ping（ピング）: これは、RD プロトコルを使用して JetBrains Client とリモートサーバーの間でデータを転送するのにかかる時間を示す時間インジケーターです。

    • CPU 負荷: これは、CPU によって実行されるプロセスの数の指標です。

    • メモリ (RAM): これは、リモートサーバーの RAM 状態を示すインジケーターです。 メモリ制限に達した場合は、リモートサーバーにアクセスして、RAM を増やすか、RAM を消費するプロセスを終了する必要があります。

    • ディスク: これは、リモートサーバーによって使用されているディスク容量の指標です。

  3. ポート タブをクリックして、 転送されたポートのステータス、番号、名前を確認します。

  4. 出力 タブをクリックして、リモートサーバーからのログファイルの最後の 2500 個のシンボルを表示します。

    この情報により、ログファイルの末尾や発生した可能性があるエラーや問題を確認できます。

    出力タブ
    出力タブ

  5. ヒープメモリサイズを増やしたい場合は、 設定 タブをクリックし、 最大ヒープサイズ フィールドに必要なメモリ量を追加して 保存して再起動 をクリックし、変更を適用します。 すぐにバックエンドを再起動したくない場合は、 保存 をクリックすることもできます。

    設定タブ

JetBrains Client で作業中に問題が発生した場合は、バックエンド IDE のメインツールウィンドウを開いて、そこで問題の解決を試みることができます。

バックエンド IDE UI にアクセスする

  1. JetBrains Client のメインツールバーで、リモートサーバーの名前をクリックして、 バックエンド コントロールウィンドウを開きます。

  2. 開いたウィンドウで その他のオプション をクリックし、 メインウィンドウの表示 を選択します。

    バックエンド IDE のメインウィンドウが投影されます。 JetBrains Client ではそれができなかった場合、これを使用してリモート設定にアクセスし、さまざまなリモートオプションを構成できるようになります。

リモートバックエンドで資格情報ストレージメカニズムを管理する

リモートサーバーでパスワードの管理方法を構成し、デフォルト構成を上書きできます。

デフォルトでは、KeePass マネージャーは、 バックエンドのパスワード設定で確認できるように、バックエンドにパスワード情報を保存するために使用されます。

利用可能な認証ストレージメカニズムおよびデフォルトの認証ストレージメカニズムに関する情報を保存するファイルを作成し、それを使ってシステム提供のものを上書きできます。

たとえば、 KEEPASS メカニズムではすべてがハードディスク上に保持されますが、これは少し欠点です。 ただし、IDE の再起動間で資格情報 (データベース資格情報、GitHub トークンなど) を保存する場合は、 KEEPASS メカニズムを選択する必要があります。

一方、 IN_MEMORY メカニズムを使用すると、実行中の IDE のメモリ内にすべてを保持し、IDE の再起動時にすべてをクリアできます。 安全なハードディスクには何も保存されません。

すべてのバックエンドの資格情報ストレージメカニズムを保存するファイルを設定する

  1. CredentialStore ディレクトリと次の settingName ファイルを作成します。

    • defaultProvider: デフォルトのパスワード保存メカニズム用。 ファイルには、からの 1 つの値が含まれます (MEMORY_ONLY、 KEYCHAIN、 KEEPASS)

    • availableProviders ：利用可能なパスワードストレージメカニズム用。 ファイルには、(MEMORY_ONLY、 KEYCHAIN、 KEEPASS) からのカンマ区切りの値が含まれます

    ローカル OS でファイルを作成してリモートサーバーへコピーするか、リモートサーバー上でそのようなファイルを直接作成できます。

  2. 作成したファイルをリモートサーバーに追加します。 ローカルシステムでファイルを作成した場合は、ターミナルで次のコマンドを使用して、リモートサーバー上の必要な場所にファイルをコピーできます。

    scp source/filename [username]@[host]: destination

    リモートバックエンド上のファイルの場所は次のとおりです：

    • $HOME/.config/JetBrains/CredentialStore/settingName (ユーザー固有の設定用)

    • /etc/xdg/JetBrains/CredentialStore/settingName (システム全体の設定)

  3. ファイルをリモートサーバーに追加すると、 パスワード設定には、デフォルトのパスワードストレージプロバイダーと使用可能なパスワードストレージプロバイダーのみが表示されます。

リモートパスワード設定にアクセスする

  1. メインウィンドウを開き、 ファイル | 設定 をクリックします。

  2. 外観 &#xa0; 振る舞い | パスワード を選択します。

  3. パスワード 設定ページには、設定を構成するために使用できる資格情報を保存するためのデフォルトのメカニズムが表示されます。

  4. OK をクリックして変更を保存します。

2026 年 6 月 8 日
完全オフラインモードリモート開発に関する FAQ