ProjectPulse Cinema - プロジェクト進捗ダイジェストムービーメーカー

【目的】プロジェクトマネージャー・受託開発会社・制作会社が、クライアントやチームへの週次進捗報告を「文字だけの報告書」から「映画予告編風の進捗ダイジェスト動画」に変えられる業務支援ツール。地味になりがちな進捗共有を、テーマ別の動くビジュアルとプロシージャル生成BGMでドラマチックに演出し、クライアント満足度とチームの士気を高める。

【主要機能】
1. プロジェクト作成(名前・担当者・テーマ選択・共有URL自動発行、任意パスワード設定)
2. 週次データ入力フォーム(完了タスク数/全体数、進捗率、達成マイルストーン、リスク・課題、次週予定、一言ハイライトコメント)
3. Canvas+Web Audio APIによる自動ダイジェスト動画生成(進捗バーのアニメーション、マイルストーン達成演出、次週予定テロップ、テーマ別BGMと同期した30〜60秒の動画)
4. 4テーマ(コーポレート/クリエイティブ/テック/建設・製造)ごとに背景ビジュアルと配色、BGMの雰囲気が変化
5. 週次ムービーをアーカイブし、プロジェクト全体を振り返る「トータルダイジェスト」も自動生成
6. 公開共有URL・PNG静止画/WebM書き出し・印刷用サマリー(HTML印刷)に対応

【画面構成】
- ダッシュボード: プロジェクト一覧、新規作成ボタン
- プロジェクト詳細ページ: 週次データ入力フォーム、過去ログ一覧(サムネイル付きタイムライン)
- ムービープレビュー画面: Canvasアニメーション再生、BGM再生コントロール、共有・書き出しボタン
- 公開閲覧ページ: 共有URL/パスワード入力でクライアントが閲覧専用アクセス

【データ構造(MySQL)】
- projects(id, name, owner_name, theme, share_token, password_hash, created_at)
- weekly_updates(id, project_id, week_number, report_date, tasks_completed, tasks_total, progress_percent, milestones JSON, risks JSON, next_plan TEXT, highlight_comment, created_at)

【デザイン方向性】シネマティックで落ち着いた暗めグラデーション背景に光の粒子演出を重ね、フラットで太めの線のアイコンを統一使用。テーマごとに色相(青/紫/緑/橙)を変えつつ、光の粒子・カメラのゆるいパン演出・フォントトーンは全テーマ共通とし、統一感のある高級感を演出。スマホは縦型プレビュー、PCは横型プレビューに自動切替。

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