WebStorm 2026.1 Help

ファイル、フォルダー、テキストソースを比較する

WebStorm を使うと、任意のファイル(Ctrl+D )、フォルダー、テキストソース間、またローカルファイルとそのリポジトリバージョン間の差分を確認できます。

ファイルを比較

2 つまたは 3 つのファイルを比較する

  • プロジェクト ツールウィンドウ(Alt+1 )で、比較したいファイルを選択し、 ファイルを比較 を選択するか、 Ctrl+D を押します。

  • または、1 つのファイルを選択し、コンテキストメニューから 比較… を選択して、プロジェクトの外部にあるファイルを選択します。

アクティブなエディターをクリップボードと比較する

  • エディターの任意の場所を右クリックし、コンテキストメニューから クリップボードと比較 を選択します。

アクティブなエディターとプロジェクトファイルを比較する

  1. プロジェクト ツールウィンドウ(Alt+1 )で、現在開いているファイルと比較したいファイルを右クリックします。

  2. コンテキストメニューから エディターでファイルを比較 を選択します。

アクティブエディターと任意のファイルを比較する

project 外のファイルをアクティブなエディターと比較する必要がある場合や、 プロジェクト ツールウィンドウ(Alt+1 )を開きたくない場合は、任意のファイルを選択してアクティブなエディターと比較できる エディターでファイルを比較 アクションを使用できます。

このアクションをエディタータブのコンテキストメニューに追加するには:

  1. Ctrl+Alt+S を押して設定を開き、 外観 & 振る舞い | メニューおよびツールバー を選択します。

  2. 右側のペインで、 エディタータブのポップアップメニュー ノードを展開し、新しいアクションを追加する場所を選択し、 Add Actions メニュー をクリックして、 アクションを追加… を選択します。

  3. バージョン管理システム | 差分 & マージエディターでファイルを比較 アクションを見つけて追加します。

ローカルファイルとそのリポジトリのバージョンを比較する

  1. コミット ツールウィンドウ(Alt+0 )を開きます。

  2. 変更リストで必要なファイルを見つけて、次のいずれかを実行してください:

    • ファイルを右クリックし、 Git | 差分の表示 を選択します。

    • ファイルを選択して Ctrl+D を押します。

    • ファイルをダブルクリックします。

WebStorm は ファイルの差分ビューアーに違いを表示します:

ファイルを比較

説明

新しい行 新しい行 グリーン

追加済み

変更された行 変更された行 ブルー

変更

削除された行 削除された行 グレー

削除

変更を適用するには、Vehron ボタン (左側に適用 および 右側に適用) を使用します。

変更を追加するには Ctrl を押します — 左側に適用 右側に適用 ボタンが 右下のシェブロンボタン 左下のシェブロンボタン になります。

生産性のヒント

「受け入れ」と「追加」のショートカットを割り当てる

受け入れアクション追加アクションにショートカットを割り当てるには、 キーマップ 設定ページ Ctrl+Alt+S を開き、 バージョン管理システム | 差分 & マージ でこれらのアクションを見つけます。

左右入れ替え

2 つのファイル、またはクリップボードの内容を含むファイルを比較している場合、ツールバーの サイド入れ替えボタン をクリックすると、表を入れ替えることができます。

コマンドラインからファイルを比較する

コマンドラインからファイルを 2 つまたは 3 つ比較し、WebStorm を外部 diff ツールとして使用できます。 詳細は、 コマンドラインからファイルを比較する を参照してください。

フォルダーを比較する

WebStorm では、フォルダー 2 つの中のファイルをファイルサイズ、内容、タイムスタンプで比較できます。 違いは フォルダーの差分ビューアーに表示されます:

フォルダーを比較する

上部のペインには選択したフォルダー内のすべてのファイルがリストされ、下部のペインには選択したファイルの 2 つのバージョンの違いが表示されます (ファイルを比較 を参照)。

フォルダーを比較する

  1. プロジェクト ツールウィンドウ(Alt+1 )で比較したいフォルダーを選択します。

  2. コンテキストメニューから ディレクトリの比較 を選択するか、 Ctrl+D を押します。

  3. リストをフィルタリングするには、次のツールバーボタンを使用します:

    • 右矢印: クリックすると、左側のフォルダーには存在するが右側のフォルダーには存在しないファイルが表示されます。

    • 左矢印: クリックすると、右側のフォルダーに存在するファイルが表示されますが、左側のフォルダーには存在しません。

    • 等しくない記号: クリックすると、両方のフォルダーに存在するが内容、タイムスタンプまたはサイズが異なるファイルが表示されます。

    • イコール記号: クリックすると、両方のフォルダーに存在し、 次で比較 ドロップダウンで選択されたオプションに関して同一のファイルが表示されます。

  4. 検索フィールドのテキストフィルターを使用して、リストにファイルを含めたり除外したりします:

    • ファイルを含めるには、一致するパターンを入力します。 例: .txt は、 .txt で終わるすべてのパスを検証します。

    • ファイルを除外するには、パターンの前に ! を追加します。 例: !build/* は、ビルドディレクトリ内にあるすべてのファイルを除外します。

    • 複数のフィルターを組み合わせるには、 & (AND) と | (OR) を使用します。 例: *.txt|.xml&!build/* は、 .txt または .xml で終わり、ビルドディレクトリ内にないすべてのパスを検証します。

フォルダーを同期する

WebStorm を使ってフォルダー 2 つの内容を同期したり、1 つのフォルダーから別のフォルダーに変更を適用できます。

  1. 各ファイルの * 列にあるアイコンをクリックして、そのファイルに対して実行するアクションを設定します。

    • 右矢印: 選択した項目を左から右のフォルダーにコピーします。 このようなファイルがすでに正しいフォルダーに存在する場合は、上書きされます。

    • 左矢印: 選択した項目を右から左のフォルダーにコピーします。 このようなファイルがすでに左のフォルダーにある場合は上書きされます。

    • イコール記号: アクションは実行されません(2 つのファイルは同じです)。

    • 等しくない記号: アクションは実行されません(2 つのファイルは異なります)。

    • 閉じるアイコン: 選択した項目の除去。

  2. 次のいずれかを実行します:

    • 選択したアクションを現在のアイテムに適用するには、ツールバーの 選択対象を同期 ボタン 選択項目を同期ボタン をクリックするか、 Enter を押します。

    • 選択したアクションをすべてのアイテムに適用するには、ツールバーの すべてを同期 ボタン すべて同期ボタン をクリックします。

2 つのフォルダーの異なるファイルを比較する

ファイルが 1 つのフォルダーに存在し、もう一方のフォルダーには似た名前の別のファイルが存在する場合があります(例えば VCS_library_1.4 VCS_library_1.5 )。 これらは比較したい同じファイルの別バージョンかもしれません。 また、ファイル名が変更されたと思うが、他は別のフォルダーのファイルと同一という場合もあります。 WebStorm では、右側のフォルダーにあるファイルと左側のフォルダーにあるファイルのように、別のエンティティとして扱われていても 2 つのファイルを比較できます。

  1. 左ペインと右ペインで、比較したいファイルを選択します。

  2. ツールバーの 新規ファイルの相互比較 アイコン 新しいファイル同士を比較ボタン をクリックします。 選択したファイルの違いが下のペインに表示されます。

任意のテキストソースを比較する

ファイルやフォルダーの内容を比較する以外に、空の 差分ビューアーを開いて、任意のテキストを貼り付けたり、ファイルを左右のパネルにドラッグして比較することもできます。 これは、たとえば、アプリケーションのコンソール出力を、同じアプリケーションのわずかに変更されたバージョンからの出力と比較する場合に役立ちます。

  1. Ctrl+Shift+A を押して入力を開始し、 空白の diff ウィンドウを開く アクションを見つけます。

  2. 左パネルと右パネルに、比較したいテキストを貼り付けてください。

    左または右のパネルを右クリックして 3 サイドビューアーに切り替え を選択し、3 つのテキストソースを比較します。

生産性のヒント

「空白の差分を開く」アクションのショートカットを割り当てる

キーマップ 設定ページ Ctrl+Alt+S で、 バージョン管理システム | 差分 & マージ にあるこのアクションを見つけます。

左右入れ替え

ツールバーの サイドを入れ替える アイコンを押すと、 差分ビューアー の左右を入れ替えることができます。

別ウィンドウで差分を表示

デフォルトでは 差分ビューアー はエディタータブで開きます。 設定を変更すると、ビューアーを別ウィンドウで開くこともできます。 詳細設定 設定ページ  Ctrl+Alt+S で、 エディタータブで差分を開く オプションを無効にします。

外部差分ツールで比較

外部差分ツールをセットアップして起動し、WebStorm から直接ファイルや変更を比較できます。 事前に必要な差分ツールをマシンにインストールしてください。

外部差分ツールを構成する

  1. Ctrl+Alt+S を押して設定を開き、 ツール | 差分 & マージ | 外部差分ツール を選択します。

  2. 外部ツールの有効化 オプションを選択してください。

    外部差分ツールを使用可能にする
  3. 外部ツールを構成する セクションで、 をクリックします。

  4. 開いた 外部ツールを追加 ダイアログで、次の詳細を入力します。

    • ツールグループ: リストから 差分ツールを選択します。

    • プログラムパス: システムで実行可能な差分ツールへのパスを指定します。

    • 引数パターン: 必要に応じて、変更を表示するパターンを調整します。

      • %1 - ローカルの変更

      • %2 - リモートサーバーからのコンテンツ

      • %3 - ローカル変更のない現在のバージョン

    kdiff3 を外部差分ツールとして追加

    Diff をテスト または 三方向 diff をテスト をクリックして、外部 diff ツールが WebStorm から正常に起動することを確認してください。

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

WebStorm から外部差分ツールを起動する

  • 差分ビューアーで違いを調べているときに、 をクリックすると、WebStorm で設定した外部 diff ツールを起動できます。

    kdiff3 を起動
2026 年 6 月 8 日