UI/ダッシュボード設計仕様書

1. 設計原則

1.1 ダッシュボードの3分類

FP&Aのベストプラクティスに基づき、ダッシュボードを目的別に3分類し、BizLPの各出力タブを対応づける。

1.2 焦点となる質問 (Focus Question)

各出力タブは、1つの「焦点質問」に答えるために存在する。この質問に答えられない出力は設計を見直す必要がある。

2. 現行タブ一覧とUI分類

2.1 財務諸表タブ（情報提供型）

2.2 P/Lタブ（分析型）

2.3 B/Sタブ（分析型）

2.4 CFタブ（分析型 + 探索型）

2.5 PJ損益タブ（分析型）

2.6 デバッグ・リストタブ（探索型）

3. 入力画面設計（20番台タブ）

3.1 入力タブ一覧と認知負荷���減策

3.2 共通の入力UXルール

4. 出力書式ルール

4.1 カラーパレット

本システ���の全出力タブで使用する色を体系���する。

ヘッダー色（シート種別ごと）

セマンティックカラー（意味に基づく色）

4.2 数値フォーマット

4.3 フィルター自動設定

4.4 列幅ルール

具体的な固定幅設定:

4.5 フォント

全出力タブ共通: BIZ UDGothic（日本語等幅ゴシック）

4.6 条件付き書式（実装済み）

4.7 その他のUI要素

5. 注釈 (Annotation) 機能の設計

5.1 現状

現在、出力タブには「なぜこの数値が変動したか」を説明する注釈機能が未実装である。ユーザーは数値の変動を見て、自分で原因を推測する��、元データ��32_wrk_invoice）まで遡る必要がある。

5.2 注釈の必要性

FP&Aのベストプラクティスでは、ダッシュボードは「単に数値の増減を示すだけでなく、なぜそれが起きているのかというコンテキストを付与するための注釈機能を持つべき」とされている。

5.3 実装案

案A: セルノートの自動付与（短期実装可能）

P/L・B/Sの各科目行に、構成要素のサマリーをセルノート（ツールチップ）として自動付与する。

セルノートの例（61_pl の「役員報酬」行、2026年4月のセル）:
──────────────────
役員報酬: 500,000���
  内訳:
  ・INV_20260401_0001 齋藤 代表取締役 月額報酬 500,000
──────────────────

利点: Spreadsheet API の setNotes() で実装可能。既存のマート更新処理に組み込める。 制約: セルノートのテキスト量に実質的な上限あ��（約1,000文字程度が視認限界）。大量のINVがある科目���は要約が必要。

案B: 備考列の追加（中期検討）

各出力タブの末尾に「備考」列を追加し、前月比の増減要因を自動テキスト生成する。

備考列の例:
「前月比 +120,000 (↑24%): 新規SaaS契約 (Notion) +50,000, クラウド利用増 +70,000」

利点: フィルター・ソートが可能。エクスポート時にも保持される。 制約: 列数が増加。テキスト生成ロジックの開発が必要。

案C: 独立した注釈シートの新設（長期検討）

76_notes（個別注記表）と類似の形式で、月次の変動コメントを蓄積する専用シートを新設する。

利点: 自動注釈＋手動コメントのハイブリッド運用が可能。 制約: 新規シートの管理コスト。参照の手間。

推��: 案Aを短期で実装し、効果を検証してから案B/Cを検討する。

6. 将来のKPIダッシュボード（MAS-003連携）

6.1 背景

TODO_future MAS-003 に「KPIダッシュボード/経営指標」が P1（高ROI）として記載されている。現在の財務諸表タブは詳細な科���別データを提供するが、経営者が一目で状況を把握するためのサマリ���ビューが存在しない。

6.2 KPI一覧

6.3 レイアウト案

新規タブ 93_kpi_dashboard を設ける。

┌─────────────────────────────────────────────────┐
│ KPIダッシュボード          対象期間: 2026年4月    │
├─────────┬──────┬──────┬──────┬──────┬───────────┤
│ KPI     │ 当月 │ 前月 │ 前月比│ YTD  │ トレンド  │
├─────────┼──────┼──────┼──────┼──────┼───────────┤
│売上総利益率│ 62.3%│ 58.1%│ ↑4.2 │ 60.5%│ ▁▂▃▅▆▇  │
│営業利益率 │ 18.2%│ 12.5%│ ↑5.7 │ 15.3%│ ▂▃▃▅▅▇  │
│ランウェイ │ 8.2月│ 7.5月│ ↑0.7 │  —   │ ▅▅▆▆▇▇  │
│  ...     │      │      │      │      │           │
├─────────┴──────┴──────┴──────┴──────┴───────────┤
│ ⚠ アラート: ランウェイが6ヶ月を下回る見込み(2026-10) │
└─────────────────────────────────────────────────┘

カラムの説明

6.4 実装方針

6.5 Google Spreadsheetの制約

6.6 関連する将来案件

関連技術仕様: spec_pl.md、spec_bs.md、spec_daily_cf.md、TODO_future.md