microsoft/vscode
5 articles
前提知識
- ›TypeScript の基礎知識（ジェネリクス、モジュール）
- ›VS Code をユーザーとして使ったことがある
01
VS Codeのアーキテクチャ：5,600ファイルのTypeScriptコードベースを読み解く
src/vs/ のディレクトリ階層、四つの柱、厳格なレイヤリングシステム、そしてビルド時の自動検証まで — VS Code リポジトリの全体像を俯瞰するガイド。
02
main.ts から最初の描画まで：VS Code のマルチプロセス起動シーケンス
Electron のメインプロセスから CodeMain、CodeApplication を経て、レンダラー側の Workbench が生成されるまでの起動シーケンスを完全に追う。
03
DIエンジン：VS Codeが190以上のサービスを繋ぎ合わせる仕組み
VS Code独自の依存性注入システムを深く掘り下げます — デコレーター、グラフ解決、遅延インスタンス化、Disposableライフサイクル、イベント、コントリビューションパターンについて解説します。
04
Extension Host：VS Code が拡張機能をどのように分離し、通信するか
VS Code の Extension Host アーキテクチャを解説します。3 種類の Host、巨大な RPC プロトコル契約、プロキシパターン、そして vscode.* 名前空間の構成方法を取り上げます。
05
Monaco と Workbench：テキストバッファから IDE シェルへ
VS Code の主要な UI レイヤーを解説します。スタンドアロンの Monaco エディターと Workbench シェルの構造、contribution の仕組み、レイアウト管理、プラットフォームごとのバレルファイルまでを網羅します。