PerformanceLens - 360度人事評価&成長ストーリー可視化スタジオ

【目的・対象】中小企業の人事担当者・管理職向けに、自己評価・上司評価・同僚評価・部下評価を統合した360度人事評価を、専門知識なく運用でき、結果を『成長ストーリーカード』としてリッチに演出するWebアプリ。従来の無機質な評価シートを、モチベーションが上がる可視化体験に変える。

【主要機能】
1. 評価サイクル作成(四半期/半期/年次)と対象社員登録、8項目前後のコンピテンシー(リーダーシップ・専門性・成果達成・協調性等)をテンプレートまたはカスタム設定
2. 評価者ごとに推測困難な共有トークンURLを発行し、ログイン不要で5段階評価+コメントを回答してもらえる収集フォーム
3. 管理者ダッシュボードで回答進捗を一覧管理、未回答者へのリマインド表示
4. 自己評価と他者評価の平均をレーダーチャート・ギャップ分析グラフで自動可視化し、強み/伸びしろを自動テキスト生成
5. 結果をテーマ選択式の『成長ストーリーカード』として演出付きスライド表示し、PNG/PDF保存・共有URL発行
6. 過去サイクルとの推移比較で成長の軌跡を時系列表示

【画面構成】
- 管理者画面: サイクル作成、社員・評価者登録、コンピテンシー設定、進捗ダッシュボード
- 評価回答フォーム(トークンアクセス、ログイン不要、スマホ最適化)
- 個人結果画面: レーダーチャート、ギャップバー、強み/伸びしろカード
- 成長ストーリーカード演出画面(BGM付き自動再生プレゼンテーション、共有・印刷対応)

【データ構造(MySQL)】
companies(id,name), users(id,company_id,name,role), evaluation_cycles(id,company_id,name,period_start,period_end,status), employees(id,company_id,name,department,position), competencies(id,cycle_id,name,category,description), evaluation_requests(id,cycle_id,employee_id,evaluator_type,evaluator_name,share_token,status), evaluation_answers(id,request_id,competency_id,score,comment)

【デザイン方向性】
ネイビー×ゴールド×ソフトティールのプロフェッショナルトーン。フラットな幾何学グラデーション背景、抽象シルエットで人物のプライバシーに配慮。レーダーチャートはCanvasで滑らかに描画。

【BGM仕様】成長ストーリーカード再生時に流すアンビエント/コーポレートBGM。BPM72、4/4拍子。パッド和音(Cmaj7→Am7→Fmaj7→G)にピアノアルペジオを重ね、柔らかいシンセベースが8小節Aパートで穏やかに導入、Bパートでハイハット風パーカッションのアクセントと弦パッドが加わり高揚感を演出。4小節ごとに軽いフィルで変化を付与。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリングを実装し、BGM/SE個別音量調整、ミュート、画面遷移時のノード解放を行う。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

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