WebStorm 2025.2 ヘルプ

定義と型定義

クイック定義参照は、プロジェクトシンボル (クラス、メソッド / 関数、フィールド、タグなど) がどこでどのように定義されているかを示します。TypeScript オブジェクトの場合、WebStorm はその推論されたタイプ(英語)も表示します。マークアップ言語の場合、WebStorm は指定された DTD またはスキーマからシンボルの定義を取得します。詳細については、「HTML および XML」を参照してください。

WebStorm はポップアップまたはツールチップにシンボル定義を表示できます。ポップアップはシンボルの完全な定義を表示し、その用途を見ることができます。ツールチップはシンボルの簡単な定義を示し、その宣言に移動する機能があります。

ポップアップで定義を表示する

  1. シンボルにキャレットを置き、Ctrl+Shift+I を押すか、メインメニューから表示 | クイック定義を選択します。

    Quick definition popup
  2. シンボルの定義に移動するには、F4 を押します。または、the Options icon をクリックして、リストからソースの編集を選択します。

    Quick definition popup: the More (Options) icon on the toolbar
  3. シンボルの定義が複数ある場合は、リストから関連するものを選択してください。ツールバーの Back および Forward アイコンを使用して、前の定義または次の定義に移動します。

    Viewing usages of a symbol in the quick definition popup

    あるいは、the Options button をクリックしてリストから検索ツールウィンドウで開くを選択し、検索ツールウィンドウの使用状況を参照します。詳細については、プロジェクト内のシンボルの使用箇所を見つけるを参照してください。

    Quick definition popup: multiple usages, click More icon to open the Find tool window

ツールチップで定義を表示する

  • Ctrl キーを押した状態で、シンボルの上にマウスを置きます。WebStorm はシンボルをリンクとして表示し、その定義をツールチップに表示します。

    Quick symbol definition in a tooltip
  • シンボルの定義に移動するには、リンクをクリックしてください。

クイック型定義を表示

WebStorm を使用すると、編集中のコードから切り替えることなく、変数、フィールド、メソッド、その他のシンボルを定義する型をポップアップですばやく表示できます。クラスのインスタンスの場合、これにより、このインスタンスが定義されている場所ではなく、クラス自体が明らかになります。

  • 型定義を表示するシンボルにキャレットを置き、表示 | クイック型定義を選択します。

    Quick type definition
2024 年 10 月 22 日

関連ページ:

HTML

WebStorm は、構文やエラーのハイライト、コードスタイルに応じたフォーマット、構造検証、コード補完、デバッグセッション中のオンザフライプレビュー(ライブ編集)やコードエディターの専用プレビュータブなど、HTML を強力にサポートします。HTML ツールプラグインを有効にするこの機能は、デフォルトで WebStorm にバンドルされて有効になっている HTML ツールプラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認してください。を押して設定を...

XML

WebStorm は、構造検証、フォーマット () およびインデント (XML コードスタイルによる)、バインドされていない名前空間のインポート、コード構造の表示、タグのアンラップと削除 ()、インスタンスドキュメントからの DTD ファイルおよびスキーマの生成など、XML の強力なサポートをもたらします。構文とエラーのハイライト、コード補完 ()、インテンションアクション ()、クイックドキュメントルックアップ () など。WebStorm は、Apache Software Foundation グルー...

プロジェクト内のターゲットを検索する

プロジェクト内のテキスト文字列を検索し、異なるスコープを使用して特定のアイテムを除外することで検索を絞り込むことができます。プロジェクトで検索文字列を見つけるを押すか、メインメニューからを選択します。検索フィールドに検索文字列を入力します。または、エディターで検索する文字列をハイライトしてを押すか、コンテキストメニューから複数ファイル内検索を選択します。WebStorm はハイライトされた文字列を検索フィールドに入力します。以前の検索のリストを表示するには、を押します。必要に応じて、追加のオ

キーボードショートカットを設定する

WebStorm には定義済みのキーマップがいくつか含まれており、頻繁に使用するショートカットをカスタマイズできます。キーマップ構成を表示するには、設定ダイアログを開き、キーマップを選択します。WebStorm は、環境に基づいて事前定義されたキーマップを自動的に提案します。使用している OS と一致することを確認するか、使用している別の IDE またはエディターからのショートカットと一致するものを選択してください(たとえば、Eclipse または NetBeans)。キーマップは、対応するキ...

インラインドキュメントの表示

クイックドキュメントの参照を使用すると、プロジェクトおよびその依存関係からのシンボルの参照、および標準の JavaScript オブジェクトおよびメソッドの参照を表示できます。詳細については、「JavaScript ドキュメントの検索および TypeScript ドキュメントのルックアップ」を参照してください。プロジェクトシンボルまたはプロジェクトの依存関係からのシンボルの場合、WebStorm は対応する JSDoc コメントからドキュメントを生成します。コメントを作成するには、ドキュメント化する...