管理ダッシュボード 画面設計

画面一覧

画面	パス	概要
投稿管理	/	メイン画面。レース選択→投稿文生成→プレビュー→投稿
投稿履歴	/history	過去の投稿一覧、ステータス確認
収支ダッシュボード	/balance	収支サマリー、グラフ
設定	/settings	キャラ設定、テンプレート管理

メイン画面: 投稿管理

左カラム: レース一覧

┌─────────────────┐
│ 2026/3/22 (日)   │
├─────────────────┤
│ 🟢 中山 1R       │
│ 🟢 中山 2R       │
│ ...              │
│ ⭐ 中山 11R 千葉S │ ← 特別レース
│ 🟢 中山 12R      │
├─────────────────┤
│ 🟢 中京 1R       │
│ ...              │
│ ⭐ 中京 11R 愛知杯│ ← 重賞
├─────────────────┤
│ ⭐ 阪神 11R      │
│    阪神大賞典     │
└─────────────────┘

• 競馬予想サイトからレース一覧を取得
• 特別レース・重賞を⭐でハイライト
• ステータスアイコン: 🟢未投稿 / 📝ドラフト / ✅投稿済

中央カラム: 投稿エディタ

┌──────────────────────────┐
│ 中京11R 愛知杯            │
│ ステータス: [Draft ▼]     │
├──────────────────────────┤
│                          │
│ 今日もツイてるぜ！予想いくぞ！│
│                          │
│ 中京11R 愛知杯             │
│   単勝 2 100円             │
│   複勝 2 100円             │
│   馬連 2-5 100円           │
│                          │
│ データは嘘をつかない！       │
│ 詳しくはこちら →           │
│ https://horse-racing...   │
│                          │
│ #競馬予想 #pocoloco        │
│                          │
├──────────────────────────┤
│ 文字数: 156 / 280         │
├──────────────────────────┤
│ [🔄 再生成] [💾 保存]      │
│ [📮 投稿する]              │
└──────────────────────────┘

• テンプレートから自動生成された投稿文を表示
• テキストエリアで自由に編集可能
• 「再生成」で別パターンのテンプレートを適用
• 文字数カウンター（280文字制限）
• 投稿ボタンで確認ダイアログ → X APIで投稿

右カラム: プレビューパネル

上部: 競馬予想サイト プレビュー

┌──────────────────────────┐
│ 📊 中京11R 愛知杯         │
│ 芝 2000m 良 / 晴         │
│ 発走: 15:35              │
├──────────────────────────┤
│ 予想印                    │
│ ◎ 02 メイクワンズデイ  100│
│ ○ 05 テスト馬B       95 │
│ ▲ 07 テスト馬C       88 │
├──────────────────────────┤
│ 買い目ガイド              │
│ 単勝: 2                  │
│ 馬連: 2-5, 2-7           │
│ 三連複: 2-5-7            │
├──────────────────────────┤
│ [サイトで詳細を見る ↗]     │
└──────────────────────────┘

• 競馬予想サイトのレースデータをカード形式でインライン表示
• 予想印・買い目・スコアを抽出してコンパクトに表示
• 「サイトで詳細を見る」で新規タブで元ページを開く

下部: Xポスト プレビュー

┌──────────────────────────┐
│ 🐦 ポスト プレビュー       │
├──────────────────────────┤
│ ┌────────────────────┐   │
│ │ 🔵 ポコロコ @pocoloco│  │
│ │                    │   │
│ │ 今日もツイてるぜ！   │   │
│ │ 予想いくぞ！        │   │
│ │                    │   │
│ │ 中京11R 愛知杯      │   │
│ │   単勝 2 100円      │   │
│ │   ...              │   │
│ │                    │   │
│ │ 12:34 · 2026/3/22  │   │
│ └────────────────────┘   │
└──────────────────────────┘

• Xの実際のツイート表示を模したモックアップ
• エディタの変更がリアルタイムに反映

投稿履歴画面

┌──────────────────────────────────────────────────┐
│ 投稿履歴                          [週] [月] [全] │
├──────┬────────┬────────┬──────┬────────┬─────────┤
│ 日時  │ レース  │ 種別   │ 状態 │ 結果   │ 収支    │
├──────┼────────┼────────┼──────┼────────┼─────────┤
│ 3/22 │阪神11R │ 予想   │ ✅   │ 的中   │ +420円  │
│ 3/22 │中京11R │ 予想   │ ✅   │ ハズレ │ -100円  │
│ 3/21 │中山11R │ 予想   │ ✅   │ 的中   │ +850円  │
│ ...  │        │        │      │        │         │
└──────┴────────┴────────┴──────┴────────┴─────────┘

収支ダッシュボード

┌────────────────────┬────────────────────────────┐
│ 今月の成績          │ 回収率推移グラフ            │
│                    │                            │
│ 投資: 15,000円     │   150% ─                   │
│ 回収: 18,500円     │   100% ── ── ── ── ──      │
│ 収支: +3,500円     │    50% ─                   │
│ 回収率: 123%       │     0% ─────────────────   │
│ 的中率: 35%        │        3/1  3/8  3/15 3/22 │
│ 45戦16勝           │                            │
└────────────────────┴────────────────────────────┘