VSCodeを最強エディタにカスタマイズする
Visual Studio Codeは2026年現在も世界で最も使われるコードエディタです。適切にカスタマイズすることで、開発生産性を飛躍的に向上させられます。
必須拡張機能（2026年最新版）
AI・コーディングアシスタント系
- GitHub Copilot：AIペアプログラマー。月額約1,200円だが生産性向上で元が取れる
- Cursor AI：Codebase全体を理解したAI補完
- Tabnine：ローカルAI補完（オフラインでも動作）
言語サポート系
- ESLint：JavaScript/TypeScriptのコード品質チェック
- Prettier：コードフォーマッター（保存時に自動整形）
- Python：Python開発の公式拡張
- Go：Go言語サポート
- Rust Analyzer：Rust言語の高度なサポート
Git・バージョン管理系
- GitLens：Git操作を視覚化。blame・history・比較が強力
- Git Graph：ブランチグラフを視覚的に表示
- GitHub Pull Requests：PRをVSCode内で管理
生産性向上系
- Auto Rename Tag：HTMLタグの自動リネーム
- Path Intellisense：パスの自動補完
- Todo Tree：TODO/FIXMEコメントを一覧表示
- Error Lens：エラーをインライン表示
- Bracket Pair Colorizer：括弧の対応を色分け（現在はビルトイン）
settings.jsonの最適化設定
{
// エディタ設定
"editor.fontSize": 14,
"editor.fontFamily": "'JetBrains Mono', 'Fira Code', monospace",
"editor.fontLigatures": true,
"editor.tabSize": 2,
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
"source.organizeImports": true
},
"editor.minimap.enabled": false,
"editor.wordWrap": "on",
"editor.suggestSelection": "first",
"editor.bracketPairColorization.enabled": true,
// ファイル設定
"files.autoSave": "afterDelay",
"files.autoSaveDelay": 1000,
"files.exclude": {
"**/.git": true,
"**/node_modules": true,
"**/.DS_Store": true
},
// ターミナル設定
"terminal.integrated.defaultProfile.osx": "zsh",
"terminal.integrated.fontSize": 13,
// Prettier設定
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
// GitHub Copilot設定
"github.copilot.enable": {
"*": true,
"markdown": true
}
}便利なキーボードショートカット
| 操作 | Mac | Windows/Linux |
|---|---|---|
| コマンドパレット | Cmd+Shift+P | Ctrl+Shift+P |
| クイックオープン | Cmd+P | Ctrl+P |
| 複数カーソル追加 | Opt+Click | Alt+Click |
| 同じ単語を選択 | Cmd+D | Ctrl+D |
| 行の移動 | Opt+↑↓ | Alt+↑↓ |
| 行の複製 | Shift+Opt+↑↓ | Shift+Alt+↑↓ |
| 統合ターミナル | Ctrl+` | Ctrl+` |
| サイドバー切替 | Cmd+B | Ctrl+B |
| 全検索 | Cmd+Shift+F | Ctrl+Shift+F |
| 定義へ移動 | F12 | F12 |
おすすめのカラーテーマ
- One Dark Pro：Atom由来の人気テーマ。目に優しい
- Tokyo Night：モダンでスタイリッシュ
- Dracula Official：コントラストが高く見やすい
- GitHub Theme：GitHubライクなテーマ
まとめ
VSCodeの真の力は拡張機能とカスタマイズにあります。特にGitHub CopilotなどのAI補完ツールは、2026年の開発者にとって必須ツールとなっています。本記事の設定を参考に、自分に最適なVSCode環境を構築してみてください。