VSCodeショートカット13選｜開発効率を2倍にする必須コマンド

VSCode（Visual Studio Code）の活用度は、使いこなしているショートカットの数で決まります。本記事では、実務で毎日使える厳選13個のショートカットを紹介。マウス操作を最小化し、開発速度を大幅に向上させる方法を解説します。

なぜVSCodeのショートカットが重要なのか

プログラマーの生産性向上は、単なる「効率化」ではなく「集中力の維持」です。マウスとキーボードを何度も切り替えると、コンテキストスイッチが発生し、認知負荷が増加します。ショートカットをマスターすることで、手元を見ずにコーディングに専念できます。

年間250営業日 × 平均5分の時間短縮 = 約1,250分（≒20時間）の生産性向上が期待できます。

環境について

本記事の動作確認環境：VSCode 1.95以降、macOS・Windows・Linux対応。OSによってModifierキーが異なるため、各項目で記載しています（⌘＝Mac、Ctrl＝Windows/Linux）。

基本中の基本｜これだけは絶対覚えるショートカット5個

1. Ctrl+P（⌘+P）：ファイルクイックオープン

プロジェクト内のファイルを瞬時に開けます。ファイル名の一部を入力すればフォルダ構造を辿らずにアクセス可能。大規模プロジェクトでの移動が劇的に高速化します。

実践例：「components」フォルダの「Button.tsx」を開きたい場合

Ctrl+P → "button" または "Button.tsx" と入力 → Enter

2. Ctrl+K Ctrl+C（⌘+K ⌘+C）：複数行コメント化

選択した行をまとめてコメント化します。デバッグ時のコード検証に最適。コマンドパレットから実行することもできます。

使い分け：Ctrl+/（⌘+/）で単行コメント、Ctrl+K Ctrl+C（⌘+K ⌘+C）で複数行コメント。

3. Ctrl+Shift+P（⌘+Shift+P）：コマンドパレット

VSCodeの全機能にアクセスする統一インターフェース。ショートカット不要の機能や拡張機能のコマンドも実行できます。

よく使うコマンド例：

Ctrl+Shift+P → "Format Document" → Enter
// ファイル全体をフォーマット（Prettier等と連携）

Ctrl+Shift+P → "Sort Lines Ascending" → Enter
// 選択行を昇順でソート

4. Ctrl+H（⌘+H on Mac, Ctrl+H on Windows）：置換

複数個所の同じテキストを一括置換。正規表現にも対応しており、複雑なリファクタリングに強力です。

正規表現での置換例：すべての const を let に変更

検索: ^const\s+
置換: let 
// 正規表現にチェックを入れて実行

5. Ctrl+G（⌘+G）：特定行へジャンプ

数百行のファイルで、エラーメッセージに表示された行番号にすぐ移動できます。デバッグ効率が大きく向上します。

Ctrl+G → "250" と入力 → Enter
// 250行目に瞬時に移動

編集効率を上げる｜コード作成スピードを加速させるショートカット4個

6. Alt+↑/↓（⌘+Option+↑/↓）：行の移動

選択行をカット＆ペーストせずに上下移動。コード構造を整理する際、スムーズに行を並べ替えられます。

// 元のコード
function hello() {
  console.log("world");
  console.log("hello");
}

// Alt+↑で "console.log("world")" 行を上に移動
// Alt+↑で "console.log("hello")" 行を下に移動

7. Shift+Alt+↓（Shift+Option+↓）：行の複製

現在行をコピーして下に挿入。似た構造のコードを素早く作成できます。

// 元のコード
const user = { name: "Alice", age: 30 };

// Shift+Alt+↓ で行を複製
const user = { name: "Alice", age: 30 };
const user = { name: "Alice", age: 30 };
// その後、2行目を編集

8. Ctrl+Shift+K（⌘+Shift+K）：行削除

Ctrl+Xでカットしてもクリップボードが占有されません。複数行を素早く削除できます。

9. Ctrl+Shift+Enter（⌘+Shift+Enter）：上に行を挿入

現在行の上に新しい行を挿入し、カーソルをそこに移動。Ctrl+Enterは下に行を挿入します。

// 現在カーソルが3行目にある場合
function test() {
  // ← ここに新しい行が挿入される（Ctrl+Shift+Enter使用時）
  console.log("test");
}

検索・ナビゲーション｜大規模コードベースでの移動を高速化

10. Ctrl+Shift+F（⌘+Shift+F）：プロジェクト全体検索

Ctrl+Fは現在ファイルのみですが、Ctrl+Shift+Fはプロジェクト全体を対象にします。特定の関数定義やエラーメッセージの出所を素早く特定できます。

Ctrl+Shift+F → "getUserById" を入力
// プロジェクト全体で getUserById が使用されているファイル一覧を表示

11. Ctrl+Shift+O（⌘+Shift+O）：シンボルジャンプ

現在のファイル内で定義されている関数やクラスを一覧表示し、即座にジャンプできます。大きなファイルの構造把握に有効です。

12. Ctrl+K Ctrl+O（⌘+K ⌘+O）：フォルダをワークスペースで開く

複数プロジェクトを同時に開く「マルチルートワークスペース」の管理機能。マイクロサービス開発やモノレポで威力を発揮します。

高度な操作｜生産性を極限まで引き上げるショートカット

13. Ctrl+D（⌘+D）：次の同じ単語を選択

同じ単語を連続選択し、複数個所を同時編集できます。変数名の一括変更などで、正規表現置換より直感的です。

// 元のコード
const userName = "Alice";
console.log(userName);
function printUserName(userName) {
  return userName;
}

// "userName" にカーソルを置いて Ctrl+D を複数回押すと、
// すべての "userName" が順に選択され、同時編集が可能

注意：ショートカット競合とカスタマイズ

拡張機能とのキーバインド競合

Vimコントローラーやその他のキーマッピング拡張機能を導入すると、VSCodeのデフォルトショートカットと競合することがあります。

確認・カスタマイズ方法：

Ctrl+K Ctrl+S （⌘+K ⌘+S）
// キーボードショートカット設定を開く
// 競合しているコマンドを検索して、キーバインドを再割り当て

OSごとのキーバインド差異

Macでは⌘（Command）、WindowsとLinuxではCtrlが主要Modifierキーです。以下のリンクで公式の完全なキーボード参照を確認できます。

Visual Studio Code公式：キーボードショートカット

まとめ

• 基本5個（Ctrl+P, Ctrl+/, Ctrl+Shift+P, Ctrl+H, Ctrl+G）を最初に習得し、マウス操作の時間を削減する
• 編集効率ショートカット（Alt+↑/↓, Shift+Alt+↓, Ctrl+Shift+K, Ctrl+Shift+Enter）により、コード作成スピードが約2倍に向上
• 検索・ナビゲーション機能（Ctrl+Shift+F, Ctrl+Shift+O, Ctrl+D）で、大規模プロジェクト内での移動がスムーズになる
• 段階的学習
• Ctrl+K Ctrl+Sで設定画面を開き、個人的なカスタマイズを検討することで、さらなる効率化が実現できる

これらのショートカットを意識的に使用することで、開発体験が劇的に改善されます。今日から1個ずつ試してみてください。