構築の流れ
構築ロードマップ(購入前の概要)
購入から正式公開までの 全体像と所要時間 です。
各 Phase の詳細手順は、購入後 ZIP 同梱の 「構築ロードマップ」(docs/00-roadmap.md)を参照してください。
ライセンスキーについて
Gumroad 購入後に ライセンスキー が発行されます。Cloudflare 上での初回セットアップ(管理画面オンボーディング)で入力が必要です。
| 環境 | ライセンスキー |
|---|---|
ローカル開発(localhost) |
不要 — キーなしで全機能を試せます |
Cloudflare 上(*.pages.dev やカスタムドメイン) |
必須 |
→ 02-prerequisites.md(前提条件・キーの確認方法)
全体の流れ
購入完了
│
▼
【Phase 0】 確認・準備(30〜60 分)
利用規約・コンプライアンス確認
必要ツールのインストール
│
├─ まず動かして試したい ──────────────────────────────────────┐
│ │
▼ 本番構築から進める 【Phase 1b】
【Phase 1a】 ローカル環境で動作確認(任意)
Cloudflare リソース作成 │
環境変数・Feature Toggle 設定 │
DB マイグレーション・デプロイ・Service Binding 設定 │
│ ◄────────────────────────────────────────────────────────────┘
▼
【Phase 2】 初回セットアップ(5〜15 分)
ライセンス認証 + 管理者アカウント作成
│
▼
【Phase 3】 基本情報・コンテンツ登録(1〜3 時間)
店舗情報・キャスト・スケジュール・CMS
│
├─ デフォルトデザインで先に公開 ───────────────────────────────┐
│ │
▼ デザインを整えてから公開 【Phase 4b】
【Phase 4a】 pages.dev のまま仮公開(任意)
デザインカスタマイズ │
│ ◄────────────────────────────────────────────────────────────┘
▼
【Phase 5】 正式公開(30〜60 分)
カスタムドメイン設定・動作確認
🎉 公開完了
推奨: 初めての方は Phase 1b(ローカル)→ Phase 1a(本番) の順が安全です。
Phase 0 — 確認・準備
所要時間の目安: 30〜60 分
| ステップ | 内容 | 購入前に読める doc |
|---|---|---|
| 0-1 | 利用規約・コンプライアンス確認 | コンプライアンス・プライバシー |
| 0-2 | システム構成の理解 | システム概要 |
| 0-3 | 必要ツール・アカウントの確認 | 前提条件 |
| 0-4 | GitHub プライベートリポジトリへの登録 | 購入後ドキュメント(詳細手順) |
| 0-5 | Feature Toggle の方針決定 | Feature Toggle / インフラコスト |
Phase 1 — 環境構築
Phase 1a — Cloudflare 本番構築
所要時間の目安: 1〜2 時間
| ステップ | 内容 | 購入前に読める doc |
|---|---|---|
| 1a-1 | Cloudflare リソース作成(D1 / R2 / Pages / Workers) | Cloudflare リソース作成 |
| 1a-2 | 環境変数・シークレット設定 | 環境変数 |
| 1a-3 | DB マイグレーション | 購入後ドキュメント |
| 1a-4 | API・Pages デプロイ | 購入後ドキュメント |
| 1a-5 | Service Binding 設定(CASTMATRIX_API) |
購入後ドキュメント |
| 1a-6 | 疎通確認 | 購入後ドキュメント |
Phase 1b — ローカルで先に試す(任意・推奨)
所要時間の目安: 30〜60 分
ローカルでは ライセンス認証なし・有料 Cloudflare サービスなし で全機能を試せます。
詳細手順は購入後ドキュメント(ローカル環境セットアップ(購入後 ZIP 同梱))を参照してください。
Phase 2 — 初回セットアップ
所要時間の目安: 5〜15 分
管理画面(/cmm/)のオンボーディングで、ライセンス認証(Cloudflare 上のみ)と管理者アカウントを作成します。
→ 詳細: 購入後ドキュメント(ログインとダッシュボード(購入後 ZIP 同梱))
Phase 3 — 基本情報・コンテンツ登録
所要時間の目安: 1〜3 時間
店舗基本情報・サイト設定・キャスト・スケジュール・お知らせ等を管理画面から登録します。
購入前に機能の詳細を確認する場合:
Phase 4 — デザイン・公開準備
Phase 4a — デザインカスタマイズ
所要時間の目安: 2〜8 時間
| 内容 | 購入前に読める doc |
|---|---|
| ブランドカラー・レイアウト | デザイン概要 |
| 画像・バナーの推奨サイズ | 画像 UI ガイド |
| CSS カスタマイズ | CSS ガイド |
Phase 4b — デフォルトのまま仮公開(任意)
*.pages.dev のままで動作確認・社内共有が可能です。詳細は購入後ドキュメント。
Phase 5 — 正式公開
所要時間の目安: 30〜60 分(DNS 反映待ちを含む)
カスタムドメインの追加を行い、HTTPS で公開します。Service Binding は自動的にカスタムドメインでも有効です。
→ カスタムドメイン・デプロイ構成(購入前に読める概要)
→ Route 詳細手順: 購入後ドキュメント
迷ったときの判断ガイド
ローカルから始めるか、本番から始めるか
| ローカルから(Phase 1b → 1a) | 本番から(Phase 1a) | |
|---|---|---|
| 向いている人 | カスタマイズを試したい・じっくり確認したい | Cloudflare 操作に慣れている |
| 推奨度 | 初めての方に推奨 | 経験者向け |
Feature Toggle はいつ変えるか
原則: 最初は OFF のまま進める。 運用が安定してから ON にしてください。
カスタムドメインはいつ設定するか
クライアント納品・正式公開時にはカスタムドメインを設定してください(Phase 5)。
→ カスタムドメイン
困ったときは(購入前に確認できる範囲)
| 状況 | 参照先 |
|---|---|
| 向いている/向いていない判断 | LP「こんな方に向いています」セクション |
| 既知の制限事項 | 既知の制限事項 |
| サポート問い合わせ | サポートポリシー |
| デプロイ・トラブルシュート | 購入後ドキュメント |
購入後の詳細手順
Phase ごとのチェックリスト・コマンド例・日常運用ルーティンは、購入後 ZIP 同梱の docs/00-roadmap.md(構築ロードマップ) に記載されています。