WebStorm 2026.1 Help

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

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

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

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

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

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

キャレットで移動する

  • 前のキャレット位置を見るには、メインメニューから 移動 | 戻る を選択するか、 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 をクリックします。

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

宣言とその型に移動

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

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

    宣言へ移動

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

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

    Go to type declaration

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

    Cmd + クリックで型宣言に移動

宣言から使用箇所に移動

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

  2. シンボルが一度だけ使われている場合、WebStorm はこの使用箇所へ移動し、ハイライトします。

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

    移動する使用箇所を選択する

    別の 使用箇所の検索 ツールウィンドウで使用箇所を表示するには、ツールバーの 「検索」ツールウィンドウで開くアイコン をクリックします。

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

インレイヒント、コードビジョン: 使用箇所に移動

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

実装に移動

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

  • エディターにある 実装済みメソッドのアイコン/実装メソッドのアイコンオーバーライドされたメソッドのアイコン/オーバーライドするメソッドのアイコン ガターアイコンの 1 つをクリックし、リストから先祖クラスまたは子孫クラスを選択します。

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

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

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

    インレイヒント、コードビジョン: 継承に移動

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

    エディターで継承のヒントを非表示にする

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

    継承のヒント: 構成位置

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

    コードビジョン: 設定ダイアログで位置を構成
  • コード内で次または前に見つかった問題に移動するには、それぞれ F2 または Shift+F2 を押します。 または、メインメニューで 移動 | 次の / 前のハイライトされたエラー に移動してください。

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

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

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

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

メソッドを閲覧する

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

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

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

    エディターのメソッドセパレータ
  • 構造 ツールウィンドウを開くには、 Alt+7 を押します。

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

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

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

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

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

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

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

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

    3. Ctrl+B を押す。

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

  • スイッチャーを使うと、開いているファイル、クエリコンソールs、ツールウィンドウを切り替えられます。

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

    スイッチャー
2026 年 6 月 8 日