RSS DEV コミュニティ
フォロー
情熱を映画のようなオリジンストーリーに変えるAIを開発しました
Originは、個人の情熱を映画のようなマイクロサイトに変えるウェブアプリケーションです。ユーザーは情熱について7つの短い質問に答えると、アプリがオリジンストーリー、タイムライン、キャラクターカード、AI生成の映画ポスター、ボイスナレーションを生成します。目標は、単なるテキスト出力ではなく、魅力的な体験を創造することです。Originは、サインアップやログインの要件を排除し、摩擦を減らすことで、ゲストファーストのアプローチを優先します。プロジェクトでは、フロントエンドにNext.js 16、React 19、TypeScript、Tailwind CSSを使用しています。Three.jsとReact Three Fiberは、2Dフォールバックを備えた3Dヒーローシーンを提供します。Google Gemini 2.5 Flashは、ストーリーテリングを強化し、回答を映画のナラティブに構造化し、映画ポスターをデザインします。アプリケーションはAIの応答を検証し、表示前に自動的にエラーを修正します。ElevenLabsはボイスナレーションを担当し、男性と女性の声のオプションを提供し、ブラウザの音声エンジンへのフォールバックも備えています。フレームワークに依存しないコアロジックは、GeminiまたはElevenLabsのAPIキーなしで動作し、信頼性とテスト可能性を保証します。この設計により、認証なしでもエンドツーエンドのテストとシームレスなユーザーエクスペリエンスが可能になります。Originは、ストーリー生成のためのGoogle AIと、堅牢なフォールバックメカニズムを備えたボイスナレーションのためのElevenLabsの優れた使用例を示しています。