amrrs/fal-nanobanana-studio

これは何？

主な機能

• 01自然言語のプロンプトでアップロードした画像を編集
• 02幅と高さを指定してテキストから新しい画像を生成
• 03不要な要素を除外するネガティブプロンプトに対応
• 04NanoBananaとNanoBanana Proのモデルを切り替え
• 05編集した画像をワンクリックでダウンロード

ユースケース

• 空の変更や背景の削除など、プロンプトを使った手早い画像編集
• デスクトップエディターを使わずにテキストの説明から画像を生成
• fal.ai APIを利用したAI画像編集インターフェースのプロトタイプ作成

クイックスタート

1. 1

   リポジトリをクローンして依存関係をインストールします

   npm run install:all
2. 2

   テンプレートからバックエンドの環境ファイルを作成します

   cd backend cp env.example .env
3. 3

   fal.ai の API キーを backend/.env に追加します（FAL_API_KEY=...）

4. 4

   フロントエンドとバックエンドを開発モードで起動します

   npm run dev

使う前に知っておきたいこと

• !fal.ai の API キーが必要です。また、このアプリは有料の fal.ai モデルエンドポイントを呼び出します。

トピック

よくある質問

fal-nanobanana-studio とは？

fal.aiのNanoBananaモデルで、テキスト指示から画像を編集・生成できるブラウザベースのAI画像エディター。 NanoBanana Studioは、PhotoshopやPhotopeaをゆるやかに手本にしたWeb画像エディターです。画像をアップロードし、自然言語で変更内容を指定すると、必要に応じて不要な要素を除外するネガティブプロンプトを追加でき、編集結果をダウンロードできます。幅と高さを指定して、テキストプロンプトから新しい画像を生成することもできます。

fal-nanobanana-studio は無料で使えますか？ライセンスは？

fal-nanobanana-studio は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

fal-nanobanana-studio は今もメンテナンスされていますか？

半年以上コミットなし。fal-nanobanana-studio の最終コミットは 2025年11月24日 です。

fal-nanobanana-studio は何に使えますか？

空の変更や背景の削除など、プロンプトを使った手早い画像編集 デスクトップエディターを使わずにテキストの説明から画像を生成 fal.ai APIを利用したAI画像編集インターフェースのプロトタイプ作成

fal-nanobanana-studio のインストール方法は？

リポジトリをクローンして依存関係をインストールします: npm run install:all テンプレートからバックエンドの環境ファイルを作成します: cd backend cp env.example .env fal.ai の API キーを backend/.env に追加します（FAL_API_KEY=...） フロントエンドとバックエンドを開発モードで起動します: npm run dev

fal-nanobanana-studio はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/amrrs/fal-nanobanana-studio