WebStorm 2025.3 ヘルプ

ソースコードナビゲーション

さまざまなアクションとポップアップを使用して、エディター内のコード内をすばやく移動できます。

  • エディターウィンドウとツールウィンドウ間の移動、およびエディタータブとパンくずリストの操作の詳細については、エディターの基本を参照してください。

  • 最近のファイル、場所、変更のナビゲーションの詳細については、最近のファイルと変更を参照してください。

  • 必要なファイルの検索方法の詳細については、ファイルナビゲーションを参照してください。

  • ファイルの構造を表示および移動する方法の詳細については、ファイル構造を参照してください。

キャレットで移動する

  • 前のキャレット位置を見るには、メインメニューから移動 | 戻るを選択するか、Ctrl+Alt+Left を押します。前に進むには、移動 | 進むを選択するか Ctrl+Alt+Right を押します。

  • エディターの上部にすばやく移動するには、Ctrl+Page Up を押します。キャレットをエディターの下部に移動するには、Ctrl+Page Down を押します。

  • 最後に編集した場所に移動するには、Ctrl+Shift+Backspace を押します。

  • エディターで現在のキャレット位置を見つけるには、Ctrl+M を押します。大きなファイルをスクロールしたくない場合は、このアクションが役立つかもしれません。

    あるいは、Up および Down 矢印キーを押して同じ結果を得ることもできます。

  • 検索しようとしているキャレットの単語をハイライトするには、メインメニューから編集 | 検索 | キャレット位置の単語の次の出現箇所を選択します。Windows を使用している場合は、Ctrl+F3 を押すこともできます。

  • 一致するコードブロック中括弧間でキャレットを移動するには、Ctrl+Shift+M を押します。

  • コードブロック間を移動するには、Ctrl+[ または Ctrl+] を押します。

キャレットを移動する

キャレットをコード内で移動するためにさまざまなアクションを使用できます。また、単語で移動したり改行したりしたときにキャレットを停止する位置を設定することもできます。

  • キャレットを次の単語または前の単語に移動するには、Ctrl+Right または Ctrl+Left を押します。

    デフォルトでは、WebStorm はキャレットを現在の単語の末尾に移動します。キャレットを前の単語に移動すると、キャレットは現在の単語の先頭に配置されます。

    これらのアクションのキャレットの位置をカスタマイズできます。設定ダイアログ(Ctrl+Alt+S)でエディター | 一般に移動します。キャレットの移動セクションでは、単語で移動時改行時のオプションを使用してキャレットの動作を設定できます。

  • キャレットを次の段落に進める、または前の段落に戻すには、Ctrl+Shift+A を押してキャレットを段落の後に移動またはキャレットを段落の前に移動アクションを検索します。

    テキストを選択してから、キャレットを段落の前後に移動することもできます。Ctrl+Shift+A を押して、選択状態でキャレットを段落の後に移動または選択状態でキャレットを段落の前に移動アクションを探します。

行または列を検索する

  1. エディターで、Ctrl+G を押します。

  2. 指定行 / カラムへジャンプダイアログで、行番号または列番号、あるいはその両方を、: で区切って指定し、OK をクリックします。

    Go to Line:Column dialog
  3. エディターで行番号を表示したくない場合は、設定ダイアログ (Ctrl+Alt+S) でエディター | 一般 | 外観に移動し、行番号の表示チェックボックスをオフにします。

宣言とその型に移動

シンボルの使用箇所から、シンボルの初期宣言とシンボルの型に移動できます。

  • 必要なシンボルにキャレットを置き、Ctrl+B を押します。

    Go to declaration

    あるいは、Ctrl+Click を使用します。Ctrl を押したまま、シンボルの上にマウスを置きます。シンボルがハイパーリンクに変わると、その宣言がツールチップに表示されます。キーを放さずにハイパーリンクをクリックすると、エディターで宣言が開きます。

    Go to Declaration with Ctrl/Cmd+Click
  • 型宣言の場合は、Ctrl+Shift+B を押します。

    Go to type declaration

    あるいは、Ctrl+Shift を押したまま、シンボルの上にマウスを置きます。シンボルがハイパーリンクに変わると、その型宣言がツールヒントに表示されます。キーを放さずにハイパーリンクをクリックすると、エディターでシンボルの型宣言が開きます。

    Go to type declaration with Cmd+Click

宣言から使用箇所に移動

  1. シンボルの宣言にキャレットを置き、Ctrl+B を押します。

  2. シンボルが 1 回だけ使用されている場合、WebStorm はこの使用箇所を示し、ハイライトします。

    複数の使用箇所が見つかった場合、WebStorm はそれらをポップアップに表示します。移動する使用箇所を選択して Enter を押すか、リストでクリックします。

    Select the usage to jump to

    別の使用箇所の検索ツールウィンドウで使用箇所を表示するには、ツールバーの the Open in Find tool window icon をクリックします。

または、使用方法のヒントを表示をクリックして使用方法に移動するか、リストから関連するものを選択します。

Inlay hints, code vision: jump to usages

使用箇所のインレイヒントは、デフォルトで有効になっています。無効にするには、設定ダイアログ (Ctrl+Alt+S) を開き、エディター | インレイヒントに移動し、コードビジョンノードを展開して使用箇所チェックボックスをクリアします。

実装に移動

エディターのガターアイコンを使用するか、適切なショートカットを押すか、継承インレイヒントをクリックすることで、クラスの実装とオーバーライドメソッドを追跡できます。

  • エディターにある the Implemented method icon / the Implementing method iconthe Overridden method icon / the Overriding method icon ガターアイコンの 1 つをクリックし、リストから先祖クラスまたは子孫クラスを選択します。

  • スーパーメソッドに移動するには、Ctrl+U を押します。

  • 実装に移動するには、Ctrl+Alt+B を押します。

  • クラスまたはインターフェースの横に表示される継承ヒントを使用して、その子孫の数を示します。ヒントをクリックすると、子孫に移動します。複数の実装がある場合は、リストから関連するものを選択します。

    Inlay hints, code vision: jump to an inheritor

    継承インレイヒントはデフォルトで有効になっています。オフにするには、ヒントにカーソルを合わせて、コンテキストメニューからコードビジョンを隠す: 継承のインレイヒントまたはすべての 'コードビジョン' インレイヒントの非表示を選択します。

    Hide Inheritors hints in the editor

    デフォルトでは、継承ヒントはクラスとインターフェースの上に表示されます。この位置を変更するには、ヒントのコンテキストメニューから構成をクリックします。

    Inheritors hints: configure position

    開いたインレイヒントページで、位置リストから適切な設定を選択します。または、コードビジョンノードを選択してメトリクスのデフォルト位置を変更します。

    Code vision: configure position in the Settings dialog
  • コード内で次または前に見つかった問題に移動するには、それぞれ F2 または Shift+F2 を押します。または、メインメニューの移動 | 次の / 前のハイライトされたエラーに移動します。

    WebStorm はコード発行の直前にキャレットを配置します。

  • WebStorm がコードの問題間を移動する方法を設定します。すべてのコードの問題間を移動することも、小さな問題をスキップして検出されたエラー間を移動することもできます。スクロールバー領域のコード分析マーカーを右クリックして、コンテキストメニューから使用可能なナビゲーションモードの 1 つを選択します。

    • WebStorm が警告、情報、その他の軽微な問題をスキップするには、最優先の問題を選択します。

    • 検出されたすべてのコードの問題間で WebStorm を移動させるには、すべての問題を選択します。

メソッドを閲覧する

  • Alt+Down または Alt+Up を押します。

    HTML ファイル内の JavaScript コードの場合、この動作はキャレットの場所によって異なります。キャレットが JavaScript ブロック内にある場合は、JavaScript 関数間を移動できます。キャレットが <script> タグの上にある場合は、タグ間のナビゲーションが実行されます。

  • コード内のメソッドを視覚的に分離するには、設定ダイアログ(Ctrl+Alt+S)で、エディター | 一般 | 外観に移動し、メソッドセパレーターを表示するオプションを選択します。

    Method Separators in Editor
  • 構造ツールウィンドウを開くには、Alt+7 を押します。

データベースツールウィンドウで参照からオブジェクトに移動する

  • 列、テーブル、またはその他のオブジェクトの定義に移動するには、コードでオブジェクト名を選択し、Alt+Shift+B を押します。

オブジェクトの DDL 定義を開く

WebStorm では、データベースオブジェクトのソースコードをエディターで直接開いて編集できます。ソースコードはエディターまたはデータベースツールウィンドウから開くことができます。

  • エディターでオブジェクトをクリックし、移動 | 宣言または使用箇所を選択します。または、Ctrl+B を押します。

  • データベースツールウィンドウで、次のいずれかを実行します。

    1. ツールバーの DDL ボタンをクリックします。

    2. オブジェクトをクリックして、ナビゲーション | DDL に移動を選択します。

    3. Ctrl+B を押します。

スイッチャーを使ってファイルを切り替える

  • スイッチャーを使用すると、開いているファイル、クエリコンソール、ツールウィンドウを切り替えることができます。

    スイッチャーウィンドウを開くには、Ctrl+Tab を押します。Ctrl キーを放さないでください。スイッチャーウィンドウ内を移動するには矢印キーを使用してください。Ctrl キーを放すと、選択した項目がアクティブになり、スイッチャーが閉じます。

    the Switcher
2025 年 11 月 11 日

関連ページ:

エディターの基本

WebStorm エディターは、コードの作成、読み取り、変更に使用する IDE の主要部分です。エディターは次の領域で構成されています。スクロールバーは現在のファイルのエラーと警告を表示します。パンくずリストは、現在のファイルのコード内を移動できます。ガターには、行番号、アノテーション、コンテキストに依存するアクションアイコンが表示されます。タブには現在開いているファイルの名前が表示されます。ナビゲーション:さまざまなショートカットを使用して、エディターウィンドウとさまざまなツールウィンドウを...

最近のファイルと変更

プロジェクトで作業しているとき、最近表示または編集したファイルや場所を切り替える必要があることがよくあります。WebStorm は、最近使用したファイルを見つけて再度開いたり、編集したコードの一部を再確認したりするのに役立つクイックナビゲーション機能を提供します。最近使用したファイルの検索最近使用したファイルポップアップを使用して、最近開いたファイルや編集したファイルを検索できます。最近使用したファイルポップアップを開くには、を押します。最近編集したファイルのみを表示するには、もう一度を押す

ファイルナビゲーション

WebStorm は、プロジェクトファイルをすばやく見つけて開くことができるツールとアクションを提供します。選択ポップアップで移動するプロジェクト内のファイルを自動的に見つけることができますエディターでファイルを開いている場合は、を押して移動先の選択ポップアップを開きます。ポップアップでプロジェクトビューを選択し、を押します。WebStorm はプロジェクトツールウィンドウ内でターゲットを見つけます。ナビゲーションバーでファイルに移動する便利なツールとしてナビゲーションバーを使用して、プロジ...

ファイル構造

WebStorm を使用すると、構造ツールウィンドウと構造ポップアップでファイルの構造を表示および操作できます。構造ツールウィンドウのツールバーでクリックし、表示したい要素を選択してください。プロジェクトがバージョン管理されている場合、構造ツールウィンドウと構造ポップアップに VCS ステータスの色が表示されます。これは、ファイルの変更を追跡できます。変更されたオブジェクトの名前は青色になり、新しく追加されたオブジェクトの名前は緑色でハイライトされます。構造のアイコンにマウスを合わせると、ツール...

一般

設定ダイアログの一般ページを使用して、エディターの動作を構成し、そのビューをカスタマイズします。マウスコントロール Ctrl/Command + マウスホイールでフォントサイズを変更するこのオプションを有効にすると、キーを押しながらマウスホイールを回して、エディターでフォントサイズを変更できるようになります。現在のエディタータブでのみフォントサイズを変更するには、アクティブエディターを選択します。ドキュメントを閉じて再度開くと、フォントサイズは、設定に応じてデフォルトフォントまたは配色フォントに...

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

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