PhpStorm 2026.1 Help

クラスダイアグラムのツールバー、コンテキストメニュー、および凡例

UML クラスダイアグラムの詳細については、 ダイアグラムの操作 を参照してください。

ツールバー

項目

説明

フィールド

このボタンをクリックすると、クラスノードのフィールドが表示されます。

コンストラクターボタン

このボタンをクリックすると、クラスノードにコンストラクターが表示されます。

メソッド

このボタンをクリックすると、クラスノードにメソッドが表示されます。

エッジ作成モードボタン

このボタンをクリックして、ノード要素間で extendsまたは implementsリンクの作成を有効化します。 このボタンが押されていない場合、リンクは作成できません。

拡大

このボタンをクリックするか、 NumPad+ を押すとダイアグラムの縮尺が小さくなります。

縮小

このボタンをクリックするか、 NumPad- を押すとダイアグラムの縮尺が大きくなります。

実際のサイズ

ダイアグラムの実際のサイズを復元するには、このボタンをクリックします。

内容に合わせる

内容を現在のダイアグラムのサイズに合わせるには、このボタンをクリックします。

現在のレイアウトを適用

このボタンをクリックして、ダイアグラムのコンテキストメニューから選択した現在のレイアウトを適用するか、 F5 を押します。

ダイアグラムのエクスポート

このアイコンをクリックして、サードパーティ ツールと互換性のあるさまざまなフォーマットを使用してダイアグラムをファイルやイメージにエクスポートしたり、ブラウザーでダイアグラムを開いたりできます。

ダイアグラムのエクスポート

次のオプションを選択して構成できます:

  • Web エディターで開く​ : このボタンをクリックして、ダイアグラムをエクスポートできるサードパーティのエディターを選択します。

  • ダイアグラムをクリップボードにコピー: このボタンをクリックして、使用可能な形式の 1 つを使用してダイアグラムをクリップボードに保存します。

  • ダイアグラムを保存: このボタンをクリックして、現在のダイアグラムをファイルとして保存します。 リストから使用可能な形式の 1 つを使用できます。

  • 画像を保存: このボタンをクリックして、現在のダイアグラムを PNG 形式で保存します。

  • 印刷: このボタンをクリックして、ダイアグラムを印刷します。

データモデルの更新

このボタンをクリックして、ダイアグラム全体をリフレッシュします。

ダイアグラムの設定を開く

このボタンをクリックして ダイアグラムの設定を開き、追加のオプションを構成できます。

このセクションでは、ツールバーから利用できないコンテキストメニューコマンドのみを説明します。

項目

説明

選択した要素のアクション

このオプションを使用して、ダイアグラム内の選択した要素に適用されるアクションのリストを開きます。 アクションを選択して、要素のコピー、そのソースへの移動、その使用箇所の検索、 移動する アクションやさまざまな Git アクションの使用などを行うことができます。

コンテンツ

このオプションを使用して、新しい要素の追加、依存関係の表示、ダイアグラム内の要素の並べ替えなどに役立つアクションのリストを開きます。

  • ダイアグラムにクラスを追加Space):

    このコマンドを選択して、 既存のクラスをダイアグラムの背景に追加します。

  • 新規Alt+Insert):

    新しいノード要素またはメンバーを作成するには、このコマンドを選択します。

  • カテゴリを表示: このコマンドを選択して、選択したコード要素をクラスノードに表示します。 例: フィールド を選択して、クラス内のすべてのフィールド要素を表示できます。

実装の表示 (Ctrl+Alt+B)

選択したクラスの実装を表示するには、このコマンドを選択します。

親の表示 (Ctrl+Alt+P)

選択したクラスの親クラスを表示するには、このコマンドを選択します。

ノードを折りたたむ (C)

選択したノードの含まれているパッケージを表示するには、このコマンドを選択します。

ノードを展開 (E)

選択したパッケージのクラスダイアグラムを表示するには、このコマンドを選択します。

リファクタリング

このコンテキストで使用可能なリファクタリングコマンドの 1 つを選択するには、このノードをポイントします。

グラフの分析

このノードを使用して、ダイアグラムを分析するコマンドの 1 つを選択します。 グラフの特性を確認したり、グラフの焦点を変更したり、グラフの中心性を測定したりすることができます。

ソースに移動 (F4)

エディターで選択したダイアグラムノード要素を開くには、このコマンドを選択します。

使用箇所の検索 (Alt+F7)

選択したノード要素の使用箇所を検索するには、このコマンドを選択します。

レイアウト

サブメニューから目的のダイアグラムレイアウトを選択します。

エッジラベルの表示

このコマンドをチェックすると、ダイアグラムに多重度が表示されます。

レイアウト

このオプションを使用して、サブメニューから目的のダイアグラムレイアウトを選択します。

エッジのルーティング

このアクションを選択して、ダイアグラムをエディターの中央に配置します。

エッジラベルの表示

このコマンドをチェックすると、ダイアグラムに多重度が表示されます。

振る舞い

このオプションを使用して、グリッドに対する要素の整列、選択したノードの構造ビューの表示、レイアウト後のコンテンツのフィッティングなど、ダイアグラムの動作に関連するコマンドを選択します。

クラスダイアグラムの凡例

PhpStorm はクラス間の関係を示す際に UML 規則に従います。

それに加えて、PhpStorm は次の色と矢印をサポートしています:

項目

説明

implements

緑色の矢印は、クラス宣言の implements 句に対応します。

extends

青い矢印は、クラス宣言の extends 句に対応します。

2026 年 5 月 22 日