- Home
- 脱・初級！覚えると世界が変わる VSCodeショートカット10選【Mac/Windows対応・実践Tips付き】
脱・初級！覚えると世界が変わる VSCodeショートカット10選【Mac/Windows対応・実践Tips付き】
VSCodeを使っていると、**「この作業、もっと楽にできないかな？」**と感じることはありませんか？
コピー＆ペーストはもう慣れた。でも本当に開発効率を上げるには、マウスに手を伸ばさないショートカット操作が欠かせません。
この記事では、毎日VSCodeを使っている筆者が実際に「便利すぎて手放せない」と感じているショートカットを、Mac/Windows 両対応＆使用頻度順で紹介します。
🚀 よく使う！VSCodeショートカット10選（Mac / Windows）
1. 戻る（直前の編集／移動位置へ）
- ・ Windows：
Alt + ← - ・ Mac：
Ctrl + - - ・ どんな時に使う？
定義ジャンプしたあと、元の場所にすぐ戻りたいとき - ・ Tips： 進むのは
Alt + →（MacはCtrl + Shift + -）
2. コメントのON/OFF切り替え
- ・ Windows：
Ctrl + / - ・ Mac：
Cmd + / - ・ どんな時に使う？
試験コードやログなどを一時的にコメントアウトしたいとき - ・ Tips： 複数行でも一括コメントOK。言語に応じて自動で切り替え
3. シンボル（変数・関数など）のリネーム
- ・ Windows：
F2 - ・ Mac：
F2 - ・ どんな時に使う？
変数名や関数名を変更しつつ、参照元にも自動で反映したいとき - ・ Tips： refactor の第一歩に最適。命名の整理にも
4. 補完を手動表示
- ・ 共通：
Ctrl + Space（Windows / Mac 共通） - ・ どんな時に使う？
自動補完が表示されない場面で明示的に呼び出したいとき - ・ Tips： JSXやJSONで特に活躍。補完候補を再表示できる
5. 行を上下に移動
- ・ Windows：
Alt + ↑ / ↓ - ・ Mac：
Option + ↑ / ↓ - ・ どんな時に使う？
コードの順番を微調整したいとき。並び替え、整理整頓など - ・ Tips： 複数行選択でも移動可能！
6. ファイル名から一発ジャンプ
- ・ Windows：
Ctrl + P - ・ Mac：
Cmd + P - ・ どんな時に使う？
ファイルが多すぎてエクスプローラーを開くのが面倒なとき - ・ Tips： 一部の文字 or 大文字のみでも候補が出る！
7. 同じ単語を次々選択（マルチカーソル）
- ・ Windows：
Ctrl + D - ・ Mac：
Cmd + D - ・ どんな時に使う？
同じ変数や文字列を一括編集したいとき（例：isActiveを複数修正） - ・ Tips：
Ctrl + U/Cmd + Uで戻れるので気軽に使える
8. 任意の場所に複数カーソル（縦マルチカーソル）
- ・ Windows：
Shift + Alt + ↓ / ↑ - ・ Mac：
Shift + Option + ↓ / ↑ - ・ どんな時に使う？
複数行の先頭や末尾に同時に入力したいとき（例：全行に//） - ・ Tips：
Alt + クリック（MacはOption + クリック）も併用すると自在に操れる！
9. シンボル検索・ジャンプ（プロジェクト横断）
- ・ Windows：
Ctrl + T - ・ Mac：
Cmd + T - ・ どんな時に使う？
関数・クラス・定数などをプロジェクト全体から検索したいとき - ・ Tips： 曖昧な名前でも補完が効いて探しやすい
10. ファイル内の関数・クラス一覧表示（同上）
- ・ Windows：
Ctrl + T - ・ Mac：
Cmd + T - ・ どんな時に使う？
今開いているファイル内の関数やセクションへ素早く移動したいとき - ・ Tips：
@を付けて入力すると、ファイル内に限定されます（例：@use）
| # | 機能名 | Windowsショートカット | Macショートカット | よく使う場面の例 |
|---|---|---|---|---|
| 1 | 戻る（直前の編集・移動） | Alt + ← | Ctrl + - | 定義ジャンプ後、元の位置へ戻る |
| 2 | コメントのON/OFF切り替え | Ctrl + / | Cmd + / | 一時的な無効化やデバッグ用のコードコメント |
| 3 | シンボル名のリネーム | F2 | F2 | 変数や関数名を全体に一括で変更 |
| 4 | 補完を手動表示 | Ctrl + Space | Ctrl + Space | JSXやJSONなどで補完が出ないとき |
| 5 | 行を上下に移動 | Alt + ↑ / ↓ | Option + ↑ / ↓ | コードの並びを微調整したいとき |
| 6 | ファイル名から一発ジャンプ | Ctrl + P | Cmd + P | 大量のファイルの中から目的のファイルにすぐアクセス |
| 7 | 同じ単語を順に選択（マルチカーソル） | Ctrl + D | Cmd + D | 同じ単語を一括編集したいとき |
| 8 | 任意の位置にマルチカーソル（縦追加） | Shift + Alt + ↓ / ↑ | Shift + Option + ↓ / ↑ | 複数行に同時に編集を加えたいとき |
| 9 | プロジェクト全体からシンボル検索 | Ctrl + T | Cmd + T | 他ファイルにある関数やクラスを検索 |
| 10 | ファイル内の関数・クラス一覧表示 | Ctrl + T（+ @入力） | Cmd + T（+ @入力） | 今開いているファイル内の関数へすぐにジャンプ |
💡 習得のコツ
- ・ まずは3つだけ覚える！
Alt + ←,Ctrl + /,Ctrl + P（MacはCmd + P）から始めると効果的 - ・ 使った後に「あ、便利かも」と思える瞬間を大事に！
実感とともに記憶に定着します
✅ まとめ
- ・ ショートカットは作業のストレスを減らし、集中力を上げてくれる武器です。
- ・ 10個すべてを一気に覚える必要はありません。
- ・ 1日1つ、使いながら覚えるだけでも開発体験が変わります。