Pretext.jsがDOMの再レイアウトを回避し、120 FPSで高度なUXパターンを実現
本文の状態
日本語全文を表示中
詳細モードで約1分の本文を読めます。
同じ出来事の情報源
この情報源を基点に整理
InfoQ
MidjourneyエンジニアのCheng Lou氏が、15KBのオープンソースライブラリ「Pretext」を公開し、ブラウザのDOM再レイアウトを回避して高度なUXパターンを120 FPSで動作可能にした。
Source Article
元記事を日本語で読む
本文に関係しない購読案内、埋め込み通知、サイト内プロモーションは除いています。
imageMidjourneyのエンジニアであるCheng Lou氏は、最近Pretextを公開しました。これは15KBのオープンソースTypeScriptライブラリで、ブラウザのレイアウトリフローを介さずにテキストの計測と配置を行います。これにより、インフィニットリスト(infinite lists)、メーソンリーレイアウト(masonry layouts)、スクロール位置アンカーリング(scroll position anchoring)といった高度なUX/UIパターンを60〜120 fpsで動作させることが可能になります。Pretextは、DOMのレイアウト計算をリバースエンジニアリングしたAIループを用いて構築されました。
*Bruno Couriol 寄稿*
原文を表示

Cheng Lou, a Midjourney engineer, recently released Pretext, a 15KB open-source TypeScript library that measures and lays out text without browser layout reflows, enabling advanced UX/UI patterns like infinite lists, masonry layouts, and scroll position anchoring to run at 60-120 fps. Pretext was built using an AI loop that reverse-engineered the DOM’s layout calculations.
*By Bruno Couriol*
今日のまとめ
AIデイリーブリーフで今日の重要ニュースをまとめ読み