WebStorm 2025.2 ヘルプ

Web サーバーに接続する

WebStorm は、次の 3 種類の「ローカル開発 — デプロイサーバー」構成を区別します。

  • インプレースサーバー構成。

    インプレースサーバー構成では、ローカル Web サーバーを使用しますが、ローカルサーバー構成とは異なり、サーバーのファイル構造内の WebStorm プロジェクトとプロジェクトフォルダー間でファイルのアップロード / ダウンロードや同期は行いません。代わりに、WebStorm でサーバーのドキュメントルートからプロジェクトフォルダーを直接開き、サーバー上で直接開発を行います。

    インプレースサーバー構成を作成する

  • ローカルサーバーの構成。

    ローカルサーバーは、ローカルフォルダーまたはマウントされたフォルダーで実行され、ローカル URL アドレスにファイルを提供するサーバーです。ローカルサーバー構成では、WebStorm プロジェクトで開発を行い、プロジェクトファイルをサーバーのドキュメントルートにアップロードします。

    ローカルサーバー構成を作成する

  • リモートサーバーの構成。

    リモートサーバー構成では、サーバーは別のコンピューター (リモートホスト) 上で実行されます。リモートサーバー上のファイルにアクセスするには、FTP/SFTP/FTPS/WebDAV プロトコルを使用します。

    リモートサーバー構成を作成する

始める前に

サーバーとの同期、サーバー上のファイルのアップロード、ダウンロード、管理は、デフォルトで有効になっている FTP/SFTP/WebDAV 接続バンドルプラグインを介して提供されます。プラグインが無効になっている場合は、設定ダイアログのプラグインページでプラグインを有効にします。詳細については、「プラグインのインストール」を参照してください。

Web サーバーが構成され、実行されていることを確認してください。詳細については、Web サーバーの公式ドキュメントを参照してください。

必要なだけ多くの設定を定義できるため、アップロード / ダウンロードの設定を柔軟に切り替えることができます。

コードを複数のサーバーにデプロイする必要がある場合は、サーバーグループを作成して各サーバーに個別にデプロイすることを避けます。

サーバーアクセス構成

WebStorm は、サーバーアクセス構成を通じてサーバーとの対話を制御します。サーバーを使用するときはいつでも、サーバーがリモートホスト上にあるかマシン上にあるかに関係なく、サーバーアクセス構成を定義する必要があります。

サーバーアクセス構成では、以下を定義します。

  • サーバーのタイプ(インプレースローカルリモート)。

  • サーバーが実行されているコンピューター(ホスト)。インプレースおよびローカルサーバーの場合、WebStorm は、プロジェクトが存在する現在のコンピューターであることを前提としています。

  • サーバーアクセス構成ルート : サーバー構成を通じてアクセスできるサーバー階層の最上位のフォルダー。

  • サーバー構成ルートにアクセスするための URL アドレス。

  • データを転送するためのプロトコルと接続パラメーター。

  • ローカルフォルダー(つまり、プロジェクトルートのフォルダー)、サーバー上の宛先フォルダー(ローカルまたはリモート)、およびサーバー上のデータにアクセスするための URL アドレス間の対応。この対応をマッピングと呼びます。

    例: プロジェクトは C:/Projects/My_Project/ に保存され、C:/Projects/My_Project/My_Folder というフォルダーを含みますが、ローカルサーバーは C:/xampp/htdocs にドキュメントルートを持ちます。プロジェクトツリー全体を C:/xampp/htdocs/My_Project にアップロードします。WebStorm 用語で、C:/Projects/My_Project/My_Folder フォルダーは、ローカルと呼ばれ、C:/xampp/htdocs/My_Project/My_Folder フォルダーがリモートと呼ばれます。

必要なだけ多くの設定を定義できるため、アップロード / ダウンロードの設定を柔軟に切り替えることができます。

コードを複数のサーバーにデプロイする必要がある場合は、サーバーグループを作成して各サーバーに個別にデプロイすることを避けます。

デフォルトのサーバーアクセス構成

次の場合に WebStorm がサイレントに適用するように、サーバー構成をデフォルトとして設定できます。

  1. 設定ダイアログ(Ctrl+Alt+S)で、ビルド、実行、デプロイ | デプロイに移動し、中央のペインで必要なサーバーアクセス構成を選択して、ツールバーの the Use as default button をクリックします。

    または、WebStorm ステータスバーのデフォルトのデプロイサーバーウィジェットをクリックし、ポップアップメニューから目的のサーバーまたはサーバーグループを選択します。

    Selecting a default deployment server in WebStorm status bar
  2. デフォルトサーバーへのアップロードを構成するには、ビルド、実行、デプロイ | デプロイ | オプションに移動します。

サーバーアクセス構成の可視性

構成が完了すると、サーバーアクセス構成を既存のすべての WebStorm プロジェクトで使用できるようになります。構成の使用を現在のプロジェクトに制限できます。

  1. 設定ダイアログ (Ctrl+Alt+S) で、ビルド、実行、デプロイ | デプロイに移動し、中央ペインで必要なサーバーアクセス構成を選択します。

  2. このプロジェクトでのみ表示するチェックボックスを使用して、このサーバーアクセス構成を他のプロジェクトで再利用できるようにします。

    • 設定の使用を現在のプロジェクトに制限するには、チェックボックスを選択します。このような構成は、現在のプロジェクトの外では再利用できません。他のプロジェクトで利用可能な設定のリストには表示されません。

      サーバー構成設定はプロジェクトとともに .idea ディレクトリに保存されるため、VCS を介してチームメンバー間で共有できます。

      左側のペインのサーバーアクセス構成のリストでは、現在のプロジェクトでのみ表示される構成には Visible only in current project icon アイコンが付いています。

    • チェックボックスがオフの場合、構成はすべての WebStorm プロジェクトで表示されます。その設定は、複数のプロジェクトで再利用できます。

2024 年 10 月 11 日

関連ページ:

ローカルサーバー構成を作成する

ローカルサーバーは、ローカルフォルダーまたはマウントされたフォルダーで実行され、ローカル URL アドレスにファイルを提供するサーバーです。ローカルサーバー構成では、WebStorm プロジェクトで開発を行い、プロジェクトファイルをサーバーのドキュメントルートにアップロードします。WebStorm でローカルサーバー構成を作成するには、WebStorm とサーバー間の接続を設定し、WebStorm プロジェクトとサーバー上のプロジェクトフォルダーおよび対応する URL パス間のマッピングを構成す...

インプレースサーバー構成を作成する

インプレースサーバー構成では、ローカル Web サーバーを使用しますが、ローカルサーバー構成とは異なり、サーバーのファイル構造内の WebStorm プロジェクトとプロジェクトフォルダー間でファイルのアップロード / ダウンロードや同期は行いません。代わりに、WebStorm でサーバーのドキュメントルートからプロジェクトフォルダーを直接開き、サーバー上で直接開発を行います。WebStorm でインプレースサーバー構成を作成するには、サーバードキュメントルートにマップされた Web サーバー URL...

リモートサーバー構成を作成する

リモートサーバー構成では、サーバーは別のコンピューター (リモートホスト) 上で実行されます。リモートサーバー上のファイルにアクセスするには、FTP/SFTP/FTPS/WebDAV プロトコルを使用します。WebStorm でリモートサーバー構成を作成するには、次の手順を実行する必要があります。リモートホストで認証し、接続を設定するは、そこにインストールされている Web サーバーと WebStorm の間にあります。WebStorm プロジェクトとホスト上のプロジェクトフォルダー間のマッピン...

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

プラグインは WebStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。デフォルトでは、WebStorm には多数のプラグインがバンドルされています。バンドルされたプラグインを無効にするこ...

サーバーをグループに編成する

サーバーグループを使用すると、サーバー構成をグループ化し、単一のエンティティと同じように使用できます。コードを複数のサーバーにデプロイする必要がある場合は、サーバーグループを使用して各サーバーに個別にデプロイしないようにすることができます。サーバーグループを作成するを押して設定を開き、を選択します。または、メインメニューのに移動します。既存のサーバー構成をすべてリストした左側のペインで、追加をクリックして、ポップアップメニューでサーバーグループを選択します。開いた新規グループの作成ダイアログで、...

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

WebStorm では、構成されたデプロイサーバーにプロジェクトファイルとフォルダーをアップロードするための次の 2 つの方法が提供されています。メニューコマンドからいつでも手動で実行。ファイルが更新されるたびに、またはデバッグセッションを開始する前に、またはバージョン管理システムへのコミット中に自動的に行われます。ファイルとフォルダーをダウンロードする場合、WebStorm は手動モードのみをサポートします。WebStorm は、ファイル転送ツールウィンドウにログを表示します。ファイルまたはフ...