WebStorm
JavaScript/TypeScript開発の最強IDE。フロントエンドからNode.jsまで、モダンWeb開発を完全網羅します
Alt+Shift+F10
構成を選択して実行
実行構成を選択してアプリケーションを実行します。
💡 覚え方: Run config（実行構成）
Alt+Shift+F9
構成を選択してデバッグ
デバッグ構成を選択してデバッグを開始します。
💡 覚え方: Debug config（デバッグ構成）
Shift+F10
実行
現在の実行構成を使用してアプリケーションを実行します。
💡 覚え方: Run（実行）
Shift+F9
デバッグ
現在のデバッグ構成を使用してデバッグを開始します。
💡 覚え方: Debug（デバッグ）
Ctrl+Shift+F10
エディターからコンテキスト構成を実行
エディター上のコンテキストに基づく実行構成を実行します。
💡 覚え方: Context run（コンテキスト実行）
Alt+Shift+R
テストの再実行
前回実行したテストを再度実行します。
💡 覚え方: Rerun tests（再実行）
Alt+F11
Gulp/Grunt/npm タスクの実行
Gulp/Grunt/npm タスクを実行します。
💡 覚え方: Tasks（タスク実行）
F8
ステップ・オーバー
現在の行をステップオーバーします。
💡 覚え方: Over（オーバー）
F7
ステップ・イン
関数の内部にステップインします。
💡 覚え方: Into（中へ）
Shift+F7
スマート・ステップ・イン
スマートにステップインします。
💡 覚え方: Smart into（スマートステップイン）
Shift+F8
ステップ・アウト
現在の関数からステップアウトします。
💡 覚え方: Out（外へ）
Alt+F9
カーソルまで実行
カーソル位置まで実行します。
💡 覚え方: Cursor（カーソル）
Alt+F8
式の評価
式を評価します。
💡 覚え方: Evaluate（評価）
F9
プログラムの再開
プログラムの実行を再開します。
💡 覚え方: Resume（再開）
Ctrl+F8
ブレークポイントの切り替え
現在の行にブレークポイントを設定/解除します。
💡 覚え方: Breakpoint（ブレークポイント）
Ctrl+Shift+F8
ブレークポイントの表示
設定されているブレークポイントを表示します。
💡 覚え方: View breakpoints
Ctrl+B → Ctrl+Click
宣言に移動
シンボルの宣言に移動します。
💡 覚え方: Declaration（宣言）
Ctrl+N
クラスに移動
クラス定義に移動します。
💡 覚え方: Class（クラス）
Ctrl+Shift+N
ファイルに移動
ファイルに移動します。
💡 覚え方: File（ファイル）
Ctrl+Alt+Shift+N
シンボルに移動
シンボルに移動します。
💡 覚え方: Symbol（シンボル）
Alt+Right
次のエディタータブに移動
次のエディタータブに移動します。
💡 覚え方: Next tab（次のタブ）
Alt+Left
前のエディタータブに移動
前のエディタータブに移動します。
💡 覚え方: Previous tab（前のタブ）
F12
前のツールウィンドウに戻る
前のツールウィンドウにフォーカスを戻します。
💡 覚え方: Back（戻る）
Esc
エディターへフォーカス
ツールウィンドウからエディターにフォーカスを移動します。
💡 覚え方: Esc = Editor
Ctrl+G
指定行に移動
指定した行番号に移動します。
💡 覚え方: Go to line（行に移動）
Ctrl+E
最近使用したファイル
最近使用したファイルのリストを表示します。
💡 覚え方: Recent（最近）
Ctrl+Alt+Right
ナビゲーションを進む
次のナビゲーションロケーションに移動します。
💡 覚え方: Forward（進む）
Ctrl+Alt+Left
ナビゲーションを戻る
前のナビゲーションロケーションに戻ります。
💡 覚え方: Back（戻る）
Ctrl+Shift+Backspace
最後に編集したロケーションにナビゲート
最後に編集した場所に移動します。
💡 覚え方: Last edit（最後の編集）
Alt+F1
選択して表示
任意のビューでファイルまたはシンボルを選択します。
💡 覚え方: Select in（選択して表示）
Ctrl+Alt+B
実装に移動
シンボルの実装に移動します。
💡 覚え方: Implementation（実装）
Ctrl+Shift+I
クイック定義ルックアップ
定義をクイックに表示します。
💡 覚え方: Definition（定義）
Ctrl+Shift+B
型宣言に移動
型の宣言に移動します。
💡 覚え方: Type declaration（型宣言）
Ctrl+U
スーパーメソッド/スーパークラスに移動
スーパーメソッドまたはスーパークラスに移動します。
💡 覚え方: Upper（スーパ）
Alt+Up
前のメソッドに移動
前のメソッドに移動します。
💡 覚え方: Previous method（前のメソッド）
Alt+Down
次のメソッドに移動
次のメソッドに移動します。
💡 覚え方: Next method（次のメソッド）
Ctrl+]
コードブロックの最後に移動
コードブロックの最後に移動します。
💡 覚え方: ] end（末尾）
Ctrl+[
コードブロックの先頭に移動
コードブロックの先頭に移動します。
💡 覚え方: [ start（先頭）
Ctrl+Shift+M
対応する波括弧に移動
一致する波括弧に移動します。
💡 覚え方: Matching brace（対応括弧）
Ctrl+F12
ファイル構造のポップアップを表示
ファイル構造をポップアップで表示します。
💡 覚え方: File structure（ファイル構造）
Ctrl+H
型階層
型階層を表示します。
💡 覚え方: Hierarchy（階層）
Ctrl+Alt+H
呼び出し階層
呼び出し階層を表示します。
💡 覚え方: Call hierarchy（呼び出し階層）
F2
次の強調表示されたエラーに移動
次の強調表示エラーに移動します。
💡 覚え方: F2 = 次のエラー
Shift+F2
前の強調表示されたエラーに移動
前の強調表示エラーに移動します。
💡 覚え方: Shift+F2 = 前のエラー
F4 → Ctrl+Enter
ソースにジャンプ
ソースコードにジャンプします。
💡 覚え方: Source（ソース）
Alt+Home
ナビゲーションバーにジャンプ
ナビゲーションバーにフォーカスを移動します。
💡 覚え方: Nav bar（ナビバー）
F11
ブックマークの切り替え
現在の行にブックマークを設定/解除します。
💡 覚え方: Bookmark（ブックマーク）
Ctrl+Shift+F11
ブックマークの切り替え（ニーモニック付き）
ニーモニック付きでブックマークを切り替えます。
💡 覚え方: Mnemonic bookmark
Ctrl+#[0-9]
番号付きブックマークに移動
番号付きブックマークに移動します。
💡 覚え方: Bookmark number（番号付き）
Shift+F11
ブックマークを表示
すべてのブックマークを表示します。
💡 覚え方: Show bookmarks
Ctrl+F
検索
ファイル内でテキストを検索します。
💡 覚え方: Find（検索）
F3
次を検索
次の検索結果に移動します。
💡 覚え方: F3 = 次を検索
Shift+F3
前を検索
前の検索結果に移動します。
💡 覚え方: Shift+F3 = 前を検索
Ctrl+Shift+F
パス内検索
プロジェクト全体でテキストを検索します。
💡 覚え方: Path search（パス内検索）
Ctrl+R
置換
ファイル内でテキストを置換します。
💡 覚え方: Replace（置換）
Ctrl+Shift+R
パス内置換
プロジェクト全体でテキストを置換します。
💡 覚え方: Path replace（パス内置換）
Alt+F7
使用箇所の検索
使用箇所を検索します。
💡 覚え方: Usages（使用箇所）
Ctrl+F7
ファイル内で使用箇所を検索
現在のファイル内の使用箇所を検索します。
💡 覚え方: File usages
Ctrl+Shift+F7
ファイル内の使用箇所を強調表示
現在のファイル内の使用箇所を強調表示します。
💡 覚え方: Highlight usages（強調表示）
Ctrl+Alt+F7
使用箇所の表示
使用箇所を一覧表示します。
💡 覚え方: Show usages（表示）
Ctrl+Alt+Shift+T
リファクタリング
リファクターメニューを表示します。
💡 覚え方: This refactor（リファクタリング）
F5
コピー
要素をコピーします。
💡 覚え方: Copy（コピー）
F6
移動
要素を移動します。
💡 覚え方: Move（移動）
Alt+Delete
安全に削除
安全に削除を行います。
💡 覚え方: Delete safely（安全削除）
Shift+F6
名前変更
要素の名前を変更します。
💡 覚え方: Rename（名前変更）
Ctrl+F6
シグネチャ変更
関数やメソッドのシグネチャを変更します。
💡 覚え方: Signature（シグネチャ）
Ctrl+Alt+N
変数のインライン化
変数をインライン化します。
💡 覚え方: Inline（インライン化）
Ctrl+Alt+M
メソッドの抽出
選択コードをメソッドに抽出します。
💡 覚え方: Method（メソッド抽出）
Ctrl+Alt+V
変数の導入
選択した式を変数に導入します。
💡 覚え方: Introduce（導入）
Ctrl+Alt+C
定数の抽出
選択した式を定数に抽出します。
💡 覚え方: Constant（定数抽出）
Ctrl+Alt+P
パラメーターの導入
選択コードをパラメータに抽出します。
💡 覚え方: Parameter（パラメータ導入）
Alt+`
VCS クイックポップアップ
VCS クイックポップアップを表示します。
💡 覚え方: バッククォート (`) = VCS
Ctrl+K
コミット
変更をコミットします。
💡 覚え方: Ctrl + K = commit
Ctrl+T
更新
プロジェクトをVCSから更新します。
💡 覚え方: Ctrl + T = update
Alt+Shift+C
最近の変更を表示
最近の変更を表示します。
💡 覚え方: Changes（変更）
Shift+Shift
どこでも検索
IDE 全体を検索します。
💡 覚え方: Search everywhere
Ctrl+Shift+A
アクションの検索
IDE 内のアクションを検索します。
💡 覚え方: Action search
Alt+#[0-9]
ツールウィンドウを開く
対応するツールウィンドウを開きます。
💡 覚え方: Tool window（ツールウィンドウ）
Ctrl+Shift+F12
エディター最大化の切り替え
エディターの最大化/元に戻すを切り替えます。
💡 覚え方: Maximize editor
Alt+Shift+F
お気に入りに追加
要素をお気に入りに追加します。
💡 覚え方: Favorites（お気に入り）
Alt+Shift+I
現在のファイルを検査
現在のプロファイルでファイルを検査します。
💡 覚え方: Inspect（検査）
Ctrl+`
スキームをクイック切り替え
カラースキームやキーマップなどを素早く切り替えます。
💡 覚え方: Scheme switch
Ctrl+Alt+S
設定ダイアログを開く
設定ダイアログを開きます。
💡 覚え方: Settings（設定）
Ctrl+Tab
タブおよびツールウィンドウを切り替え
開いているタブとツールウィンドウを順に切り替えます。
💡 覚え方: Tab switch
Ctrl+Space
基本コード補完
基本的なコード補完候補を表示します。
💡 覚え方: Code completion（補完）
Alt+Enter
インテンションアクションとクイックフィックスを表示
インテンションアクションやクイックフィックスを表示します。
💡 覚え方: Intention actions
Ctrl+P
パラメーター情報
メソッド呼び出しの引数情報を表示します。
💡 覚え方: Parameter info
Ctrl+Q
クイックドキュメントルックアップ
クイックドキュメントを表示します。
💡 覚え方: Quick docs
Ctrl+MouseOver
簡易情報を表示
コード上にマウスオーバーして情報を表示します。
💡 覚え方: Ctrl + Hover
Ctrl+F1
エラー/警告説明を表示
エラーや警告の説明を表示します。
💡 覚え方: F1 = Help（説明）
Alt+Insert
コードの生成
各種コード生成オプションを表示します。
💡 覚え方: Generate
Ctrl+Alt+T
囲む...（Surround with）
選択コードをif/elseやtry/catchなどで囲みます。
💡 覚え方: Surround
Ctrl+J
ライブテンプレートを挿入
ライブテンプレートをクイック選択します。
💡 覚え方: Template
Ctrl+/
行コメントの切り替え
行コメントの有効/無効を切り替えます。
💡 覚え方: / = コメント
Ctrl+Shift+/
ブロックコメントの切り替え
ブロックコメントの有効/無効を切り替えます。
💡 覚え方: Block
Ctrl+W
選択範囲を拡大
選択範囲を徐々に拡大します。
💡 覚え方: Widen selection
Ctrl+Shift+W
選択範囲を縮小
選択範囲を前の状態に縮小します。
💡 覚え方: Shrink selection
Alt+Q
コンテキスト情報を表示
コンテキスト情報を表示します。
💡 覚え方: Quick info
Ctrl+Alt+L
コードを再フォーマット
コードを自動的にフォーマットします。
💡 覚え方: Format（フォーマット）
Ctrl+Alt+I
行を自動インデント
行を自動的にインデントします。
💡 覚え方: Indent（インデント）
Tab
選択行をインデント
選択行を右にインデントします。
💡 覚え方: Tab = Indent
Shift+Tab
選択行のインデント解除
選択行のインデントを解除します。
💡 覚え方: Shift+Tab = Unindent
Ctrl+Shift+V
履歴から貼り付け
最近使用したバッファーから貼り付けます。
💡 覚え方: History（履歴）
Ctrl+D
行またはブロックを複製
現在の行または選択ブロックを複製します。
💡 覚え方: Duplicate（複製）
Ctrl+Y
行を削除
現在の行を削除します。
💡 覚え方: Line delete（行削除）
Alt+Shift+Up
行を上に移動
現在の行を上に移動します。
💡 覚え方: ↑ = move up
Alt+Shift+Down
行を下に移動
現在の行を下に移動します。
💡 覚え方: ↓ = move down
Ctrl+Shift+J
行を結合
行を結合します。
💡 覚え方: Join lines
Ctrl+Enter
行を分割
行を分割します。
💡 覚え方: Split line
Shift+Enter
新しい行を開始
現在の行の下に新しい行を挿入します。
💡 覚え方: New line
Ctrl+Shift+U
大/小文字を切り替え
選択した文字の大文字/小文字を切り替えます。
💡 覚え方: Upper/lower
Ctrl+Shift+]
コードブロックの末尾まで選択
カーソルからコードブロックの末尾まで選択します。
💡 覚え方: ] end selection
Ctrl+Shift+[
コードブロックの先頭まで選択
カーソルからコードブロックの先頭まで選択します。
💡 覚え方: [ start selection
Ctrl+Delete
単語末尾まで削除
カーソル位置から単語の末尾まで削除します。
💡 覚え方: Delete word end
Ctrl+Backspace
単語先頭まで削除
カーソル位置から単語の先頭まで削除します。
💡 覚え方: Delete word start
Ctrl+NumPad+
コードブロックを展開
現在のコードブロックを展開します。
💡 覚え方: Expand
Ctrl+NumPad-
コードブロックを折りたたむ
現在のコードブロックを折りたたみます。
💡 覚え方: Collapse
Ctrl+Shift+NumPad+
すべてを展開
すべてのコードブロックを展開します。
💡 覚え方: Expand all
Ctrl+Shift+NumPad-
すべてを折りたたむ
すべてのコードブロックを折りたたみます。
💡 覚え方: Collapse all
Ctrl+F4
アクティブなエディタタブを閉じる
アクティブなエディタタブを閉じます。
💡 覚え方: Close tab
Alt+Click
キャレットの追加または削除
Alt+クリックでキャレットを追加または削除します。
💡 覚え方: Caret（キャレット）
Shift+Ctrl+Alt+J
すべての出現箇所を選択
すべての出現箇所にキャレットを追加します。
💡 覚え方: All occurrences
Alt+J
次の出現箇所を選択
次の出現箇所にキャレットを追加します。
💡 覚え方: Next occurrence
Alt+Shift+J
出現箇所の選択解除
選択した出現箇所のキャレットを解除します。
💡 覚え方: Unselect occurrence
Esc
すべてのキャレットまたは選択を解除
すべての追加キャレットおよび選択を解除します。
💡 覚え方: Esc = Cancel