VSCode ショートカット完全ガイド - 開発効率を劇的に上げるキーボード操作一覧

VSCode ショートカットで開発効率を最大化する

Visual Studio Code（VSCode）は、世界中の開発者に愛用されるコードエディタです。しかし、マウス操作に依存していると、その真価を発揮できていません。VSCode ショートカットを習得することで、コーディング速度は飛躍的に向上します。

本記事では、VSCode ショートカットをカテゴリ別に整理し、Windows/Macの両プラットフォームに対応した形で解説します。日常的に使う基本操作から、マルチカーソルやデバッグといった高度な機能まで、開発現場で即活用できるショートカットを網羅しています。

この記事で得られること

• VSCode ショートカットの体系的な理解
• Windows/Macそれぞれのキー対応
• カテゴリ別の主要ショートカット一覧
• ショートカット活用による開発効率向上の具体的な効果

前提条件と実行環境

VSCode ショートカットを活用するための前提条件を確認します。

キー表記の凡例

本記事では、以下の表記規則を使用します。

Macユーザーは、基本的にCtrlをCmdに読み替えてください。

ファイル操作のVSCode ショートカット

ファイル操作は最も頻繁に使用するショートカットカテゴリです。これらを習得するだけで、日常作業の効率は大幅に向上します。

基本的なファイル操作

クイックオープンとナビゲーション

実践的な活用例: Ctrl+Pでファイル名の一部を入力すると、即座に候補が表示されます。大規模プロジェクトでも数秒でファイルを開けるため、ファイルツリーをマウスで辿る必要がなくなります。

編集操作のVSCode ショートカット

コーディングの核となる編集操作のショートカットを解説します。

基本的な編集操作

インデントと折りたたみ

コメント操作

検索・置換のVSCode ショートカット

コード内の検索・置換は、リファクタリングやデバッグで頻繁に使用する機能です。

エディタ内検索

検索オプションの切り替え

ワークスペース全体検索

実践的な活用例: Ctrl+Shift+Fでワークスペース全体を検索し、関数名や変数名の使用箇所を一覧表示できます。リファクタリング時に影響範囲を把握する際に重宝します。

マルチカーソルのVSCode ショートカット

マルチカーソル機能は、VSCodeの真骨頂ともいえる強力な編集機能です。複数箇所を同時に編集することで、反復作業を劇的に効率化できます。

カーソル追加操作

選択操作

マルチカーソル活用の具体例

以下のようなシナリオで威力を発揮します。

1
2
3
4

// 変数名を一括変更したい場合
const userName = "Alice";
const userAge = 25;
const userEmail = "alice@example.com";

1. userにカーソルを置く
2. Ctrl+Dを3回押して3箇所を選択
3. 新しい名前を入力するとすべて同時に変更される

コード補完とリファクタリングのVSCode ショートカット

言語機能を活用した高度な編集操作のショートカットです。

インテリセンスと補完

定義とリファレンス

フォーマット

デバッグのVSCode ショートカット

デバッグ作業を効率化するショートカットです。ブレークポイントの設定からステップ実行まで、キーボードだけで操作できます。

ブレークポイントと実行制御

ステップ実行

デバッグビューの表示

ターミナル操作のVSCode ショートカット

統合ターミナルをキーボードだけで操作するためのショートカットです。

ターミナルの基本操作

ターミナル間の移動

エディタ/ウィンドウ管理のVSCode ショートカット

複数のエディタやウィンドウを効率的に管理するショートカットです。

エディタの分割と移動

ウィンドウとビュー

サイドバーとパネル

GitHub Copilot ChatのVSCode ショートカット

AI支援機能を活用するためのショートカットです。GitHub Copilotが有効な環境で使用できます。

設定とカスタマイズのVSCode ショートカット

VSCode自体の設定にアクセスするショートカットです。

ショートカットのカスタマイズ方法

VSCodeでは、すべてのショートカットを自由にカスタマイズできます。

キーバインド設定画面を開く

1. Ctrl+K Ctrl+S（Mac: Cmd+K Cmd+S）を押す
2. 変更したいコマンドを検索
3. 該当行をダブルクリックして新しいキーを設定

keybindings.jsonで直接編集

より高度なカスタマイズはkeybindings.jsonで行います。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

// keybindings.json
[
  {
    "key": "ctrl+shift+d",
    "command": "editor.action.duplicateSelection"
  },
  {
    "key": "ctrl+k ctrl+d",
    "command": "-editor.action.moveSelectionToNextFindMatch"
  }
]

• key: 新しいキーバインド
• command: 実行するコマンドID
• コマンドの先頭に-を付けると、そのキーバインドを無効化

VSCode ショートカット活用による期待される効果

VSCode ショートカットを習得することで、以下の効果が期待できます。

作業時間の短縮

その他の効果

• 集中力の維持: キーボードから手を離さないことで、思考の流れが途切れにくくなる
• 手首への負担軽減: マウス操作の減少により、RSI（反復性ストレス障害）のリスクが低下
• プロフェッショナルな印象: ペアプログラミングやコードレビュー時に、スムーズな操作が可能

ショートカット習得のコツ

段階的に覚える

一度にすべてを覚えようとせず、以下の順序で段階的に習得することをおすすめします。

1. 第1段階: ファイル操作（Ctrl+P, Ctrl+S, Ctrl+W）
2. 第2段階: 検索・置換（Ctrl+F, Ctrl+H, Ctrl+Shift+F）
3. 第3段階: 編集操作（Ctrl+D, Alt+↑/↓, Ctrl+Shift+K）
4. 第4段階: マルチカーソル（Ctrl+Alt+↑/↓, Ctrl+Shift+L）
5. 第5段階: デバッグ・ターミナル（F5, F9, Ctrl+`）

意識的に使う

新しいショートカットを覚えたら、最初は遅くても意識的に使い続けることが重要です。2週間程度続けると、無意識に使えるようになります。

まとめ

本記事では、VSCode ショートカットをカテゴリ別に解説しました。主要なポイントを振り返ります。

• ファイル操作: Ctrl+Pのクイックオープンは必須
• 編集操作: 行操作（移動・コピー・削除）を覚えると効率が上がる
• 検索・置換: ワークスペース全体検索でリファクタリングを効率化
• マルチカーソル: Ctrl+DとCtrl+Shift+Lで反復作業を一括処理
• デバッグ: F5、F9、F10、F11の4つを覚えるだけで大幅に効率化
• ターミナル: Ctrl+`で瞬時に切り替え

VSCode ショートカットの習得は、プログラマーとしての基礎力向上に直結します。まずは本記事で紹介した基本的なショートカットから始めて、徐々にレパートリーを増やしていきましょう。

参考リンク

• Visual Studio Code Keyboard Shortcuts Reference
• VS Code Default Keyboard Shortcuts
• Keyboard Shortcuts for Windows (PDF)
• Keyboard Shortcuts for macOS (PDF)
• VS Code Tips and Tricks