SvelteKit で OGP 画像を自動生成する はじめに 最近、ビジネスアイデアラボ というアプリを作りました。このアプリでは、AI がアイデアを評価したり、市場調査・競合調査をしてくれます。各ポストにはユニークな URL が振られており、内容も異なります。これらのポストを Facebook や X などの外部サイトに公開する際に、内容に基づいた OGP(Open Graph Protocol)画像があれば理想的です。 しかし、ポスト毎に静的な画像を作成するのは手間がかかります。そこで、自動で OGP 画像を生成する方法を探りました。この記事では、SvelteKit で OGP 画像を自動生成する方法について解説します。 画像生成の流れ 画像生成コードの作成 画像生成 API の作成 各コンテンツの OGP として設定 1. 画像生成コードの作成 画像生成には以下のライブラリを使用しま