chenglou/pretext
6 articles
前提知識
- ›Webフロントエンド開発とDOMの基礎知識
- ›CSSのテキストレイアウトモデル（white-space、overflow-wrap）
- ›TypeScriptの型システムへの理解
01
Pretextのアーキテクチャ：なぜ2フェーズ設計がDOM計測を凌駕するのか
Pretextの核となる設計思想を探る。一度きりのテキスト解析と純粋な算術演算によるレイアウト計算を分離することで、何を実現しているのかを解説します
02
テキスト解析パイプラインの内側：生の文字列から計測済みセグメントへ
空白の正規化、Intl.Segmenter、マージカスケード、Canvas計測が生のテキストを並列配列へと変換するプロセスを深掘りします
03
改行エンジンの内側：高速パスの算術処理とブラウザ互換性
line-break.ts が実装する改行エンジンを解剖する。マイクロ秒単位で実行されるホットパスと、シンプル／フルウォーカーの振り分けロジックを詳しく見ていく
04
ブラウザ固有の挙動・絵文字補正・多言語スクリプトへの対応
ブラウザエンジンプロファイルの検出、絵文字の幅補正、セグメントメトリクスキャッシュ、bidi実装、各言語スクリプトの処理について解説します
05
リッチレイアウト API の実践: シュリンクラップ、障害物ルーティング、エディトリアルスプレッド
チャットバブルのシュリンクラップ、エディトリアル障害物ルーティング、SVG ポリゴンハル抽出を通じて Pretext の rich tier API を探る
06
テキストレイアウトの検証：コーパス、ブラウザスイープ、そして大規模な精度保証
Pretextのテストインフラを解説：決定論的なフェイクキャンバス、ブラウザ精度スイープ、多言語コーパス検証、そして組織の記憶としてのRESEARCH.md