こんにちは！開発現場を渡り歩くシニアエンジニアの先輩です。
日々のコーディング、快適に行えていますか？「最近、VS Codeの動きがモッサリする」「タイピングのレスポンスがワンテンポ遅れる」「ファンがものすごい音で回り出す」……そんなストレスを抱えたままコードを書いているなら、今すぐその環境を見直しましょう。
今回は、VS Codeが重くなってしまう根本的な原因の特定方法から、メモリとCPUを解放して「買ったばかりのMacやPCか？」と見紛うほどの爆速環境を取り戻すための設定術を、アーキテクトの視点から優しく、かつ徹底的に解説します。
これをマスターすれば、毎日のコーディングが劇的に軽快になり、無駄なストレスから解放されますよ。さあ、一緒に快適なエディタ環境を作っていきましょう！
—
1. なぜVS Codeは重くなるのか？（原因の特定方法）
「重い」と言っても、原因は人によって様々です。なんとなく設定を変更するのではなく、まずは「どこがボトルネックになっているのか」を正確に突き止めることが、パフォーマンス改善の第一歩です。
VS Codeには、内部で稼働しているプロセス（拡張機能や言語サーバーなど）のリソース消費量を一発で可視化する神機能が備わっています。
プロセス explorerで犯人を特定する
VS Codeが重いと感じたら、以下の手順で「プロセスの内訳」を覗いてみてください。
1. VS Codeを開いた状態で、キーボードの `F1` キー（または `Ctrl + Shift + P` / `Cmd + Shift + P`）を押してコマンドパレットを開きます。
2. 「`Developer: Open Process Explorer`」と入力して実行します。
すると、OSのタスクマネージャーのようなウィンドウが立ち上がり、VS Codeが抱えているプロセスごとのCPU使用率とメモリ消費量がリアルタイムで表示されます。
- メインプロセス: エディタ全体の制御（ここが高いことは稀です）
- 拡張機能 (Extension Host): インストールしているプラグイン群。大抵の重さの原因はここにいます。
- TypeScript/Python等の言語サーバー (tsserverなど): コードの自動補完や型チェックを行うバックグラウンドワーカー。巨大なプロジェクトで暴走しがちです。
ここでメモリを大量に食っている拡張機能や、常にCPUを100%近く使っているプロセスを見つけ出せば、対策のターゲットが明確になります。
—
2. 【即効性あり】リソースを劇的に節約する設定変更（`settings.json`）
原因が分かったところで、次はVS Codeの挙動を根本からスリム化する設定を行います。
VS Codeの設定はGUIからも行えますが、プロフェッショナルは設定ファイル（`settings.json`）を直接編集します。これにより、変更の意図が明確になり、環境の再現性も高まります。
コマンドパレットから `Preferences: Open User Settings (JSON)` を開き、以下の設定を追記（または調整）してみてください。
{
// 1. ミニマップ（画面右側のコードの縮小表示）を非同期・または完全に無効化する
// ミニマップの描画はGPUとCPUに常に負荷をかけます。無くても困らない場合は切るのが最速の近道です。
“editor.minimap.enabled”: false,
// 2. 検索対象から重いディレクトリ（node_modulesやビルド成果物）を完全に除外する
// これを行わないと、グローバル検索（Ctrl+Shift+F）の際に膨大なファイルを舐め回し、CPUが爆発します。
“search.exclude”: {
“/node_modules”: true,
“/bower_components”: true,
“/.code-search”: true,
“/dist”: true,
“/build”: true,
“/.git”: true
},
// 3. ファイル監視（File Watcher）の除外設定
// 変更検知の対象を減らすことで、バックグラウンドでのCPU常時稼働を防ぎます。
“files.watcherExclude”: {
“/.git/objects/“: true,
“/.git/subtree-cache/“: true,
“/node_modules//“: true,
“/dist/“: true,
“/tmp/“: true
},
// 4. 自動保存の頻度を落とす（または明示的な保存にする）
// 1文字入力するたびに保存処理が走る設定になっていると、ディスクI/Oとリントの負荷が跳ね上がります。
“files.autoSave”: “off”,
// 5. ホバー（マウスオーバー時の型情報表示）の遅延を入れる
// カーソルを合わせた瞬間に重い解析が走るのを防ぎます。
“editor.hover.delay”: 500
}
これらの設定を入れるだけでも、タイピングの追従性が劇的に向上するのが体感できるはずです。
—
3. 拡張機能（プラグイン）のスマートな整理術
「便利だから」と片っ端から拡張機能をインストールしていませんか？
VS Codeの拡張機能（Extension Host）は、実はひとつの独立したNode.jsプロセスとして動作しています。数が増えれば増えるほどメモリを食い合い、起動すら遅くなります。
ここで、賢い拡張機能のマネジメント手法を2つご紹介します。
① 「ワークスペース別」に拡張機能を有効化する
すべてのプロジェクトで、すべての拡張機能が必要なわけではありません。例えば、Pythonを書くときにフロントエンドのフレームワーク用プラグインが常駐している必要はありませんよね。
エディタ右下の歯車マーク（設定）から、あるいは拡張機能ビューの各アイテムの歯車から、「有効 (Disable)」を「ワークスペースに対して無効」に切り替えることができます。
これにより、プロジェクトごとに本当に必要な拡張機能だけがメモリにロードされるようになり、無駄なリソース消費を防げます。
② 重い拡張機能の代替・見極め
以下のような機能を持つ拡張機能は、特にリソースを消費しがちです。
- リアルタイムで厳格すぎるコードフォーマットやリント（必要以上に重いAST解析を行うもの）
- 使っていないのに常に常駐するAIアシスタント系ツール（必要な時だけ呼び出す設定にする）
「入れてみたけれど、ここ1ヶ月使っていないな」という拡張機能は、思い切ってアンインストールするか、無効化しておきましょう。これだけで起動速度が数秒単位で変わります。
—
4. 内部キャッシュとストレージのクリア（大掃除）
長期間VS Codeを使っていると、エディタ内部のキャッシュ（ワークスペースのインデックスや、拡張機能の一時ファイル、ログなど）が肥大化し、動作不良や重さの原因になります。
年に数回は、以下の手順で「大掃除」を行いましょう。
キャッシュ・ログのクリーンアップ手順
VS Codeのキャッシュは以下のパスに保存されています（OSによって異なります）。
- Windows: `%APPDATA%\Code` および `%USERPROFILE%\.vscode\extensions`
- macOS: `~/Library/Application Support/Code`
- Linux: `~/.config/Code`
特に、上記ディレクトリの中にある以下のフォルダは、削除してもVS Codeが自動再生成するため、動作が重くなった際の特効薬になります。
- `Code/Cache` （描画やUIのキャッシュ）
- `Code/CachedData` （コンパイル済みスクリプトのキャッシュ）
- `Code/Logs` （膨れ上がったデバッグログ）
※作業を行う際は、必ずVS Codeを完全に終了させてから行ってください。
—
5. まとめ：軽快な環境こそが、最高の開発体験を生む
今回は、VS Codeの動作が重くなる原因の特定から、設定による軽量化、そして拡張機能とキャッシュの整理術までを解説しました。
- F1キーから `Process Explorer` を開いて犯人を特定する
- `settings.json` でミニマップや不要なファイル監視を切る
- 拡張機能はワークスペースごとに最適化し、使わないものは削る
- 定期的にキャッシュをクリアして内部をクリーンに保つ
開発ツールへのストレスがなくなると、コードを書く純粋な楽しさが戻ってきますし、集中力の分断を防ぐことができます。「最近重いな」と感じたら、ぜひ今回のチェックリストを上から順に試してみてくださいね。
あなたの開発環境が、今日から爆速に生まれ変わることを応援しています！