chenglou/pretext：README に基づく導入ガイド

chenglou/pretext の README はプロジェクトを「Fast, accurate & comprehensive text measurement & layout」と説明しています。ここではリポジトリで確認できる事実だけを整理します。star 数やバッジは注目度の手掛かりであり、品質の証明ではありません。「Pretext」には次の説明があります。Pure JavaScript/TypeScript library for multiline text measurement & layout. Fast, accurate & supports all the languages you didn't even know about. Allows rendering to DOM, Canvas, SVG and soon, server-side.。これは範囲の説明であり、本番検証の結果ではありません。

README の「1. Measure a paragraph's height without ever touching DOM」にある内容から、用途が合うかを先に判断できます。fancy userland layouts: masonry, JS-driven flexbox-like implementations, nudging a few layout values without CSS hacks (imagine that), etc.。目的が違うなら、人気だけで採用する理由にはなりません。プロジェクト名やコマンドは原文のまま残し、一次資料へ戻って用語を確認できるようにしています。 README には次の確認可能な項目もあります。proper virtualization/occlusion without guesstimates & caching。初回テストの材料にはなりますが、実際の環境での確認を省略する理由にはなりません。

動作の説明は「Demos」など複数の箇所に分かれています。確認できる情報は次の通りです。Clone the repo, run bun install, then bun start, and open /demos/index in your browser. On Windows, use bun run start:windows. Alternatively, see them live at chenglou.me/pretext。書かれていない構成、性能、セキュリティを推測で補いません。導入時はディレクトリ、設定ファイル、release 履歴を確認してください。

初回導入は README の入口から始めます。確認できるコマンドは次の通りです。 npm install @chenglou/pretext 実行可能なコマンドがない場合は手順を作らず、「Installation」で依存関係、待受ポート、初回設定を確認します。

日常運用は公式文書の範囲に限ります。「1. Measure a paragraph's height without ever touching DOM」にはprepare() does the one-time work: normalize whitespace, segment the text, apply glue rules, measure the segments with canvas, and return an opaque handle. layout() is the cheap hot path after that: pure arithmetic over cached widths.とあります。設定、環境変数、権限、データ保存先は明記されたものだけを扱います。未記載の既定値は隔離環境で確認し、戻せる設定を保存してください。 同じ資料にはdevelopment time verification (especially now with AI) that labels on e.g. buttons don't overflow to the next line, browser-freeともあります。