こんにちは！日々のコーディング、お疲れ様です。
最新のAIアシストや便利な拡張機能のおかげで、私たちの開発スピードは爆発的に上がりましたよね。でも、ふと気づくと「あれ…最近、VS Codeの動作がやけに重いな」「ファンがずっと唸っているな」と感じたことはありませんか？
拡張機能を入れすぎていたり、巨大なプロジェクトを開いていたりと理由はさまざまですが、原因を突き止めずに「なんとなく再起動する」だけでは、根本的な解決になりません。
今回は、VS Codeの内部で何が起きているのかを丸裸にする隠し武器「Process Explorer（プロセスエクスプローラー）」の使い方を徹底解説します。これさえマスターすれば、あなたの開発環境を常に最速・快適に保てるようになりますよ。ぜひ最後までついてきてくださいね！
—
1. なぜVS Codeは突然重くなるのか？（アーキテクチャの裏側）
まず前提として、VS Codeは内部でElectron（エレクトロン）というフレームワークを採用しています。これは簡単に言うと、「VS Code自体が一つのGoogle Chromeブラウザのようなもの」として動いているということです。
そのため、VS Codeは機能ごとにプロセスを綺麗に切り分けて（マルチプロセス構造で）動いています。
- メインプロセス: アプリ全体の司令塔
- レンダラープロセス: 画面の描画やUI（エディタ画面など）を担当
- 拡張機能（Extension）ホスト: 私たちがインストールした便利ツール（GitLensや各種Linterなど）を裏で動かす専用のプロセス
- 言語サーバー（Language Server）: コードの補完やエラーチェックを行う頭脳
この構造のおかげで、ある拡張機能がフリーズしてもVS Code全体が即座に落ちることはありません。しかしその反面、「どの拡張機能がメモリやCPUをどれだけ喰っているか」が見えにくいというデメリットがあります。
ここで登場するのが、今回主役のProcess Explorerです。
—
2. 秘密の扉を開く：Process Explorerの起動方法
VS Codeのプロセス状況を確認するには、専門的なOSのタスクマネージャーを開く必要はありません。VS Codeの中に、専用の診断ツールが標準で備わっています。
起動のステップ
1. VS Codeを開いた状態で、キーボードの `F1` キー（または `Ctrl + Shift + P` / Macは `Cmd + Shift + P`）を押し、コマンドパレットを呼び出します。
2. 検索窓に `Process` と入力します。
3. 「開発者: プロセス エクスプローラーの表示 (Developer: Open Process Explorer)」という項目が出てくるので、それを選択してEnterを押します。
すると、見慣れないウインドウがピョコっと立ち上がります。これが、VS Codeの「内臓」を透視するモニターです。
—
3. 実践！ボトルネックの特定とメモリリークの犯人捜し
Process Explorerを開くと、見慣れない英語のプロセス名と、見慣れない数字（CPU使用率やメモリ使用量）が並んでいます。
> 💡 先輩エンジニアからのアドバイス：見るべきポイントはここだ！
> リストの中にある `extensionHost` というプロセスを探してください。ここが、あなたがインストールしたすべての拡張機能が同居している「アパート」のような場所です。もしVS Code全体が重い場合、犯人の9割はこのアパートの中にいます。
ボトルネック特定のための3ステップ診断
1. 全体像の把握
Process Explorerの上部にあるカラム（CPUやMemory）のヘッダーをクリックして、メモリ（Memory (MB)）の消費量順にソート（並べ替え）してみましょう。一番上に君臨しているのが、今のパソコンの体力を最も削っているプロセスです。
2. 犯人（拡張機能）の特定
もし上位に `extensionHost` が来ている場合、その行を展開するか、あるいは個別の拡張機能のPID（プロセスID）を確認します。
実は、VS CodeのProcess Explorerでは、どの拡張機能がどれだけのメモリやCPUを消費しているのかを個別に出力してくれます。
3. タスクの強制終了（外科手術）
もし「この拡張機能、暴走しているな…」というものを見つけたら、そのプロセスを選択し、右クリックして「プロセスを終了 (Kill)」することができます。（※OSのタスクマネージャーと同様に、安全にプロセスを落とせます）。
—
4. 快適な環境を維持するための「予防と設定」
犯人を突き止めて終了させるだけでなく、そもそも重くならない環境を作るのがプロの仕事です。今日から使える具体的な設定をシェアしますね。
設定ファイル（settings.json）による最適化
VS Codeのユーザー設定（`settings.json`）を開き、以下のチューニングを施してみてください。無駄なリソース消費を劇的に抑えられます。
{
// 巨大なファイルや自動生成されたログファイルをエディタで開いた際、
// メモリを爆食いしてフリーズするのを防ぐため、一定サイズ以上の描画を制限します。
“editor.largeFileOptimizations”: true,
// Gitの変更検知を最適化し、バックグラウンドでのCPU負荷を軽減します。
“git.autorefresh”: true,
// 自動更新チェック頻度を調整し、裏で無駄なネットワーク通信やCPU使用を防ぎます。
“update.mode”: “manual”,
// 使用していない言語サーバーや不要な拡張機能の機能をワークスペースごとに制限するため、
// 必要最低限の拡張機能のみを有効化する「プロファイル機能」の活用を推奨します。
“extensions.autoUpdate”: false
}
—
5. まとめ：毎日のコーディングを軽やかに
いかがでしたでしょうか？
今回は、VS Codeの裏側の仕組みを紐解きながら、Process Explorerを使ったメモリ・CPUのボトルネック特定方法を解説しました。
「なんとなく動作が重いからPCを再起動する」という泥臭いアプローチから卒業し、「Process Explorerを開いて、どの拡張機能がメモリリークを起こしているか一発で特定し、ピンポイントで対処する」というエンジニアらしいスマートな診断スキルが手に入りましたね。
この知識を武器にすれば、あなたの開発環境は常にストレスフリー。毎日のコーディングが驚くほど軽やかになりますよ。
それでは、また次の技術でお会いしましょう！快適なエディタライフを！