TanStack Start × Cloudflare Workersで、商品写真から画像・動画広告を生成する「Photo2Ads」をつくっ

商品写真1枚からSNS広告や縦型動画広告などを生成するAI広告スタジオ「Photo2Ads」を開発。TanStack StartとCloudflare Workersを活用し、複数の生成AIモデルを統合。本記事では開発理由、技術構成、統合時の考慮点を解説する。

• 商品写真から画像・動画広告を自動生成するAI広告スタジオ「Photo2Ads」を開発した。
• TanStack StartとCloudflare Workersを基盤とし、React19、TypeScript、D1、R2などを活用したフルスタックWebアプリケーションである。
• 画像広告では複数モデル、動画広告ではSeedance系、Veo、Klingなどのモデルに対応し、アスペクト比や動画時間も設定可能。
• 複数のAIモデルの機能差を吸収し、一つのUIに統合するための工夫や、動画生成例の提供、履歴・お気に入り機能が特徴。
• 従来の広告制作における、モデルごとのサービス分断や情報入力の手間といった課題を解決することを目指している。