WebStorm 2026.1 Help

Diff ビューアーを使用してファイルとフォルダーのバージョンを比較する

WebStorm を使うと、ファイル/フォルダーの 2 つのリビジョン間や現在のローカルコピーとリポジトリバージョンの違いを確認できます。 違いは 差分ビューアー に表示されます。

変更されたファイルをその Git リポジトリバージョンと比較する

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

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

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

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

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

  3. ファイルの変更点がハイライトされた差分ビューが開きます。

    右側のペインには、変更されたバージョンのファイルが含まれています。 差分ビューで編集できます。

    左ペインには、ファイルの初期バージョンが含まれています。 読み取り専用です。 元に戻す (元に戻す) をクリックして、変更を元に戻すことができます。

    左ペイン上部のコミットハッシュにマウスオーバーすると、コミットメッセージ、作成者、日時、コミットハッシュ全体といったコミットの詳細がツールチップに表示されます。 コミットハッシュ全体をクリックすると、 Git ツールウィンドウ Alt+9ログ タブで対応するコミットを開くことができます。

ファイルまたはフォルダーの現在のリビジョンを、同じ Git ブランチのリビジョンと比較する

  1. プロジェクト ツールウィンドウ(Alt+1 )でファイルまたはフォルダーを選択し、コンテキストメニューから Git | リビジョンと比較 を選択します。

  2. 開いたダイアログから、現在のファイルまたはフォルダーのバージョンと比較するリビジョンを選択します。

ファイルまたはフォルダーの現在のリビジョンを別の Git ブランチまたはタグと比較する

  1. プロジェクト ツールウィンドウ(Alt+1 )でファイルまたはフォルダーを選択し、コンテキストメニューから Git | ブランチまたはタグと比較 を選択します。

  2. 開いたダイアログから、現在のファイルまたはフォルダーのバージョンと比較するブランチまたはタグを選択します。

ローカルの変更をベースリビジョンと比較する

エディターでファイル内のローカルの変更を 移動する以外に、ファイルのベースリビジョンと比較してこれらの変更を確認できます。

差分をプレビューするには、 コミット ツールウィンドウで変更されたファイルを選択し、ダブルクリックするか、 Ctrl+D を押します。

左側のペインには、基本リビジョン時点での影響を受けているコードが表示され、右側のページにはローカルで変更した後の影響を受けているコードが表示されます。

エディターでの差分プレビュー

ツールバーボタンとコントロールを使用して変更間を移動し、 変更の詳細 ペインまたは 差分ビューアー の外観を構成します。

項目

ツールチップとショートカット

説明

「前の違い」ボタン/「次の違い」ボタン

前の違い / 次の違い Shift+F7 F7

次または前の違いに移動します。

最後または最初の違いに達すると、WebStorm は矢印ボタンのクリックや F7/Shift+F7 をもう一度押して、ローカルで変更された他のファイルを比較することを提案します。 この動作は、 差分ビューアーの設定最後の変更の後に次のファイルに移動するオプションによって異なります。

ソースへ移動ボタン

ソースに移動

F4

選択したファイルをエディターで開きます。 キャレットは 差分ビューアー と同じ位置に配置されます。

「前のファイルを比較」アイコン

「次のファイルを比較」アイコン

前 / 次のファイルを比較

Alt+Left Alt+Right

前または次のファイルのローカルコピーを、サーバーからの更新と比較します。

「変更されたファイルに移動」アイコン

変更ファイルに移動 Ctrl+N

現在の変更セット内のすべての変更されたファイルを表示し、それらに移動します。 このアクションは、複数のファイルへの変更を確認する場合にのみ使用できます。

ビューアー

ビューアーモードを選択します: 横並びまたは統合。 横並びモードには 2 つのパネルがあり、ユニファイドモードには 1 つのパネルがあります。

コードを編集して、両方のビューアーで 受諾追加元に戻す アクションを実行できます。

テキストを変更できるのは、横並びビューアーの右側部分、または統合ビューアーの行のみです。

ファイルのローカルバージョンのみを編集できます。 読み取り専用ステータスのファイルは編集できません。

空白

差分ビューアーが空白をどのように扱うかを定義します。

  • 無視しない: 空白は重要であり、すべての違いがハイライトされています。 このオプションはデフォルトで選択されています。

  • 空白のトリム: 空白が行の最後と先頭にある場合は空白を削除します(("\t", " "))。

    • 2 行の末尾の空白のみが異なる場合、これらの行は等しいと見なされます。

    • 2 行が異なる場合、末尾の空白は 単語モードでハイライトされません。

  • 空白を無視: 空白は、ソースコード内の場所に関係なく、重要ではありません。

  • 空白と空行を無視する: 空白と空行を無視します。 次のエンティティは無視されます。

    • すべての空白 (「ホワイトスペースを無視する」オプションのように)

    • 空白のみで構成される追加または削除されたすべての行

    • 空白以外の部分を変更せずに行を分割または結合するすべての変更。

      例: a b ca \n b c の違いは、このモードではハイライトされません。

ハイライトモード

差分の粒度がどのようにハイライトされるかを選択します。

利用可能なオプションは次のとおりです:

  • 単語をハイライト: 変更された単語がハイライトされます

  • 行をハイライト: 変更された行がハイライトされます

  • 分割された変更をハイライト: このオプションを選択すると、大きな変更が小さな変更に分割されます。

    例: A \n B および A X \n B X は、1 つではなく 2 つの変更として扱われます。

  • 文字をハイライト: 変更されたシンボルがハイライトされます

  • ハイライトしない: このオプションを選択した場合、違いはまったくハイライトされません。

    大幅に変更されたファイルを操作する場合は、 ハイライトしない オプションを使用します。 そのような場合、ハイライトすると、レビュー中にさらに困難が生じる可能性があります。

「変更されていないフラグメントを折りたたむ」アイコン

変更されていないフラグメントを折りたたむ

両方のファイルで変更されていないすべての部分を折りたたみます。 非折りたたみの未変更行数は、 差分 & マージ 設定ページで構成できます。 差分 & マージ ページを開くには、 Ctrl+Alt+S を押して設定を開き、 ツール | Diff & マージ に移動します。 。

同期ボタン

スクロールの同期

このボタンをクリックすると、両方の差分ペインを同時にスクロールできます。 このボタンを放すと、それぞれのペインを個別にスクロールできます。

設定ボタン

設定

使用可能な設定のリストを開きます (たとえば、 Git Blame でアノテーションを付ける​ または 別ウィンドウで差分を表示)。

これらのコマンドは、差分ビューアーのガターのコンテキストメニューからも使用できます。

外部ツールアイコン

外部ツールで差分を表示

外部差分ツール設定ページで指定された外部差分ビューアーを呼び出します。

このボタンは、 外部差分ツール設定ページで 外部 diff ツールを使用する オプションが有効になっている場合にのみツールバーで使用できます。

ヘルプアイコン

ヘルプ

F1

ブラウザーを開き、対応するヘルプページを表示します。

GitBlame でアノテーションを付ける

このオプションはガターのコンテキストメニューからのみ利用できます。

このオプションを使用して、ファイルのリポジトリバージョンに誰がどの変更をいつ導入したかを調べます。 アノテーション ビューでは、この行の作成元のバージョン、この行をコミットしたユーザーの ID、コミット日など、コードの各行の詳細情報を確認できます。

アノテーションの詳細については、 コード作成者の特定 (Git Blame でアノテーションを付ける) を参照してください。

最も便利なショートカットは次のとおりです:

ショートカット

説明

このキーボードショートカットを使用して、最も一般的に使用される diff コマンドのポップアップメニューを表示します。

Ctrl+Shift+Tab

このキーボードショートカットを使用して、左右のペインを切り替えます。

Ctrl+Z/Ctrl+Shift+Z

このキーボードショートカットを使用して、マージ操作を元に戻す / やり直すことができます。 衝突はテキストと同期され続けます。

2026 年 6 月 8 日