9.2 KiB
9.2 KiB
🎨 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. ドキュメントへの埋め込み
# Posimai アーキテクチャ
この構成により、月額¥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)