ブラウザのレイアウト地獄を抜け出した新ライブラリ Pretext

Name: ブラウザのレイアウト地獄を抜け出した新ライブラリ Pretext
Uploaded: 2026-04-25T18:31:02.303993Z

Apr 25, 2026 · media coding web · Source ↗

元 React Core および Midjourney エンジニアの Cheng Lou が Pretext をリリース。ブラウザのレイアウトリフローを一切発生させずにテキスト計測を行う、純粋 TypeScript 製ライブラリ。

Pretext はブラウザのレイアウトリフローを完全に回避し、テキスト量の多い UI レンダリングで最もコストの高い処理をなくす。
Canvas API を使い DOM の外でピクセル精度の文字列幅を計測するため、リフローコストがゼロ。
行高アルゴリズムは反復学習で構築: LLM が改行ロジックを生成し、複数言語で実ブラウザに照合しながら数週間かけてチューニング。
Cheng Lou は React エコシステムで広く使われたアニメーションライブラリ React Motion の作者でもある。
10,000 件以上の仮想リストが「レンダーして高さを計測」するハックや高さの推測なしに実現可能になった。
Pretext の API は 2 呼び出しのみ: prepare（テキストをセグメント分割して幅をキャッシュ）と layout（総高さと行数を返す）。
デモアプリでは動画フレームを ASCII アートに変換: 文字ごとの輝度マッピングが可能なのも、Pretext が DOM に触れずに正確な文字位置を把握しているから。