フロントエンドカンファレンス名古屋 2026
LT（5分）
ブラウザの外でもレイアウトは組める。宣言的データから PowerPoint を作る話
坂部 宏起
hirokisakabe
AI に PowerPoint スライドを生成させたい。
しかし PPTX のファイル形式は複雑で、直接操作するのは難しい。
そこで、React 要素から SVG を生成するsatoriを参考に、宣言的なデータから PowerPoint を組み立てるライブラリを作りました。
中核にあるのは yogalayout による Flexbox レイアウト計算と、opentype.jsによるフォントメトリクスの解決です。
このパターンを使えば、ブラウザがなくてもフロントエンドの技術でレイアウトを構築できます。
本 LT では、ブラウザの外に広がるフロントエンドの技術と、このアプローチの始め方を紹介します。