markfulton/NanoBananaEditor

何を解決するか

Nano Banana Editor は、Google の Gemini 画像モデルを使用して画像の生成と編集を行うための統合インターフェースを提供します。プロンプトベースの生成、参照画像のサポート、正確な局所編集ツールを1つのアプリケーションに統合することで、高品質なビジュアルの作成プロセスを簡素化します。

動作方法

React と TypeScript で構築されたこのアプリは、Supabase エッジ関数を介して Gemini 画像モデルに接続しています。ユーザーはテキストから画像を生成し、参照画像を使用し、特定の領域にマスクを適用してターゲット編集を行うことができます。システムは複数ターンの編集をサポートしており、後続のリクエストは前のターンのコンテキストを維持します。また、リアルな事実に基づいたプロンプトを保証するための検索接地機能を提供し、Flash モデル向けに「思考制御」（高速 vs. 深層）を備え、速度とレイアウトの複雑さのバランスを取れます。

対象ユーザー

512px のドラフトから 4K の最終レンダリングまで、プロフェッショナルな画像生成ワークフローを必要とするユーザー向けに設計されています。エディタをセルフホスティングでき、独自の API キーやクレジットシステムを管理できる点も特徴です。

主な特徴

• 高度な編集: ブラシと消しゴムによるマスクで局所的な変更が可能で、複数ターンの会話形式での編集もサポート。
• 検索接地: 実世界のデータ（天気や製品情報など）に基づいたリアルタイム検索結果を統合し、プロンプトを現実に根ざしたものに。
• モデルの柔軟性: Lite、Flash、Pro など複数の Gemini モデルをサポート。最大 4K 解像度およびさまざまなアスペクト比に対応。
• ローカル履歴: レンダリング結果を IndexedDB に保存し、以前のバージョンから分岐してリクエストの詳細を追跡可能。
• セルフホスティング対応: Supabase でのデプロイガイドを完全に提供。クレジット販売のためのオプションの Stripe 統合も可能。