PhpStorm 2026.3 Help

エディターガター

ガターは、エディターの左側にある垂直の領域です。 ガターには、コード作業中に簡単にアクセスできる重要な情報とアクションアイコンが表示されます。 ガターの外観と動作は、好みに応じてカスタマイズできます。

エディターガター

小さい画面で作業し、ガターやその他の UI 要素が占めるスペースを少なくしたい場合は、 コンパクトモードを有効にすることができます。

スクリーンリーダーを使用する場合は、行番号、アノテーション、アイコンツールヒントをガターで読み取るように 設定できます。

ガターの外観を設定する

  • ガターの外観を構成するには、ガターを右クリックして 外観 に移動します。

    次のガター要素を設定できます。

    • 行数

    • 行番号の上にブレークポイント

    • インデントガイド

    • 固定行

    • パンくずリスト

    ガターの外観を設定する

行数

デフォルトでは、ガターに行番号が表示されるため、チームメイトと話し合ったり、コード内を移動したりするときに、特定のコード行を参照しやすくなります。

行番号を設定する

必要に応じて、複数の行番号モードを切り替えることができます。

  1. 設定 ダイアログ(Ctrl+Alt+S )を開き、 エディター | 一般 | 外観 に進みます。

  2. 行番号の表示 オプションを有効にして、ドロップダウンメニューから必要な行番号モードを選択します。

    ファイルの上から下まで順番に実行される標準の行番号付けで、各行に一意の番号が与えられます。 このモードは、直接移動したり、ディスカッションやエラーメッセージ内の特定の行を参照したりする場合に役立ちます。

    絶対行番号

    行番号は、各行がキャレットの現在の位置から何行離れているかを示します。 これは、 キーボードショートカットを使用してコードブロックをすばやく移動または編集する場合に特に便利です。

    相対行番号

    このモードでは、絶対行番号と相対行番号が組み合わされ、キャレットの現在の位置には絶対行番号が表示され、他のすべての行には相対行番号が表示されます。 これにより、両方のシステムの利点を活用して、効率的なナビゲーションと編集が可能になります。

    ハイブリッド行番号

行番号を非表示

行番号を非表示にするには、次のいずれかを実行します。

  • ガターを右クリックして、 外観 | 行番号の表示 の選択を解除します。

  • 設定 ダイアログで、 エディター | 一般 | 外観 に移動し、 行番号の表示 オプションのチェックを外します。

Code folding

手元のタスクに合わせてコードの表示をカスタマイズするには、 コード折りたたみを使用できます。 デフォルトでは、マウスをホバーすると、展開された領域のガターのアイコンが表示されます。

Code folding

折りたたみアイコンを常に表示するには、 設定 | エディター | 一般 | コードの折りたたみ に移動し、 コードの折りたたみの矢印を表示する の横にある 常に実行 を選択します。

折りたたみアイコンを常に非表示にするには、 設定 | エディター | 一般 | コードの折りたたみ に移動して、 コードの折りたたみの矢印を表示する チェックボックスをオフにします。

Action のアイコン

使用可能なガターアイコンのリストは 、プロジェクトの構成、使用するフレームワーク、インストールしたプラグインによって異なります。 例: アクションアイコンは、 クラスの実装とオーバーライドメソッドを追跡したり 、アプリケーションを 実行したりするために使用できます。

プロジェクトで使用できるガターアイコンのリストにアクセスするには、 設定 | エディター | 一般 | ガターアイコン に移動します。

ガターのアイコンを表示または非表示にするには、その横にあるチェックボックスをオンまたはオフにします。 すべてのガターアイコンを無効にする場合は、リストの上部にある ガターアイコンを表示 チェックボックスをオフにします。

設定のガターアイコン設定ダイアログ

ブックマーク

行の ブックマークは、特定のコード行に印を付け、後でそれらの行にすぐ移動できるようにするために使用されます。

匿名の行ブックマークを追加する

  • エディターで、キャレットをコード行に配置し、 F11 を押します。

  • または、ブックマークするコード行の横にあるガターを右クリックして、 ブックマークの追加 を選択します。

ブックマークされた行の横のガターにブックマークアイコンが表示されます。

エディターに配置された匿名のブックマーク

ニーモニック行ブックマークを追加する

  1. エディターで、キャレットをコード行に配置し、 Ctrl+F11 を押します。

    または、ブックマークするコード行の横にあるガターを右クリックして、 ニーモニックのブックマークを追加 を選択します。

  2. 開いたポップアップで、このブックマークの識別子として使用する数字または文字を選択します。

    ニーモニックブックマークの追加: 識別子の選択

    選択したニーモニックがすでに使用されている場合、IDE は、既存のブックマークを新しいブックマークで上書きするかどうかを確認します。 ニーモニックをサイレントに上書きするには、 今後このメッセージを表示しない オプションを選択します。

  3. 必要に応じて、新しいブックマークの説明を入力します。

  4. Enter を押すか、選択した文字または数字をもう一度クリックして、ブックマークを保存します。

    文字または数字のブックマークアイコンが、ブックマークされた行の横のガターに表示されます。

実行とデバッグ

エディターのガターは、テストの実行やコードのデバッグに便利なエントリポイントとして機能します。

  • テストを実行またはデバッグするには、エディターで関連するテストファイルを開き、テストの横にあるガターアイコンの the Run icon をクリックして、リストから '<テスト名>' の実行 または '<テスト名>' のデバッグ を選択します。

    Run single test from the editor

Gutter を使用すると、 ブレークポイントを管理することもできます。

ブレークポイントの管理

  • 行ブレークポイントを設定するには、実行可能なコード行のガターをクリックします。

  • メソッドブレークポイントを設定するには、メソッドが宣言されている行のガターをクリックします。

  • 例外以外のブレークポイントを削除するには、ガターでクリックします。

ブレークポイントアイコンを設定する

デフォルトでは、 ブレークポイントアイコンは水平方向のスペースを節約するために行番号の上に配置されます。

ブレークポイント

行番号の近くにブレークポイントを配置するには、ガターを右クリックし、 外観 | 行番号の上にブレークポイント の選択を解除します。

    コードカバレッジ

    コードカバレッジを使用すると、テストでカバーされるコードの量を測定できます。

    エディターでは、コード行はコードカバレッジステータスに応じてガター内で色分けされます。

    • グリーン(グリーンのハイライトは完全なカバレッジを示します ):このコード行は実行されました。

    • レッド(レッドのハイライトはカバレッジがないことを示します ):このコード行は実行されませんでした。

    特定のコード行が何回実行されたかを確認したり、エディターからカバレッジ結果を非表示にしたりするには、ガターの色インジケーターをクリックします。

    エディターに表示されるカバレッジ結果

    バージョン管理

    Git Blame アノテーションを構成する

    VCS アノテーションを使用すると、誰がファイルにどのような変更を加えたかがわかります。

    アノテーションを有効にするには、ガターを右クリックして Git Blame でアノテーションを付ける を選択します。

    Git Blame アノテーション

    好みに応じて情報を表示するようにアノテーションを設定できます。

    • アノテーションコンテンツ。 アノテーションを右クリックして 表示 に移動します。 アノテーションに含める情報(リビジョン番号、変更日、作成者名)を選択できます。

    • 色。 アノテーションを右クリックして 表示 | 色 に移動します。 ハイライトする対象を選択できます: 最近のコミットを見やすくするための変更順序、または変更の作成者。 ハイライトを無効化するには、 非表示 オプションを選択します。

    • 名前。 アノテーションを右クリックして 表示 | 名前 に移動します。 作成者のラベルの付け方を選択できます: フルネーム、名のみ、姓のみ、イニシャル、またはメール。

    エディターでファイルを変更したときに、そのファイルへの変更を追跡することもできます。 すべての変更は、変更された行の隣のガターに表示される 変更マーカーでハイライトされ、最後に リポジトリと同期してから導入された変更の種類を示します。 リポジトリに変更をコミットすると、変更マーカーが消えます。

    テキストに加えた変更は色分けされています。

    追加、変更、削除された行のハイライト色

    一部に色と意味を強調リストのデフォルトの線下表の カラースキーム。

    色

    回線状況

    説明

    Color sample: light blue #C3D6E8

    Modified lines

    最後の更新以降に変更された行。

    Color sample: light orange #EDDCBC

    空白が変更された行

    最後の更新以降に空白のみが変更された行。

    Color sample: light green #C9DEC1

    追加された行

    最後の更新以降に追加された行。

    Grey triangle #9F9F9F

    Deleted lines

    前回の更新以降に削除された行。

    色

    回線状況

    説明

    Color sample: dark grayish blue #374752

    Modified lines

    最後の更新以降に変更された行。

    Color sample: dark grayish orange #4C4638

    空白が変更された行

    最後の更新以降に空白のみが変更された行。

    Color sample: dark grayish green #384C38

    追加された行

    最後の更新以降に追加された行。

    Grey triangle #656E76

    Deleted lines

    前回の更新以降に削除された行。

    色

    回線状況

    説明

    Color sample: blue #1AABFF

    Modified lines

    最後の更新以降に変更された行。

    Color sample: grey #666666

    空白が変更された行

    最後の更新以降に空白のみが変更された行。

    Color sample: green #009924

    追加された行

    最後の更新以降に追加された行。

    Orange triangle #FFA14F

    Deleted lines

    前回の更新以降に削除された行。

    変更マーカーの上にマウスを移動してクリックすると表示されるツールバーを使用して、変更を管理できます。 ツールバーは、変更された行の前の内容を示すフレームとともに表示されます。

    変更されたラインマーカー

    the Revert icon をクリックして変更をロールバックし、 差分の表示アイコン をクリックして現在の行の現在のバージョンとリポジトリバージョンの違いを確認できます。

    ファイル全体を元に戻す代わりに、このポップアップの内容の一部をコピーしてエディターに貼り付けることができます。

    2026 年 11 月 9 日