プロジェクト詳細ページの使い方

プロジェクト詳細ページ（/projects/[id]）は、1 つの作品ごとのコントロールパネルです。タイトルや説明の編集、エディタ起動、公開設定、サムネイル・動画の管理まで、作品のメタデータに関する操作はすべてここで行います。

💡 ひとことで言うと プロジェクト詳細ページ = 作品ごとの管理画面。

• 執筆・演出 → エディタ本体（別ウィンドウ）
• メタデータ・公開・サムネイル → このページ
• 個人の活動全般 → マイページ

---

全体構造

プロジェクト詳細ページは以下のセクションで構成されています（上から順）。

┌─────────────────────────────────────────────┐
│  📝 タイトル編集（インライン）               │
├─────────────────────────────────────────────┤
│  ▶️ エディタを開く  |  🎮 Play ボタン          │
├─────────────────────────────────────────────┤
│  ⚙️ 公開スイッチ / 配信 OK スイッチ            │
│     🛒 ストアに公開ボタン                     │
├─────────────────────────────────────────────┤
│  🔗 プレビュー URL（コピー機能付き）          │
├─────────────────────────────────────────────┤
│  🖼️ タイトル画像（最大 5 枚）                 │
├─────────────────────────────────────────────┤
│  🎬 紹介動画の生成                           │
├─────────────────────────────────────────────┤
│  ⚠️ Danger Zone（プロジェクト削除）           │
└─────────────────────────────────────────────┘

---

📝 タイトルの編集

ページ最上部のタイトルはインラインで直接編集できます。

1. タイトル横の編集アイコンをクリック
2. 新しいタイトルを入力
3. 保存 / キャンセルボタンが現れるので、変更を確定

※ タイトルは後からいつでも変更できます。公開済みの作品のタイトルを変えると、/works 一覧・プレビュー URL 共に即時反映されます（URL 自体は変わりません）。

---

▶️ エディタ／プレイへの導線

エディタを開く

「エディタを開く」ボタンを押すと、エディタ本体に遷移します。認証情報が自動で引き継がれるため、再ログインは不要です。

エディタタイプに応じて遷移先が変わります：

🎮 Play（プレビュー再生）

「Play」ボタンは作品を別ウィンドウで実際に再生します。公開前の確認に使います。

• プレビュー専用 URL: ${origin}/play/[id]
• このページ内の「プレビュー URL」欄からコピーも可能
• 友人・テスターに URL を共有して感想を集めるのも OK

---

⚙️ 公開設定

公開スイッチ（isPublic）

プレビュー公開の ON/OFF。ON にすると /play/[id] が誰でもアクセス可能になります。

• OFF: 本人（認証済み）のみプレビュー可
• ON: URL を知っている全員が再生可能（/works 一覧には未掲載の段階）

配信 OK スイッチ（streamingAllowed）

ライブ配信・動画投稿（YouTube、Twitch 等）での利用を許可するかのフラグです。ストア公開する場合に視聴者向けの目印として表示されます。

🛒 ストアに公開

プレビュー公開とは別に、「ストアに公開」を押すと /works の公式一覧に載り、他のユーザーが発見・購入できる状態になります。クリック時のダイアログで以下を設定します：

公開後の販売は収益ダッシュボードで追跡できます。

---

🔗 プレビュー URL

「プレビュー URL」欄には https://...play/[id] 形式の共有可能 URL が表示されます。コピーボタンで一発コピー。

使い分け

• 友人・テスターに渡す: このプレビュー URL（公開スイッチ ON が必要）
• 検索・一覧から発見してもらう: ストア公開で /works に掲載

---

🖼️ タイトル画像（最大 5 枚）

作品を一覧やストアで見せるときのサムネイル画像を 5 枚まで登録できます。

スロット構成

操作

• 自動生成 ボタン — プレビューをポップアップで開き、canvas をキャプチャして保存
• 実行画面から生成 ボタン — ゲームプレイ中にサムネイル化したい瞬間でキャプチャ
• 画像アップロード — ローカル画像を uploadProjectAsset() でアップロード
• ダウンロード / 削除 ボタン — 各画像スロットごとに操作可能
• 選択中の画像には緑枠 + チェックマークが表示され、この画像が /works で使われます

💡 選び方のコツ キャラの表情・タイトルロゴ・印象的なシーンの 3 枚を組み合わせると、ストア一覧での視認性が上がります。

---

🎬 紹介動画の生成

ストア公開する作品向けに、自動で紹介動画を生成する機能が用意されています（将来的には YouTube Shorts / TikTok 向けに最適化予定）。

生成フロー

1. アスペクト比を選択
   • 9:16（縦） — モバイル動画プラットフォーム向け
   • 16:9（横） — YouTube 標準
2. 含めるページをドロップダウンから選択
3. 「動画を生成」ボタンを押すと、サーバ側でレンダリング開始
4. ステータスが 5 秒間隔でポーリングされ、生成中 → 完了 → ダウンロード可と進行
5. タイムアウトは 3 分

生成済み動画はダウンロードまたは削除可能です。

---

⚠️ Danger Zone（削除）

ページ最下部の赤い領域が削除セクションです。

1. 「プロジェクトを削除」ボタンをクリック
2. 確認ダイアログでプロジェクト名を入力して確認
3. 削除実行（取り消し不可）

削除されるもの：

• プロジェクト本体（シナリオ・ブロック・ページ構成）
• プロジェクトアセット（このプロジェクトに紐づく素材レコード）
• サムネイル・紹介動画

削除されないもの：

• マイアセット（個人ライブラリ）
• 公式アセット（運営の共用素材）
• 収益履歴（購入者がいた場合の取引記録）

⚠️ 公開済み作品の削除 既に購入されている作品を削除する場合は別の確認が入ります。購入者のアクセス権は維持されつつ、新規購入は不可になる設計（リリース時点では完全削除のみ、購入者対応は今後改善予定）。

---

マイページとの役割分担

つまり：

• マイページ = ハブ（どの作品を開くか）
• プロジェクト詳細 = 作品単位のメタデータ管理
• エディタ本体 = 実制作

---

関連ドキュメント

• マイページの使い方
• アセット管理ガイド — 公式 / マイ / プロジェクトの 3 層
• エディタ完全ガイド
• 作品の公開と共有
• 作者向けガイド