VS Code 生産性を2倍にするキーボードショートカットと拡張機能 2026
開発ツール New

VS Code 生産性を2倍にするキーボードショートカットと拡張機能 2026

マウスに手を伸ばすたびに2秒失う。VS Codeのキーボードショートカット、マルチカーソル編集、GitHub CopilotなどのAI拡張機能を使いこなしてコーディング速度を劇的に向上させる実践ガイド。初心者から上級者まで役立つ2026年版Tips集。

VS Code 開発ツール 生産性 キーボードショートカット AI

なぜVS Codeの生産性を追求するのか

VS Codeは2026年現在、もっとも広く使われているコードエディタだ。しかし多くの開発者は、VS Codeの機能の10%程度しか活用していない。

本記事では、今日から使えるキーボードショートカットと拡張機能を紹介する。目標は「マウスに手を伸ばす回数を半分にすること」だ。

必須キーボードショートカット

ファイル操作

ショートカット動作効果
Cmd+Pファイルを名前で開くサイドバーを使わずに任意のファイルに即座にジャンプ
Cmd+Shift+PコマンドパレットVS Codeの全機能にキーボードからアクセス
Cmd+Bサイドバーの表示/非表示エディタ領域を最大化
Cmd+\エディタを分割2ファイルを同時に表示
Cmd+Wタブを閉じる不要なタブを素早く片付ける

編集操作

ショートカット動作効果
Cmd+D同じ単語を選択に追加リネーム時にマルチカーソルで一括変更
Cmd+Shift+L同じ単語をすべて選択ファイル内の全出現箇所を一括編集
Option+↑/↓行を移動コピペせずに行を上下に移動
Cmd+Shift+K行を削除選択なしで現在行を即削除
Cmd+/コメント切り替え選択範囲のコメントアウト/解除

ナビゲーション

ショートカット動作効果
F12定義にジャンプ関数の定義元に即座に移動
Cmd+Shift+Fワークスペース全体検索プロジェクト横断で文字列を検索
Ctrl+G行番号にジャンプエラーメッセージの行番号に直行
Cmd+Shift+Oシンボル一覧ファイル内の関数・クラスをリスト表示
Ctrl+- / Ctrl+Shift+-戻る/進むジャンプ前の位置に戻る

マルチカーソルの実践テクニック

マルチカーソルはVS Codeの隠れた最強機能だ。

パターン1: 変数名の一括リネーム

  1. 変更したい変数名にカーソルを置く
  2. Cmd+D を繰り返し押して、同じ名前を選択に追加
  3. 新しい名前を入力 → 全箇所が同時に変更

パターン2: 連番の挿入

  1. Option+クリック で複数行にカーソルを設置
  2. 拡張機能「Insert Numbers」を使って連番を入力
  3. テストデータの生成やIDの採番に活用

パターン3: 構造的な編集

JSONやオブジェクトリテラルの複数行を同時に編集する場合、Cmd+Shift+L で全出現箇所にカーソルを置き、一括で構造を変更できる。

2026年の推奨拡張機能

AI支援

拡張機能用途
GitHub CopilotAIコード補完の定番
ContinueオープンソースのAIコーディングアシスタント
Cody (Sourcegraph)コードベース全体を理解したAI支援

生産性

拡張機能用途
Error Lensエラーをインラインで表示（行末に赤文字）
GitLensGitの履歴をコード行ごとに表示
Todo TreeTODO/FIXMEをサイドバーに一覧表示
Auto Rename TagHTMLの開始タグを変更すると閉じタグも自動変更

コード品質

拡張機能用途
ESLintJavaScript/TypeScriptのリント
Prettierコードフォーマッター
Import Costimportのバンドルサイズをインライン表示

settings.jsonのおすすめ設定

{
  "editor.formatOnSave": true,
  "editor.minimap.enabled": false,
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.guides.bracketPairs": true,
  "editor.stickyScroll.enabled": true,
  "editor.inlineSuggest.enabled": true,
  "files.autoSave": "onFocusChange",
  "workbench.editor.enablePreview": false,
  "terminal.integrated.defaultProfile.osx": "zsh"
}
  • minimap.enabled: false — ミニマップを無効化してエディタ領域を拡大
  • stickyScroll.enabled — スクロール時に関数名やクラス名が画面上部に固定表示
  • bracketPairs — 対応する括弧をカラフルに表示

ターミナル統合の活用

VS Codeの統合ターミナルを使いこなすと、ウィンドウの切り替えが不要になる。

  • Ctrl+`` — ターミナルの表示/非表示
  • Cmd+Shift+[ / ] — ターミナルタブの切り替え
  • ターミナルを右サイドに配置: terminal.integrated.defaultLocation: "editor" でエディタ横に配置

まとめ

VS Codeの生産性向上は、5つのショートカットを覚えることから始まる。Cmd+P、Cmd+D、F12、Cmd+Shift+P、Ctrl+-——この5つだけで、日々のコーディングの摩擦が大幅に減る。

拡張機能は「少なく、良いものを」が原則。入れすぎると起動が遅くなり、ショートカットが競合する。AI支援1つ + Error Lens + GitLens + Prettier程度が最適なバランスだ。

あわせて読みたい