WebStorm
JavaScript/TypeScript開発の最強IDE。フロントエンドからNode.jsまで、モダンWeb開発を完全網羅します
ブレークポイント設定とステップ実行で、JavaScriptアプリケーションのバグを効率的に特定・修正するデバッグショートカット
Ctrl+F8
ブレークポイントの切り替え
現在の行にブレークポイントを設定/解除します。
💡 覚え方: Breakpoint（ブレークポイント）
🎯 ブレークポイントを設定/削除して、デバッグ時の実行停止位置を制御
Shift+F9
デバッグ
現在のデバッグ構成を使用してデバッグを開始します。
💡 覚え方: Debug（デバッグ）
🎯 デバッグモードでアプリケーションを起動し、バグの原因を詳細に調査
F8
ステップ・オーバー
現在の行をステップオーバーします。
💡 覚え方: Over（オーバー）
🎯 メソッド内部に入らずに次の行へ進み、処理の流れを効率的に追跡
F7
ステップ・イン
関数の内部にステップインします。
💡 覚え方: Into（中へ）
🎯 メソッド内部へステップインして、詳細な処理内容を確認
Shift+F8
ステップ・アウト
現在の関数からステップアウトします。
💡 覚え方: Out（外へ）
🎯 現在のメソッドから抜け出して、呼び出し元へ戻る
Alt+F8
式の評価
式を評価します。
💡 覚え方: Evaluate（評価）
🎯 デバッグ中に式を評価して、変数の値や計算結果を確認
F9
プログラムの再開
プログラムの実行を再開します。
💡 覚え方: Resume（再開）
🎯 デバッグを再開して次のブレークポイントまで実行
Ctrl+Shift+F8
ブレークポイントの表示
設定されているブレークポイントを表示します。
💡 覚え方: View breakpoints
🎯 すべてのブレークポイントを一覧表示し、条件付きブレークポイントを管理