WebStorm 2026.1 Help

ソースコード階層

WebStorm を使用すると、クラス、メソッド、呼び出しの階層を調べ、ソースファイルの構造を調査できます。

Building and navigating a call hierarchy

コード階層の分析

  • タイプ階層は、クラスの親クラスと子クラスを示します。

  • メソッド階層は、メソッドが次のようなクラスを示します。

    • 定義済み。

    • 定義されていません。

    • クラスが抽象クラスでない場合に定義する必要があります。

  • 呼び出し階層には、メソッドの呼び出し元(スーパータイプ)または呼び出し先(サブタイプ)が表示されます。

ビルドされると、階層はすぐに 階層 ツールウィンドウで表示および確認できます。 呼び出し元階層と呼び出し先階層は 個別の 2 つのタブで表示されます。呼び出し元を表示するには 呼び出し元階層ツールバーボタン を、呼び出し先を表示するには 呼び出し先階層ボタン をクリックしてください。

型階層を構築する

  1. エディターで、目的のクラスまたはインターフェースにキャレットを置きます。

  2. メインメニューで 移動 | 型階層 に移動するか、 Ctrl+H を押します。

    階層ツールウィンドウに表示されるクラス階層

要素の異なる色は、これらのファイルが属する異なるスコープを表します。 例: テストにはデフォルトで緑が使用されます。 詳細は、 スコープを色に関連付ける を参照してください。

メソッド階層を構築する

  1. エディターでファイルを開き、目的のメソッドの宣言にキャレットを置きます。

  2. 移動 | メソッド階層 に移動するか、 Ctrl+Shift+H を押します。

    階層ツールウィンドウに表示されるメソッド階層

呼び出し階層を構築する

呼び出し階層は、メソッドまたは関数の呼び出し元または呼び出し先を示します。

  1. エディターでファイルを開き、目的のメソッドの宣言または使用箇所にキャレットを配置します。

    または、 プロジェクト ツールウィンドウで目的の方法を選択します。

  2. メインメニューで、 移動 | 呼び出し階層 に移動するか、 Ctrl+Alt+H を押します。

階層タブを保持する

  • 階層 ツールウィンドウで、ツールバーの タブをピン留め ボタン ピンボタン をクリックします。

階層を表示する

階層ツールウィンドウを開く

  1. 表示する階層をすでにビルドしていることを確認し、上記の 階層のビルドを参照してください。

  2. メインメニューから 表示 | ツールウィンドウ | 階層 を選択します。

階層ツールウィンドウのタブ間を移動する

  • 現在表示されているタブを右クリックし、コンテキストメニューから 次のタブを選択 または 前のタブを選択 を選択します。

  • Alt+Right または Alt+Left を押します。

呼び出し元と呼び出し先を切り替える

  • WebStorm を使用すると、昇順または降順の階層、つまり呼び出し先または呼び出し元のメソッド、親または子クラスなどを構築・探索できます。

    呼び出し元階層ツールバーボタン または 呼び出し先階層ボタン をクリックして、それぞれ呼び出し側メソッドまたは呼び出し先メソッドを表示します。

階層ツールウィンドウのボタン

項目

説明

利用可能

「クラス階層」ボタン

選択したクラスの親クラスと子クラスの両方を表示します。これは、結果ツリーで矢印で示されます。

クラス階層

呼び出し元階層ツールバーボタン

階層タイプに応じて:

  • クラス階層: 現在のクラスの各スーパー型階層を示します。

  • 呼び出し階層: 選択したメソッドの呼び出し元を表示します。

クラス階層

呼び出し階層

呼び出し先階層ボタン

階層タイプに応じて:

  • クラス階層: 選択したクラスを拡張するすべてのクラスを表示します。

  • 呼び出し階層: 選択したメソッドの呼び出し先を表示します。

クラス階層

呼び出し階層

アルファベット順に並べ替えボタン

ツリー内のすべての要素をアルファベット順にソートします。

すべての階層

スコープ

このリストを使用して現在の階層のスコープを制限します:

  • プロジェクト: プロジェクト全体でメソッドの使用状況を追跡します。

  • テスト: テストクラス全体でメソッドの使用状況をトレースします。

  • すべて: プロジェクトおよびライブラリ全体でメソッドの使用状況をトレースします。

  • このクラス: スコープを現在のクラスに制限します。

事前構成されたスコープに加えて、独自のスコープを定義できます。 スコープを定義するには、リストから 構成 を選択し、 スコープダイアログで必要なスコープを定義します。

呼び出し階層

メソッド階層では、次のクラスのツリービューを利用できます:

  • プラスアイコン: メソッドが定義されています。

  • マイナスアイコン: メソッドはスーパークラスでのみ定義されます。

  • 感嘆符アイコン: クラスは抽象クラスではないため、メソッドを定義する必要があります。

リフレッシュボタン

更新されたすべてのクラスまたはクラス構造を表示します。

すべての階層

シングルクリックで移動ボタン

階層ツリーの選択されたノードに対応するソースコード内のファイルとセクションに移動します。

すべての階層

すべて展開ボタン

すべてのノードを展開します。

すべての階層

ピンボタン

現在のタブを閉じて再利用するのをロックします。 次のコマンドの結果が新しいタブに表示されます。

すべての階層

テキストファイルへのエクスポート

階層をテキストファイルにエクスポートします。 このファイルの場所を指定できます。

すべての階層

閉じるボタン

ツールウィンドウを閉じます。

すべての階層

2026 年 6 月 8 日