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

機能

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

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

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

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

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

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

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

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

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

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