AI - ストーリーと画像生成ツール

機能

📦? HTML、CSS、JavaScript、GEMINI API: インタラクティブなストーリーと画像生成ツールを作成します。

📝? ストーリーの生成: Google の生成 AI を使用して、ユーザー入力に基づいてストーリーを生成します。

🖼?️ 写真の生成: Unsplash API から一致する写真を取得します。

🖊?️ ユーザー操作: ストーリーのテキストを入力し、ボタンで写真を生成します。

⏳ 読み込みインジケーター: ストーリーの生成と写真の取得中にスピナーを表示します。

⚠️ エラー処理: デバッグ用にエラー メッセージとエラーログを表示します。

🖥?️ コンテンツの表示: 生成されたストーリーと写真をクリーンなレイアウトでレンダリングします。

📱? レスポンシブ デザイン: さまざまな画面サイズに合わせて UI 要素を調整します。

🎨? 動的スタイルの変更: フォーカス/ぼかし時にテキスト領域の境界線と高さを調整します。

✨ 最新の JavaScript: async/await を使用して、クリーン、メンテナンス可能、モジュラーなコードを作成します。