SaaSロケット - ユニットエコノミクス成長ダッシュボード

SaaS・サブスクリプション事業を運営する経営者、事業責任者、CFO候補向けに、MRR/ARR・チャーン率・CAC・LTVなどのユニットエコノミクスを入力するだけで自動計算し、ロケット打ち上げのビジュアルメタファーで事業の成長状態を直感的に把握できるダッシュボードアプリ。数字の羅列ではなく「ロケットがどれだけ勢いよく上昇しているか」で経営状態を体感的に理解できる点が特徴。

主要機能:
1. 月次指標入力(新規MRR・解約MRR・拡張MRR・顧客数・新規顧客数・マーケ費・営業費)
2. 自動計算(MRR/ARR、Net Revenue Retention、チャーン率、CAC、LTV、LTV/CAC比率、CAC回収期間、Rule of 40)
3. ロケット打ち上げCanvasビジュアライゼーション(成長率とNRRに応じて高度・エンジン炎の勢い・軌道角度がリアルタイムに変化)
4. MRR推移・チャーン推移のグラフ表示、KPIカード群
5. シナリオ保存と6桁共有コード発行(ログイン不要でチームや投資家に共有閲覧)
6. 月次サマリーをPNGレポート/印刷用ビューとして出力

画面構成:
- トップ: 発射台のヒーロー背景と「はじめる」ボタン
- 入力画面: 月次データを行単位で追加するフォーム
- ダッシュボード画面: KPIカード＋ロケットアニメーション＋推移グラフ
- シナリオ管理画面: 保存済み一覧、共有コード発行/読み込み
- レポート画面: PNGカード生成、印刷レイアウト

データ構造(MySQL):
- scenarios(id, share_code UNIQUE, company_name, created_at, updated_at)
- monthly_metrics(id, scenario_id FK, month DATE, new_mrr, churn_mrr, expansion_mrr, customer_count, new_customers, marketing_cost, sales_cost, created_at) インデックス: share_code, scenario_id+month

デザイン方向性: ダークネイビーの宇宙空間を背景に、ネオンオレンジとシアンで発光するロケットと軌道線。KPIカードはガラスモーフィズム風の半透明パネル、近未来的なゴシック体フォントで統一。

BGM仕様: シンセウェーブ、BPM128、4/4拍子。キックはフィルタースイープ、ハイハットは8分刻み、スネアは2・4拍。ベースはシンセベースでルート音を8分打ち。A(Cmaj7-Am7-Fmaj7-G7を2周=8小節)→B(Fmaj7-Em7-Dm7-G7で緊張感を高める8小節)の展開。アルペジオシンセのメロディを重ね、4小節ごとにハイハットのオープン/クローズやフィルで変化を付ける。Rule of 40が良好な時はメジャー進行を強調し、悪化時はAm-F-C-Gのマイナー寄り進行へ切替。Web Audio APIはAudioContext.currentTime基準で先読みスケジューリングし、BGMとSEを別音量ノードで管理、ミュートボタンと画面遷移時のノード停止・解放を実装する。

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する