265 lines
9.2 KiB
Markdown
265 lines
9.2 KiB
Markdown
# 🎨 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 アーキテクチャ
|
||
|
||
|
||
|
||
この構成により、月額¥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)
|