フロントエンドカンファレンス名古屋 2026
セッション（30分）
ブラウザで画像を作る技術
もっと
mottox2
OG画像メーカーやSNSキャンペーン、プロフィールカード生成など、ブラウザ上で画像を生成する事例が急速に増えています。
近年はCoding Agentなどの登場により画像を生成する実装の敷居が下がりましたが、実際のプロダクトとして成立する品質に引き上げるためには、知識が必要だと考えています。
本セッションでは、Canvas APIを使った画像生成の基礎から実践的な設計パターンまでを解説します。仕事で開発した大規模メディアで利用しているOG画像エディタや、SNSキャンペーン用に開発した画像エディタの事例を紹介しながら、クオリティを高めるためのテクニックや、ユーザーが迷わず利用できる設計について取り上げます。