ponshu-room-lite/docs/architecture/NANO_BANANA_PROMPT_FINAL.md

# 🎨 Nano Banana用 インフォグラフィック生成プロンプト（決定版）

**作成日**: 2026-01-19
**対象AI**: Gemini Nano Banana（または他の画像生成AI）
**目的**: Posimai最終アーキテクチャを視覚的に正確に表現

---

## 📋 プロンプト（そのままコピペ）

```
【タイトル】
"Posimai デジタル要塞アーキテクチャ"
サブタイトル: "¥0追加コスト、<1msレイテンシの自宅インフラ"

【スタイル】
- アイソメトリック（等角投影）図
- 近未来的、クリーンなデザイン
- カラースキーム:
  - ダークグレー (#2C3E50): ハードウェア・インフラ
  - ネオンブルー (#3498DB): データレイヤー
  - ネオングリーン (#2ECC71): ネットワーク・Tailscale
  - オレンジ (#E67E22): 制御レイヤー・Dokploy
  - ホワイト (#ECF0F1): 背景

【メイン構成要素】

1. **物理的基盤 - Synology NAS（中央下部、最大の箱）**
   - メタリックなサーバーラック
   - ラベル: "Synology NAS (16GB RAM)"
   - 内部を透明にして中身が見えるように

2. **DSM レイヤー（Synology内部の下層、12GB）**
   - 青いコンテナ群を配置:
     - PostgreSQL アイコン（象のロゴ） - "2GB"
     - Redis アイコン（赤い立方体） - "512MB"
     - Immich アイコン（写真スタック） - "3GB"
     - Gitea アイコン（Git ロゴ） - "512MB"
   - Ollama アイコン（月マーク付き） - "4GB（夜間のみ）"
   - ラベル: "DSMレイヤー 12GB"

3. **VM レイヤー（Synology内部の上層、4GB）**
   - オレンジ色のガラスキューブとして表現
   - ラベル: "Ubuntu VM (4GB)"
   - 内部に小さなコンテナ群:
     - Dokploy ロボットアーム（デプロイを象徴）
     - Traefik アイコン（リバースプロキシの矢印）
     - sake-app コンテナ（日本酒ボトルアイコン）
     - incense-app コンテナ（お香アイコン、半透明で"将来"表示）

4. **ネットワーク層（緑の光る配管）**
   - Synology と 開発PC を繋ぐパイプ
   - パイプに "Tailscale VPN" ラベル
   - パイプの途中に緑の盾アイコン（セキュリティ）
   - パイプから外部へ分岐: "Tailscale Funnel → HTTPS"

5. **開発PC（左上）**
   - ノートPCアイコン
   - 画面に "Cursor" ロゴ
   - PC から紙飛行機が飛んでいる → "git push"

6. **データフロー矢印**
   - 開発PC → Gitea: 点線矢印 "git push"
   - Gitea → Dokploy (VM): 実線矢印 "Webhook"
   - Dokploy → App: 太い矢印 "Auto Deploy"
   - App (VM) → PostgreSQL (DSM): 双方向矢印 "<1ms"

7. **メトリクス表示（右下に吹き出し）**
   - "月額コスト: ¥1,100-1,600"
   - "レイテンシ: <1ms"
   - "稼働率: 24/7"
   - "データ主権: 100% ローカル"

【アノテーション・補足テキスト】
- DSMレイヤーの横に: "データ層（重い）"
- VMレイヤーの横に: "制御層（軽い）"
- Ollamaの横に小さく: "⏰ 夜3時起動"
- Tailscaleパイプに: "ゼロトラスト"

【全体レイアウト】
        [開発PC]
           ↓ git push
           ↓
    ┌──────────────────┐
    │   Tailscale VPN   │ (緑の光るパイプ)
    └──────────────────┘
           ↓
    ┌──────────────────────────┐
    │  Synology NAS (16GB)      │
    │  ┌────────────────────┐  │
    │  │ VM (4GB) ▲         │  │
    │  │ - Dokploy          │  │
    │  │ - Apps             │  │
    │  └────────────────────┘  │
    │  ┌────────────────────┐  │
    │  │ DSM (12GB) ▼       │  │
    │  │ - PostgreSQL       │  │
    │  │ - Immich           │  │
    │  │ - Ollama (夜間)    │  │
    │  └────────────────────┘  │
    └──────────────────────────┘

【追加の視覚的要素】
- DSMレイヤーから「データの光の粒」がVMへ昇っていく表現
- Dokployロボットアームが「Codeボックス」を掴んで「Runningプラットフォーム」に置く動作
- 外部インターネットから来る光が Tailscale Funnel で「検証」されて VM に届く表現

【禁止事項】
- PostgreSQL を VM 内に配置しない（必ずDSMレイヤー）
- VPS を描画しない（この構成にVPSは存在しない）
- メモリ配分の合計が16GBを超えないこと
```

---

## 🎯 生成後の確認ポイント

生成された画像が以下の条件を満たしているか確認してください：

### ✅ 必須条件

- [ ] **Synology NAS が中心**に配置されている
- [ ] **DSMレイヤー（12GB）とVMレイヤー（4GB）が明確に分離**されている
- [ ] **PostgreSQL がDSMレイヤー**にある（VM内ではない）
- [ ] **Tailscale のネットワーク接続**が視覚的に表現されている
- [ ] **メモリ配分の数値**が正確（DSM: 12GB, VM: 4GB）
- [ ] **月額コスト ¥1,100-1,600** が表示されている

### ⚠️ 注意ポイント

- [ ] Ollama に「夜間のみ」の表記がある
- [ ] VM と DSM の視覚的区別が明確（色・レイヤー）
- [ ] データフロー矢印が論理的（git push → Webhook → Deploy → DB）
- [ ] 日本語ラベルが読みやすい（フォントサイズ適切）

### ❌ あってはならないこと

- [ ] VPS が描かれている
- [ ] PostgreSQL が VM 内にある
- [ ] メモリ合計が16GB以外
- [ ] Cloudflare が登場する（使わない）

---

## 🔄 代替プロンプト（シンプル版）

もし上記が複雑すぎる場合は、こちらを使用してください：

```
Create an isometric infrastructure diagram:

Center: Synology NAS server (dark metallic box)
Inside Synology:
  Lower layer (blue): PostgreSQL, Redis, Immich, Gitea - labeled "DSM 12GB"
  Upper layer (orange): Ubuntu VM containing Dokploy - labeled "VM 4GB"

Left: Laptop with "Cursor" sending "git push" arrow to Synology
Network: Green glowing pipe labeled "Tailscale VPN" connecting laptop and server
Annotations: "Monthly cost: ¥1,100", "Latency: <1ms"

Style: Futuristic, clean, professional
Colors: Dark grey (hardware), Blue (data), Orange (control), Green (network)
Language: Japanese labels
```

---

## 📐 期待される出力仕様

| 項目 | 仕様 |
|------|------|
| **フォーマット** | PNG または SVG |
| **解像度** | 2400x1800px (4:3 比率) |
| **DPI** | 300dpi（印刷可能品質） |
| **ファイルサイズ** | <5MB |
| **背景** | 白または透過 |

---

## 🎨 参考スタイル

以下のようなスタイルを目指してください：

- **AWS アーキテクチャ図**のような専門性
- **Notion/Figma のインフォグラフィック**のような洗練度
- **アイソメトリック デザイン**（例: Monument Valley ゲーム）
- **日本語フォント**: Noto Sans JP または M PLUS Rounded 1c

---

## 💡 生成後の活用方法

### 1. ドキュメントへの埋め込み

```markdown
# Posimai アーキテクチャ

![Architecture Diagram](./architecture_diagram.png)

この構成により、月額¥1,100-1,600で<1msのレイテンシを実現しています。
```

### 2. プレゼンテーション資料

- Antigravity への説明資料
- 投資家・ビジネスパートナーへのピッチ
- 技術ブログ記事の挿絵

### 3. 他AIへの共有

```
【ChatGPT/Gemini へ】
以下の図を見てください。これがPosimaiの最終アーキテクチャです。
[画像添付]

質問: この構成の脆弱性を指摘してください。
```

---

## 🔧 トラブルシューティング

### 問題1: PostgreSQL が VM 内に描かれてしまう

**原因**: プロンプトの "PostgreSQL (on DSM/Docker)" が曖昧
**解決**: プロンプトに以下を追加
```
CRITICAL: PostgreSQL MUST be in the DSM layer (lower blue layer), NOT in the VM layer.
```

### 問題2: メモリ配分が間違っている

**原因**: 生成AIが数値を誤認識
**解決**: プロンプトに以下を追加
```
Memory allocation MUST be:
- DSM layer: 12GB (PostgreSQL 2GB + Immich 3GB + Ollama 4GB + others 3GB)
- VM layer: 4GB (Dokploy + Apps)
- TOTAL: 16GB (no more, no less)
```

### 問題3: 全体的にゴチャゴチャしている

**原因**: 情報過多
**解決**: シンプル版プロンプトを使用するか、以下を削除
- Ollama（夜間起動は補足テキストのみ）
- incense-app（将来追加のため現時点では不要）
- 細かいメトリクス（月額コストとレイテンシのみ残す）

---

## 📝 生成履歴（改善のため記録）

| 日付 | AI | 結果 | 問題点 | 改善案 |
|------|-----|------|--------|--------|
| 2026-01-19 | Gemini Nano Banana | 未生成 | - | - |
|  |  |  |  |  |
|  |  |  |  |  |

---

**最終更新**: 2026-01-19
**プロンプトバージョン**: 2.0（批判的再検討版）
**作成者**: Claude (Sonnet 4.5)