WebStorm 2020.2ヘルプ

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

さまざまなアクションやポップアップを使用して、エディター内のコードを素早くナビゲートすることができます。エディターウィンドウとツールウィンドウ間の移動に関する詳細情報については、エディターの基本を確認してください。

キャレットでナビゲートする

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

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

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

    ただし、UpDown の矢印キーを押しても同じ結果が得られます。

  • 探しているキャレットの単語を強調表示するには、メインメニューから編集 | 検索 | キャレットでの次の単語の出現を選択します。

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

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

キャレットを移動する

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

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

    デフォルトでは、WebStormはキャレットを現在の単語の末尾に移動します。

    キャレットを前の単語に移動すると、キャレットは現在の単語の先頭に配置されます。これらのアクションを使用するときにキャレットの位置を構成できます。

    設定/環境設定ダイアログ Ctrl+Alt+Sで、エディター | 一般に移動します。キャレットの移動セクションで、単語で移動時および改行時オプションを使用して、キャレットの動作を構成します。

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

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

    必要に応じて、これらのアクションにショートカットを割り当てることができます。詳細はキーボードショートカットの構成を参照ください。

最近の場所を見つける

最近使用したロケーションポップアップを使って、最近見たコードや変更したコードを確認することもできます。

  • 最近使用したロケーションポップアップを開くには、Ctrl+Shift+Eを押します。リストは一番上の最新の訪問場所から始まり、コードスニペットが含まれています。

    Recent Locations popup
  • ポップアップ表示中に、同じショートカットを使用するか、変更のみ表示するチェックボックスを選択して、コードが変更された場所のみを表示します。

    Recent Locations popup: Show changed only
  • コードスニペットを検索するには、最近使用したロケーションポップアップで検索クエリを入力します。コードテキスト、ファイル名、またはパンくずリストで検索できます。

    Search recent locations
  • 検索結果からロケーションエントリを削除するには、Delete または Backspaceを押します。

    削除した場所は、Ctrl+Alt+Left ショートカットでアクセスしたエントリの一覧からも削除されることに注意してください。

ナビゲーションにブックマークを使用する

  • 匿名のブックマークを作成するには、キャレットを必要なコード行に配置して F11を押します。

  • ニーモニックでブックマークを作成するには、必要なコード行にキャレットを置き、Ctrl+F11 を押して、ニーモニックの番号または文字を選択します。

  • ブックマークダイアログを開くには、Shift+F11を押します。このダイアログを使用して、ブックマークの管理、たとえばブックマークの削除、ソート、または簡単な説明の入力を行うことができます。

    Bookmarks dialog

  • 文字ニーモニックを使用して既存のブックマークにナビゲートするには、Shift+F11 を押してから、必要な文字を押します。WebStormはあなたをエディターとそれに対応するブックマークに戻します。

  • 番号ニーモニックを使用して既存のブックマークに移動するには、Ctrl とブックマークの番号を押します。

  • 作成されたすべてのブックマークは、お気に入り Alt+2表示 | ツール・ウィンドウ | お気に入り)ツールウィンドウに反映され、ブックマークへのナビゲーションにも使用できます。

    Favorites tool window with bookmarks

  • Ctrl+Alt+Shift+Down / Ctrl+Alt+Shift+Upを押します。

  • メインメニューからナビゲート | 次/前の変更を選択します。

  • 変更マーカーをクリックしてから、the Previous Change button または the Next Change buttonをクリックします。

  • Ctrl+Shift+Backspace を押すか、メインメニューからナビゲート | 最後の編集位置を選択します。

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

宣言とその型に移動する

  • キャレットを希望の記号に置き、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 をクリックします。

実装に移動

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

  • エディターにある the Implemented method icon / the Implementing method icon , the Overridden method icon / the Overriding method icon ガターアイコンのいずれかをクリックして、リストから目的の上位クラスまたは下位クラスを選択します。

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

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

プロジェクトツールウィンドウで自動的にファイルを見つけることができます。

  1. ファイルがエディターで開かれている場合は、Alt+F1 を押して選択ポップアップを開きます。

    Select in popup

  2. ポップアップで、プロジェクト・ビューを選択して Enterを押します。WebStormはプロジェクトツールウィンドウであなたのターゲットを見つけます。

プロジェクトツールウィンドウでファイルを見つける

シングル・クリックでファイルを開く(以前はソースに自動スクロールと呼ばれていた)アクションと開いているファイルを常に選択(以前はソースから自動スクロールと呼ばれていた)アクションを使用して、プロジェクトツールウィンドウでファイルを見つけることができます。

  1. プロジェクトツールウィンドウでプロジェクトツールバーを右クリックして、コンテキストメニューから開いているファイルを常に選択を選択します。その後、WebStormは現在アクティブなエディタータブで開かれているファイルを追跡し、自動的にプロジェクトツールウィンドウでそれを見つけます。

  2. シングル・クリックでファイルを開くオプションを選択することもできます。この場合、プロジェクトビューでファイルをクリックすると、WebStormは自動的にそのファイルをエディターで開きます。

  • コード内で次または前に見つかった課題にジャンプするには、それぞれ F2 または Shift+F2 を押します。または、メインメニューからナビゲート | 次の/前の強調表示されたエラーを選択します。

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

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

    • WebStormが警告、情報、およびその他の軽微な課題をスキップするには、優先度が高い問題のみに移動を選択します。

    • 検出されたすべてのコードの課題間でWebStormをジャンプさせるには、次の問題へジャンプを選択します。

構造ビューのポップアップでコード要素を検索する

作業中のファイル内のコード要素を見つけるために、構造表示ポップアップを使用することができます。

  1. 構造ビューポップアップを開くには、Ctrl+F12を押します。

  2. ポップアップで、必要なアイテムを見つけます。WebStormの要素の名前を入力して検索範囲を絞り込むことができます。 Enter を押してエディターと対応する要素に戻ります。

    ポップアップにいる間、ファイルメンバーを分類して、継承されたメンバーを見ることができます。

    Structure View popup

または、構造ツールウィンドウ Alt+7を使用できます。

Locating an element in the Structure tool window

メソッドを閲覧する

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

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

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

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

レンズモードを使用する

レンズモードでは、実際にスクロールしなくてもコードをプレビューできます。スクロールバーの上にマウスを置くと、デフォルトでこのモードがエディターで使用可能になります。警告やエラーメッセージの上にマウスを置いたときに特に便利です。

Lens mode
  • レンズモードを無効にするには、エディターの右側にあるコード分析マーカーを右クリックし、コンテキストメニューでスクロールバーのホバーにコードレンズを表示するチェックボックスをオフにします。

  • 別の方法として、設定/環境設定ダイアログ Ctrl+Alt+Sエディター | 一般 | 外観に移動し、スクロールバーのホバーにコードレンズを表示するチェックボックスをオフにします。

ナビゲーションにパンくずリストを使用する

現在開いているファイル内のクラス、変数、関数、メソッド、およびタグの名前を示すパンくずリストを使用して、ソースコード内を移動できます。デフォルトでは、パンくずリストは有効になっており、エディターの下部に表示されます。

Editor breadcrumbs
  • パンくずリストの場所を変更するには、パンくずリストを右クリックし、コンテキストメニューでパンくずリストと場所の設定を選択します。

  • パンくずリストの設定を編集するには、設定/環境設定ダイアログ Ctrl+Alt+Sエディター | 一般 | パンくずリストに進みます。

便利なツールとしてナビゲーション・バーを使用して、プロジェクト全体で解決方法を見つけることができます。

  1. Alt+Home を押して、ナビゲーションバーをアクティブにします。

  2. 矢印キーまたはマウスポインタを使用して、目的のファイルを探します。

  3. 選択したファイルをダブルクリックするか、Enter を押してエディターで開きます。

    Using WebStorm navigation bar to open files

行または列を見つける

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

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

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

ファイルパスを見つける

  1. エディターで Ctrl+Alt+F12 を押すか、コンテキストメニューでFinder で表示を選択します。

  2. Finder で表示ポップアップで、パスファインダーで開くファイルまたはディレクトリを選択して Enterを押します。

    File path finder

最近のファイルを見つける

最近使ったファイルポップアップで最近編集したファイルと最近編集したファイルを検索できます。

  • 最近のファイルのリストを含む最近使ったファイルポップアップを開くには、Ctrl+Eを押します。

  • 最近編集したファイルのみを見るには、もう一度 Ctrl+E を押すか、または変更のみ表示するチェックボックスを選択します。

  • ポップアップの項目を検索するには、スピード検索機能を使用します。検索クエリの入力を開始すると、検索フィールドが表示されます。WebStormは検索クエリに基づいて結果を表示し、入力に応じてリストが縮小します。

Search for recent files
最終更新日: 2020年8月19日

関連ページ:

エディターの基本

WebStormエディターは、コードの作成、読み取り、変更に使用するIDEの主要部分です。エディターは次の領域で構成されています。スクロールバーは現在のファイルのエラーと警告を表示します。パンくずリストは、現在のファイルのコード内を移動できます。ガターには、行番号と注釈が表示されます。タブには、現在...

一般

設定/環境設定ダイアログの一般ページを使用して、エディターの動作を構成し、そのビューをカスタマイズします。マウス制御Ctrl / Command +マウスホイールでフォントサイズを変更するIf this checkbox is selected, a particular editor font s...

キーボードショートカットの構成

WebStormには定義済みのキーマップがいくつか含まれており、頻繁に使用するショートカットをカスタマイズできます。キーマップ構成を表示するには、設定/環境設定ダイアログ を開き、キーマップを選択します。WebStormは、環境に基づいて事前定義されたキーマップを自動的に提案します。使用しているO...

バージョン管理

VCS 操作のポップアップ( またはVCS | VCS 操作のポップアップ)を使用すると、VCS関連のコマンドをすばやく呼び出すことができます。ポップアップ内のアクションのリストは、現在有効になっているVCSによって異なります。VCSオペレーションポップアップコマンドのリストは設定可能です。設定/環...

変更を確認する

このトピックでは、あなたのチームメイトがソースコードにもたらした変更を追跡する方法を説明します。プロジェクト履歴を確認する:WebStormを使用すると、指定したフィルタに一致するプロジェクトソースに加えられたすべての変更を確認できます。GitやMercurialなどの分散バージョン管理システムの場...

構造ツールウィンドウ、ファイル構造ポップアップ

構造ツールウィンドウこのツールウィンドウには、エディターで現在開いている、プロジェクトツールウィンドウで選択した、またはフォーカスを持っているファイルの構造が表示されます。表示 | ツール・ウィンドウ | 構造ファイル構造ポップアップこのポップアップには、現在エディターで開かれていてフォーカスがある...