WebStorm 2026.1 Help

プログラムのステップスルー

ステップは、プログラムの段階的な実行を制御するプロセスです。

デバッグセッションを 開始しプログラムを一時停止すると、WebStorm はステップ実行アクションを提供します。 ステップアクションの選択は、次の行に直接移動する必要があるか、中間のメソッド呼び出しも インスペクションする必要があるかなど、戦略によって異なります。

ステップ実行ボタンは デバッグ ツールウィンドウの ツールバーにあります。 詳細 メニューから、その他のステップ実行アクションにアクセスできます。

デバッグツールウィンドウ: ツールバーのステップアクション

ステップオーバー

現在のコード行をステップオーバーし、ハイライトされた行にメソッド呼び出しが含まれている場合でも、次の行に移動します。 メソッドの実装はスキップされ、呼び出し元メソッドの次の行に直接移動します。

この例では、22 行目が実行されようとしています。 ステップオーバーすると、デバッガーは print_chart() メソッドにアクセスせずに 23 行目に直接移動します。

ステップオーバー

スキップされたメソッド内にブレークポイントがある場合、デバッガーはそれらで停止します。

Step over: stopping at a breakpoint within the skipped method

途中でブレークポイントをスキップするには、 強制ステップオーバー Alt+Shift+F8 を使用します。

Step over: ignoring a breakpoint in the called method with Force step over

ステップイン

呼び出された関数のコード内のステップ。

この例では、22 行目が実行されようとしています。 ステップインすると、デバッガーは print_chart() メソッドの実装に入り、その結果がどのように生成されるかを詳細に調べることができます。

Stepping into a called method

その行に複数のメソッド呼び出しがある場合、WebStorm はどのメソッドに入るかを確認します。 この機能は スマートステップインと呼ばれます。

Step into on a line with multiple method calls: automatic smart step into

デフォルトでは、複数のメソッド呼び出しがある行で ステップイン F7 を呼び出すたびに、 スマートステップイン が自動的に使用されます。 自動 スマートステップイン をオフにし、 ステップイン および ステップアウト ボタンを使用して、呼び出される各メソッドを呼び出される順序で入力することができます。

Automatic Smart step into off: entering called methods in the order they are called using Step into and Step out

一部のスクリプトは、通常はデバッグする必要がないため、 ステップイン によってスキップされます。

スクリプトへのステップインを抑制する

  1. 設定 ダイアログ(Ctrl+Alt+S )で ビルド、実行、デプロイ | デバッガー | ステップ に移動します。 デバッガー: ステップ実行中 ページが開きます。

  2. 自動 スマートステップイン を抑制するには、 常にスマートステップインする チェックボックスをオフにします。

  3. すべてのライブラリスクリプトをスキップするには、 ライブラリスクリプトにステップインしない チェックボックスを選択します。 以下の例を参照してください。

  4. 特定のスクリプトへのステップ実行を抑止するには、 スクリプトにステップインしない チェックボックスを選択し、ツールバーのボタンを使用してスクリプトのリストを作成します。

スマートステップイン

スマートステップインは、1 行に複数のメソッド呼び出しがあり、どのメソッドに入るかについて具体的に知りたい場合に役立ちます。 この機能により、目的のメソッド呼び出しを選択できます。

Tab を使用してメソッド呼び出しを切り替え、 Enter を押してステップインするメソッドを選択します。

Step into on a line with multiple method calls: automatic smart step into

デフォルトでは、複数のメソッド呼び出しがある行で ステップインを実行するたびに、 スマートステップイン が自動的に使用されます。

自動 スマートステップイン を抑制するには、 設定 ダイアログ (Ctrl+Alt+S) を開き、 ビルド、実行、デプロイ | デバッガー | ステップ に移動して、 常にスマートステップインする チェックボックスをオフにします。

その後、 デバッグ ツールウィンドウのツールバーに スマートステップイン アイコンが表示されます。 このアイコンをクリックするか、 Shift+F7 を押して、 スマートステップイン を手動で呼び出します。

Smart step into: manual invocation

ステップアウト

現在のメソッドから抜け出し、その呼び出しに移動します。

この例では、ステップアウトするとループのすべての反復がスキップされ、呼び出しにすぐに戻ります。

Stepping out from a method to its caller

カーソル位置まで実行

キャレットの位置に到達するまで実行を継続します。

  • プログラムを一時停止したい行にキャレットを置き、 メニューから カーソル位置まで実行 を選択するか、 Alt+F9 を押します。

    Run to cursor: place the caret at the line to stop at
  • 実行先の行の隣のガターの上にカーソルを置き、 the Run To Cursor icon をクリックします。

    カーソル位置まで実行: ガターの行番号をクリックする

この例では、 カーソル位置まで実行 は実行を継続し、ブレークポイントがあるかのように 23 行目で停止します。

Run to cursor: click the gutter icon

print_chart() メソッドにブレークポイントがある場合、プログラムはそこで中断されます。

Run to cursor: the debugger stops at the breakpoint in the skipped code

途中でブレークポイントをスキップするには、 強制カーソル位置まで実行を使用します。

強制ステップイン

このメソッドが通常の ステップイン によって スキップされた場合でも、メソッドのステップ。

  • Alt+Shift+F7 を押す。

  • ツールバーの the More アイコン をクリックして、リストから 強制ステップイン を選択します。

    隠しアクションを呼び出す - 強制ステップイン
  • ツールバーの the Force Step Into icon をクリックします。

    デバッガーツールバーに the Force Step Into icon を追加するには、ツールバーを右クリックし、コンテキストメニューから デバッガーツールバーに追加 を選択して、リストから 強制ステップイン を選択します。

    デバッガーツールバーのカスタマイズ - アクションの追加
  • 実行 | デバッグアクション | 強制ステップイン に進みます。

サンプル

以下の例では、デバッガーは 4 行目の通常の ステップイン を使用してライブラリメソッド console.log() をスキップしますが、10 行目の 強制ステップイン を使用してこのメソッドに入ります。

Force step into overrides the list of ignored scripts

カーソル位置まで強制実行

キャレットの位置に到達するまで 実行を継続します。 途中のブレークポイントはすべて無視されます。

  1. プログラムを一時停止する行にキャレットを置きます。

  2. メニューから カーソル位置まで強制実行 を選択するか、 Ctrl+Alt+F9 を押します。

この例では、 カーソル位置まで強制実行 は実行を継続し、ブレークポイントがあったかのように 24 行目で停止します。 print_chart() 内のブレークポイントは効果がありません。

The caret is at the line where we want to go

強制ステップオーバー

ブレークポイントが設定されているメソッドの呼び出しで行をステップオーバーします。 ブレークポイントは無視されます。

この例では、強制ステップオーバーを使うことで、 print_chart() メソッドにブレークポイントがあっても、 ステップオーバー ではすべてのループ反復でアプリケーションが一時停止するところを、22行目のprintステートメントまで移動できます。

Step over: ignoring a breakpoint in the called method with Force step over
2026 年 6 月 8 日