1on1コンパス - 上司と部下のための面談支援スタジオ

【目的・ターゲット】管理職・チームリーダー向けに、部下との1on1ミーティングを「準備・実施・振り返り」まで一気通貫で支援するツール。ありがちな雑談で終わる1on1を、落ち着いた背景ビジュアルとアンビエントBGMで『安心して本音を話せる場』に演出し、継続的な信頼構築を後押しする。

【主要機能】
1. メンバー管理: 部下ごとにプロフィール・所属・入社日を登録し、ダッシュボードでカード一覧表示。
2. テーマ別質問カード: 目標確認/キャリア相談/フィードバック/雑談振り返りの4テーマから質問を内製DBからランダム提示、事前準備用に上司が確認可能。
3. 実施モード: セッション開始でテーマに合う背景画像とWeb Audio生成BGMが自動再生。タイマー、メモ欄、ムードスコア(5段階)、アクションアイテム登録をその場で入力。
4. 振り返りタイムライン: メンバーごとに過去セッションを時系列表示し、ムードスコア推移・アクション消化率を折れ線/棒グラフで可視化。
5. セッション終了時に自動でサマリーカード(PNG)を生成し、面談内容とNextアクションをまとめて保存・共有可能。
6. 質問テンプレート編集、BGMテーマ選択などの設定ページ。

【画面構成】
・ダッシュボード(メンバーカード一覧、次回予定、直近ムード推移ミニグラフ)
・メンバー詳細ページ(タイムライン、成長グラフ、進行中アクション一覧)
・1on1実施画面(テーマ選択→背景/BGM切替→質問カード→メモ/スコア/アクション入力→タイマー)
・セッション終了サマリー画面(PNG保存、共有リンク発行)
・設定画面(質問テンプレ管理、BGMテーマ、メンバー管理)

【データ構造】
- managers(id, name, email, created_at)
- members(id, manager_id, name, position, join_date, avatar_theme)
- sessions(id, member_id, date, theme, notes, mood_score, duration, summary_image_path)
- action_items(id, session_id, content, status, due_date)
- questions(id, category, text)

【デザイン方向性】木目調とグリーンを基調にした温かみのあるカード型UI。角丸・柔らかい影で圧迫感を減らし、テーマごとに背景と光の色温度を変化させて心理的安心感を演出。BGMはPHP側では扱わずJS(Web Audio API)でその場生成し、静かなアンビエント音を4テーマ分用意する。

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