商品ページのURLを入力するだけで、AIが広告動画を「企画→絵コンテ化→動画レンダリング」まで一気通貫で自動生成するWebアプリケーションを開発しました。

【プロジェクト概要】
専門知識や制作リソースがなくても、配信先の国・言語・アスペクト比に最適化した広告動画を量産できる環境を構築。商品情報の取り込みから動画案の提案、絵コンテのプレビュー、レンダリング、完成動画の管理までを単一ダッシュボードで完結させています。技術的な核心は、Dify（LLMワークフロー）・RunComfy（動画生成）・Google Vertex AI（埋め込みベクトル）という特性の異なる3系統の外部AIサービスを、型安全なNext.jsアプリ上で一つの業務フローとして統合した点にあります。

【主な実装機能】
・商品ページURLからの商品情報の自動抽出（手動入力・画像アップロードにも対応）
・ターゲット国・言語・アスペクト比に合わせた複数の広告動画案の自動提案
・セリフ・字幕・イメージ画像を含む絵コンテの自動生成とプレビュー
・確定した絵コンテを動画生成エンジンの非同期キューへ投入し、進捗監視と完成動画の再生・ダウンロード

【技術スタック】
・フロントエンド：Next.js / React / TypeScript / Tailwind CSS
・認証・基盤：Firebase Authentication（セッションCookie方式）/ Edge Middleware
・データ永続化：Firebase Data Connect（型安全GraphQL）
・ストレージ：Firebase Storage（署名付きURL）
・外部AI連携：Dify / RunComfy / Google Vertex AI
・設計・品質：軽量DDD / SSRF対策 / ユーザー単位のアクセス制御

【成果】
出力ゆれ・非同期性・認証要件の異なる3系統のAIを、URL入力から完成動画までの単一業務フローへ統合。エラーが起きやすい動画生成ジョブのライフサイクルを型と例外設計で安全に制御し、PoCにとどまらず実運用・拡張に耐えるプロダクトとして構築しました。