NanoCanvas

📱 ブラウザだけで使えるウェブアプリ 🧠 3つのAIプロバイダー対応 🔒 ローカル保存 / APIキー暗号化

ブラウザだけで、
複数AIによる画像生成・編集を。

NanoCanvasは、Gemini / xAI Grok / GPT Image など複数のAI画像生成APIに対応したモダンなウェブアプリです。日本語のプロンプトから高品質画像を生成。参照画像によるスタイル指定、Grokによる画像編集、テンプレート保存、履歴管理、料金トラッキングまで、すべてがブラウザ内で完結します。  

🚀 今すぐ使う（ウェブアプリ） 📸 スクリーンショットを見る

※ インストール不要。オフライン動作に対応（静的アセットのキャッシュ）。

✨ 主要機能

日本語対応・高速・セキュア。
AI画像生成

テキストから高品質生成 🎨

日本語で詳細に説明するだけ。

🧠
3つのAIプロバイダーに対応
⚡
用途に応じてAIを切り替え
✨
AIによるプロンプト自動改善（モデル選択可）
🔔
生成完了をデスクトップ通知でお知らせ
マルチプロバイダー対応

3つのAI画像生成エンジン 🔄

目的に応じて最適なAIを選択できます。

🌟
Gemini 3 Pro / 3.1 Flash / 2.5 Flash：参照画像・最大4K対応
🚀
xAI Grok Imagine：Standard/Pro・複数画像編集・2K対応
🖼️
GPT Image 1.5：OpenAI品質
参照画像・画像編集

スタイル指定＆インペイント 📎

参照画像でスタイルを指定、Grokで既存画像を編集。

🖌️
Gemini: マスク編集機能
✏️
Grok: 最大3枚の複数画像編集対応
📐
アスペクト比選択（14種類 / Grok・Gemini各対応）
🖼️
Gemini Pro/3.1 Flash: 最大14枚の参照画像
履歴管理

IndexedDBに自動保存 📚

グリッドで一覧、検索・フィルタ・一括削除、プレビューや再利用も。

🔍
プロンプト検索／お気に入り／最近
🕒
生成日時・トークン情報などのメタ保存
📥
ダウンロード・クリップボードコピー
テンプレート

プロンプトを保存・再利用 📝

よく使うプロンプトをテンプレートとして保存。

💾
プロンプトテンプレートの保存
🔄
ワンクリックで呼び出し
📤
JSON形式でエクスポート/インポート
使用量トラッキング

料金を見える化 📊

入力/出力トークン、画像課金を自動集計。USD/JPYで期間別に表示。

📅
今日／今月／全期間をダッシュボード化
🧾
モデル別リクエスト数・コスト内訳
⬇️
JSONエクスポート／IndexedDB永続化

目安：Gemini Flash $0.039/枚・Grok Standard $0.02/枚・Grok Pro $0.07/枚

セキュリティ

ローカル主義 🔒

APIキーはWeb Cryptoで暗号化し端末保存。画像もローカル管理、HTTPS＋CSP、入力サニタイズ。

📱 使い方（ウェブアプリ）

ブラウザで開くだけ。ホーム画面に追加すればアプリ風に使えます。

オフライン・自動更新

Service Workerで静的アセットをキャッシュ。新バージョンは通知で案内、手動更新も可能。

🖼️ 画像操作

画像操作

⬇️
PNG/JPEG保存・サムネイル自動生成
📋
クリップボードコピー（貼り付けもOK）
🖼️
生成結果を次の参照画像に再投入
🖼️
フルスクリーンでディテール確認

💳 料金について

ユーザー自身のAPIキーで従量課金。各プロバイダーの料金体系に準拠。

単価（参考）

  • ⚡
    Gemini 2.5 Flash：~$0.039 / 枚
  • 🔥
    Gemini 3.1 Flash：~$0.067 / 枚（512〜4K対応）
  • ⭐
    Gemini 3 Pro：~$0.15 / 枚（1K〜4K対応）
  • 🚀
    xAI Grok Standard：~$0.02 / 枚（編集・2K対応）
  • 💎
    xAI Grok Pro：~$0.07 / 枚（高品質・2K対応）
  • 🖼️
    GPT Image 1.5：~$0.133 / 枚

※ 正確な料金は各プロバイダーの公式サイトでご確認ください。

ライセンス・制限

個人/商用とも自由に利用可能（自身のAPIキー）。GoogleのGemini API規約・SynthID透かし・安全性フィルターに準拠。

🔗 参考リンク

各プロバイダーのセットアップ

🎯 さっそく始める

ブラウザで開くだけ。ホーム画面に追加してアプリのように。