DecisionMatrix Pro — 多基準意思決定・比較分析ツール

## 1. アプリの目的・ターゲットユーザー
転職先の会社選び、家や車の購入、SaaSツールの選定、採用候補者の評価など「複数の選択肢を複数の基準で比較して最良の意思決定をしたい」あらゆる場面に対応する意思決定支援ツール。直感や感情に流されず、重み付きスコアで客観的・構造的に判断を下したい個人・ビジネスパーソンが対象。登録不要・ブラウザ完結で、10万円のコンサル相談に匹敵するフレームワークを無料提供する。

## 2. 主要機能
- **比較マトリクス作成**: 選択肢（最大10件）と評価基準（最大15項目）を自由入力し、各セルに1〜10点を入力するシンプルなグリッドUI。基準ごとに「重要度ウェイト（1〜5）」を設定し、重み付き合計スコアを自動計算してランキング表示
- **プリセットテンプレート12種**: 転職先比較・マンション購入・車選び・SaaS選定・採用候補者・パートナー企業・旅行先・副業案件・大学進学先・起業アイデア・外注先・社内企画の12テンプレートをワンクリックで呼び出し、基準と重要度が自動設定される
- **レーダーチャート + 棒グラフ可視化**: 選択肢ごとのスコアをレーダーチャートで重ね合わせ表示し、総合スコア棒グラフと並べてひと目で差を把握できる。Chart.jsを使用
- **決断コメント & 理由メモ**: 最終選択した選択肢と「なぜそれを選んだか」の自由メモを記録。後から見返せる「決断の記録」として機能
- **共有URL発行 & 印刷/PNG出力**: 完成した比較表をサーバーに保存してショートURLを発行（PHP+MySQL）。印刷用レイアウトとPNG書き出しにも対応
- **LocalStorage自動保存**: ページを閉じても作業中データが消えない。最大10件の過去マトリクスを履歴として管理

## 3. 画面構成
### トップページ
- キャッチコピー「あなたの決断を、数字で支える」
- 「新規作成」ボタンと「テンプレートから始める」ボタンを大きく配置
- 利用シーン事例（転職/購入/選定）のアイコンカード3列
- 過去の保存マトリクス一覧（LocalStorageから取得）

### 作成画面（メイン）
- **ステップ1「タイトルと選択肢」**: テーブル名入力、選択肢名を1行ずつ追加
- **ステップ2「評価基準と重要度」**: 基準名入力＋スライダー（重要度1〜5）を縦に並べたリスト
- **ステップ3「スコア入力」**: 選択肢×基準のグリッド。各セルは1〜10のスライダーまたは数値入力。入力と同時にリアルタイムで合計スコアを更新
- **ステップ4「結果確認」**: レーダーチャート、棒グラフ、ランキングテーブル（1位ハイライト）、決断メモ入力欄
- 上部に常時「現在のトップ候補」をバナー表示

### 結果・共有画面
- 公開URL表示とコピーボタン
- QRコード表示
- PNG書き出しボタン
- 印刷プレビュー（A4横、表とグラフを1枚に収める）

## 4. データ構造（DB テーブル概要）
```sql
-- 共有マトリクス保存（共有URLを使う場合のみ利用）
matrices
id INT AUTO_INCREMENT PK
share_key VARCHAR(12) UNIQUE -- 6〜12文字のランダムキー
title VARCHAR(255)
data_json MEDIUMTEXT -- 選択肢・基準・スコア全体をJSON格納
memo TEXT
created_at DATETIME
expires_at DATETIME -- 90日後に自動失効
```
※ LocalStorage側はJSONをそのまま保存（DB不要）。共有機能のみPHP+MySQL使用。

## 5. デザインの方向性
- **カラー**: ネイビー（#1E3A5F）×ホワイト×アクセントにアンバー（#F5A623）。ビジネスシーンで使いやすい知的で落ち着いた印象
- **タイポグラフィ**: 見出しにNoto Sans JP Bold、数字にRoboto Mono。スコア数値を大きく表示して視認性を確保
- **グリッドUI**: スコア入力セルは背景色をスコア値に応じて低→高で薄赤〜薄緑にグラデーション（ヒートマップ）表示し、弱点と強みが一瞬でわかる
- **モバイル対応**: グリッドは横スクロール対応。ステップナビゲーション形式でスマホでもストレスなく入力できる
- **アニメーション**: スコア入力のたびにランキング順位が滑らかに入れ替わるCSS transitionで「生きた判断」感を演出