IntroCinema - 自己紹介デジタル名刺ムービーメーカー

【目的・ターゲット】転職活動者・フリーランス・営業担当者・起業家・展示会出展者向けに、紙の名刺やテキストプロフィールでは伝わらない「人柄・熱意・実績」を30〜45秒の自動生成ムービー名刺として届けるツール。QRコードや共有URLで、名刺交換・LinkedIn風プロフィール・展示会ブースなどあらゆる場面の第一印象を強化する。

【主要機能】
1. プロフィール入力フォーム(氏名・肩書き・会社名・経歴3行・得意分野タグ・実績数値最大3件・一言メッセージ)
2. 5種テンプレート(ビジネス/スタートアップ/クリエイティブ/セールス/研究者)ごとにテーマカラーとレイアウトを自動適用
3. Canvas製ジェネレーティブ背景アニメーション(パーティクル・グラデーション波・幾何学模様など)をテンプレートに応じて自動再生
4. Web Audio APIによるテーマ別自動BGM生成(明るいコーポレート調/シンセ調/アコースティック調など)、テキスト出現タイミングと同期
5. 完成ムービーの公開URL発行・QRコード生成(名刺印刷用PNGも出力)・埋め込みiframeコード提供
6. 閲覧ページに簡易リアクションボタン(拍手・興味あり・つながりたい等)と閲覧数カウンター、作成者はダッシュボードで反応を確認可能

【画面構成】
・トップページ: 公開ムービーギャラリー、新規作成ボタン、使い方説明
・エディタ画面: 左にフォーム入力、右にCanvasリアルタイムプレビュー(即時反映)
・テンプレート選択モーダル: サムネイルとカラーパレットで選択
・公開・共有画面: 自動再生プレイヤー、QRコード表示、URL/埋め込みタグコピー、閲覧数・リアクション数表示
・閲覧用ページ(訪問者向け): ムービー自動再生+リアクションボタンのみのシンプル構成

【データ構造】
profilesテーブル(id, public_slug, name, title, company, bio, achievements JSON, tags, template, theme_color, message, view_count, created_at)
reactionsテーブル(id, profile_id, reaction_type, created_at)
※画像/音声はサーバー保存せずブラウザ内Canvas/WebAudioで都度生成し軽量運用。

【デザイン方向性】モダンでリッチな企業ブランディング風。ネイビー×ゴールドやパステルグラデーションを基調に、テンプレートごとに雰囲気を変化。フォントはゴシック系で信頼感を演出しつつ、動きのある背景で華やかさを両立する。