開発コンポーネント
Publishコンポーネント
作品公開ウィザードのステップコンポーネント設計
Publishコンポーネント
このドキュメントでは、作品公開ウィザード (/project/[id]/publish) で使用されるステップコンポーネントについて説明します。
1. 概要
作品公開ウィザードは、ユーザーが執筆した作品を公開するための多ステッププロセスを提供します。各ステップは独立したコンポーネントとして実装されており、順番にまたは任意の順序でナビゲートできます。
2. コンポーネント一覧
| コンポーネント | ファイル | 役割 | ステップ |
|---|---|---|---|
StepDestination | components/publish/StepDestination.tsx | 公開先スロット(PublishID)の選択・作成 | 1 |
StepMetadata | components/publish/StepMetadata.tsx | メタデータ(タイトル、あらすじ、タグ等)の入力 | 2 |
StepTranslation | components/publish/StepTranslation.tsx | メタデータの多言語翻訳 | 3 |
StepReview | components/publish/StepReview.tsx | 公開前の査読と確認 | 4 |
StepFinal | components/publish/StepFinal.tsx | 公開処理の実行と完了 | 5 |
3. コンポーネント詳細
3.1. StepDestination
公開先スロット(PublishID)を選択または新規作成します。
- 役割: 既存の公開枠の更新、または新しい公開枠の作成
- 機能:
- 既存PublishIDの一覧表示
- 新規PublishIDの作成
- カバー画像のアップロード
3.2. StepMetadata
作品のメタデータを入力します。
- 役割: 公開作品の基本情報の設定
- 入力項目:
- タイトル(原典言語)
- キャッチコピー(headline)
- あらすじ
- タグ
- カバー画像
3.3. StepTranslation
メタデータの英語翻訳を生成または編集します。
- 役割: グローバル公開のための英語メタデータ作成
- 機能:
- AIによる自動翻訳生成
- 手動編集
- 原典言語との切り替え表示
3.4. StepReview
公開前の査読レポートを表示し、確認を行います。
- 役割: 品質チェックと公開可否の判断
- 機能:
- AI查読レポートの表示
- 禁止事項・警告事項の確認
- プレビュー表示
3.5. StepFinal
公開処理を実行し、完了メッセージを表示します。
- 役割: サーバーへの公開データ送信と結果表示
- 機能:
- 進捗表示
- 成功/失敗の通知
- 公開作品ページへのリンク
4. Publish ID(公開枠)概念
PublishIDは、ローカルのプロジェクトIDとは独立した「公開スロット」を識別するIDです。
- 特徴:
- プロジェクトを複製しても同じPublishIDを保持
- 更新公開時に同一スロットを上書き可能
- 閲覧統計はPublishID単位で集計
関連ドキュメント:
- 00_component_index.md - コンポーネント一覧
- 04_database_schema_supabase.md - Supabaseスキーマ
- 05_api_specification.md - API仕様