vercel/hyper
6 articles
前提知識
- ›Electronの基本知識（main processとrenderer processの違い）
- ›webpackの基本的な概念への理解
- ›TypeScriptの基礎知識
01
Hyperのアーキテクチャ：Electron製ターミナルエミュレーターのコードベースを読み解く
Hyperが採用する3プロセス構成のアーキテクチャ、ディレクトリ構造、ビルドシステムを徹底的に解説します
02
RPCブリッジ：IPC通信とターミナルセッションのライフサイクル
Hyperの型安全な双方向IPCシステムと、ターミナルセッションの完全なライフサイクルを深掘りする
03
ターミナルの中の Redux：状態管理、ミドルウェア、そして Effects パターン
Hyper の Redux アーキテクチャを深掘りします。デュアル thunk ミドルウェアチェーンと write ミドルウェアによるパフォーマンス最適化を中心に解説します
04
PTYからピクセルへ：xterm.jsの統合とコンポーネントアーキテクチャ
Hyperがxterm.jsをReactでラップする方法、レンダラーの選択ロジック、キーボードショートカットの調整メカニズムを解説します
05
Hyper のプラグインアーキテクチャ：デコレーション、拡張ポイント、モジュールローディング
Electron の両プロセスにまたがる 38 以上の拡張ポイントを持つ Hyper のプラグインシステムを徹底解説
06
設定・プロファイル・CLI：Hyperのカスタマイズの仕組み
JSON形式から多段階マージパイプライン、CLIツールまで、Hyperの設定システムを解説します