NanoBanana Studio

Web Dev
Frontend
Generative AI
API
NanoBanana Studio

Tech Stack

Next.js
TypeScript
CSS
AI

Description

Gemini API を使って、日本語のプロンプトからシーン画像とセルフィー風画像を生成。キャプションとハッシュタグも自動で用意。画像はブラウザ上の Object URL で扱い、サーバーには保存しません。

  • 日本語プロンプトのまま、Gemini 2.5 Flash Image でヒーロー画像を生成
  • 顔写真を添付すると同じシーンのセルフィー風画像も同時生成
  • 1:1 / 4:5 / 9:16 など複数のアスペクト比をワンタップ切り替え

Page Info

NanoBanana Studio

/images/projects/nanobanana-01.png/images/projects/nanobanana-01-2.png