Appearance
大会詳細ページ 仕様
参加者が大会1件の詳細を確認し、申込導線へ進むためのページ。 ベースは現 ligad.jp の 大会詳細（募集ページ） だが、テキスト直書きで運用していた箇所を マスタ管理・オブジェクト化 することを最大の改善目標とする。
1. 画面の役割
- 大会の 判断材料を一画面で揃える: 価格 / レベル / 残枠 / 賞品 / 会場 / ルール / 規定
- 「申し込む」一手で予約フローへ 入る導線（CTA）
- 当日の流れ・規定・お荷物・撮影紹介など 持ち物や注意事項を事前に提示
- 同会場・近日の他大会への 回遊（=「タイムテーブル」タブ）
2. 現状（現サイト）の課題
PDF アノテーションから抽出。新システムでは下記をすべて改善対象とする。
| # | 該当箇所 | 現状の問題 | 新システムでの方針 |
|---|---|---|---|
| 1 | ヒーロー | スライドショーで見たい画像がしっかり見られない | メイン画像 1枚を大きく。サムネ群はその下にスクロールで |
| 2 | 大会概要（label） | 全文 HTML テキスト、構造化されていない | オブジェクト化: タイトル / サブタイトル / バッジ / 本文を分離 |
| 3 | キャンペーン（CP / ポイントバック） | 本文中にテキスト直書き、自動表示できない | キャンペーン マスタ から自動連動。条件・付与pt・期限 |
| 4 | タイムテーブル | リーグ戦じゃないので確認しづらい / 今後の大会を見たい | 大会一覧へのジャンプ + 同会場の近日大会 を表示 |
| 5 | 賞品 | テキスト直書き、設定値と連動なし | 賞品マスタ（ユニ・ポイント・参加権 …）から選択 → 自動表示 |
| 6 | 賞品の選択肢 | 「優勝＝ユニフォーム」でポイントバックの選択肢も増やしたい | 優勝賞品の選択で 付帯CP / バックpt が自動連動 |
| 7 | ルール / レベル | レベル別に同じ内容でもフットサル/ソサイチで表示が違う | 競技種別 × レベル マトリクスでルールテンプレを管理 |
| 8 | レベル説明 | 全文テキスト / 画像のみ | 画像 + 種別 をオブジェクトから選択 |
| 9 | 撮影紹介 | 仮の Instagram 表示で実体が薄い | 会場紹介マスタ（IGリンク / 紹介動画 / 写真）と連動 |
| 10 | 当日加開（参加可否人数の柔軟性） | 担当者ごとの判断、明文化されていない | オブジェクト化 して大会単位で設定可能に |
| 11 | コート × シューズ表 | 全大会同じ画像を貼っている | 会場マスタ に「コートタイプ → スパイク可否」を持たせ自動表示 |
| 12 | お問い合わせ | 「気になることはこちら」で完結している | お問い合わせページに遷移（誘導） |
3. 画面構成
スマホファーストの縦1カラム。上から順に以下のセクション。
3.1 ヒーロー（HERO）
- メイン画像 1枚（フルブリード、アスペクト 4:3 推奨）
- 大会クラスバッジ（例:
Lv.4 PREMIER）を画像上にオーバーレイ - 補足画像があれば下に 横スクロール サムネ列（任意）
- スライドショーは廃止
3.2 タイトル・サブタイトル
| 要素 | 説明 |
|---|---|
| タグ群 | フットサル ソサイチ エンジョイ ガチ などのチップ |
| タイトル | 例: ヴァーサス新座フットサルクラブフットサル【Lv4 PREMIERクラス】大会 |
| サブタイトル | 1行のキャッチコピー（オブジェクト化された定型枠を選択） |
| キャンペーンバッジ | キャンペーン マスタから自動表示（例: タイムセール ¥5,000 OFF ポイントバック 5,000pt） |
3.3 ステータス & 属性
| 要素 | 値の例 | 備考 |
|---|---|---|
| 参加枠ステータス | 募集中 / 残りわずか / 満員 / 中止 | 残数しきい値で自動切替 |
| レベル | Lv.4 | レベルマスタ参照 |
| 参加費 | ¥17,500 ( | 早割適用後と通常価格を併記 |
| 機場（会場名） | ヴァーサス新座フットサルクラブ | 会場マスタ参照 |
| エリア | 埼玉 | 会場マスタから派生 |
| 開催日時 | 2026年05月10日 09:45 | 受付・開会・開始の詳細は §3.6.3 |
3.4 主CTA
- フルワイドの「この大会に申し込む」赤系ボタン
- 状態に応じた表記:
募集中→ 「この大会に申し込む」（活性）残りわずか→ 「残りn枠 申し込む」（活性 + 強調）満員→ 「キャンセル待ちに登録」（活性 / グレー）中止→ 「この大会は中止になりました」（非活性）
3.5 会場（MAP）
- 会場名 + 「マップで開く」（外部地図アプリへ）
- Google Map 埋め込み
- アクセス情報（最寄り駅・駐車場）はマスタから
3.6 タブ: 大会情報 / タイムテーブル
3.6.1 キャンペーン情報（自動表示）
キャンペーン マスタから引いて、本文に固定文を書かない。
| フィールド | 例 |
|---|---|
| 名称 | 5月限定ポイントプレゼントCP |
| 種別 | ポイント付与 / 早割 / ポイントバック / ギフト |
| 条件 | タイムセール対象大会の申込 |
| 付与額 | 最大 5,000pt |
| 期間 | 2026/05/01 – 2026/05/31 |
| 注意事項 | 「中止時は付与なし」「リーガ経由は申込時付与」「有効期限30日」 など定型 |
3.6.2 おすすめポイント
- マスタから選んだ複数項目（最大5）を箇条書き
- 賞品マスタから自動展開した行を含める（例: 「優勝賞品はユニフォーム×7枚」「次回大会で使える12,000ptプレゼント」）
3.6.3 開催日時詳細
| 項目 | 値 |
|---|---|
| 開催日 | 2026/05/10 |
| 受付開始 | 09:30 |
| 最終受付 | 09:45 |
| 開会式 | 09:50 |
| 試合開始 | 10:00 |
| 終了予定 | 12:00 |
注意事項定型:
- 受付に間に合わない場合の連絡先
- 終了時刻はチーム数で前後する旨
3.6.4 賞品（賞品マスタ連動）
主賞品（優勝チーム選択式）
①LiGAオリジナルユニフォーム ×7枚
②次回大会で使えるポイント 12,000pt
③有明屋上で開催する大会の無料参加権副賞品（全チーム配布）
- フェアプレー賞 / 盛り上がり賞 / 敢闘賞 など、賞品マスタから複数選択
要件: 大会作成画面で 賞品マスタ → ピッカー で選ぶだけで本ページに反映。テキスト直書き禁止。
3.6.5 ルール（競技種別 × レベル マトリクス）
| 競技 | レベル | 適用テンプレ |
|---|---|---|
| フットサル | Lv.1 ビギナー | スライディング全面禁止 / 当たり厳禁 |
| フットサル | Lv.2 エンジョイ | 同上 + バックパス制限なし |
| フットサル | Lv.3 ミドル | 公式ルール準拠（人スライ禁止） |
| フットサル | Lv.4 PREMIER | 公式ルール |
| ソサイチ | 各レベル | （別テンプレ） |
→ 大会の 競技種別 × レベル から テンプレを自動選択。本文は編集不可（オーバーライド機能だけ別枠で許可）。
3.6.6 レベル
- レベル説明バナー画像（マスタ）
- 関連企画バナー（チャンピオンズリーグ予選など、関連大会へリンク）
- 「画像 + 種別」を オブジェクトから選択、自由テキスト禁止
3.6.7 審査基準・規定
| 項目 | 値の例 |
|---|---|
| 審査体制 | 1審制で行います / 運営事業手姿させていただきます |
| 試合形式 | リーグ + 決勝形式 |
| 最低保証 | 36分 + 決勝戦あり / 4試合 |
| 当日スケジュール送付 | 代表者宛にメール送付 |
3.6.8 シューズ（会場マスタ連動）
会場 × コートタイプから自動表示。
| コート | 競技 | スパイク |
|---|---|---|
| フットサルコート3面つなぎ | 7人制ソサイチ | OK（トレシュ可） |
| フットサルコート1面 | フットサル | NG（トレシュ可） |
| 人工芝サッカーコート | 11人制サッカー / 6人制ソサイチ | OK |
→ 会場マスタの「コート構成」と「競技別シューズ可否」から自動描画。 本文の「!!スパイク使用禁止!!」みたいな手入力は廃止。
3.6.9 注意事項
共通テンプレ + 大会別の追記。共通テンプレ例:
- 飲食・喫煙（コート外/内）
- ペットボトル等の持込ルール
- 試合中のボール使用範囲
3.6.10 撮影紹介（会場マスタ連動）
- 会場マスタの「IG / TikTok / 紹介動画」を埋め込み
- 仮の
@ligadivertida直書きは廃止、会場ごとのアカウントを正しく表示
3.6.11 その他（共通テンプレ）
- 申込メールが届かない場合の問い合わせ先
- チーム数による賞品変更の可能性
- ビブス貸与の有無
- 保険加入の自己責任
- レガース任意の旨
- web上のチーム数と当日の差異
- 当日払いの場合の追加料金（¥2,000）
- キャンセル規定 → Q&A への遷移
- 利用規約への遷移
3.6.12 タイムテーブル タブ
- 当日の試合スケジュール表（コート別 × 時間軸）
- 申込前は「サンプルタイムテーブル」or「前回大会の例」を表示
- 申込後は 当該チームの試合がハイライト
3.7 関連リンク（ページ末）
- 同会場の他の大会
- 同レベルの近日大会
- 大会結果（過去大会）への導線
3.8 グローバル要素
- 戻る / お気に入り / 共有
- ヘッダー: ロゴ / 検索アイコン / メニュー
- フッター: 大会結果 / 大会検索 / チーム管理 / 通知 / マイページ / お問い合わせ / 大会参加の流れ
4. データモデル（マスタ化が必要なもの）
| マスタ | 主なフィールド | 用途 |
|---|---|---|
| 会場マスタ | 会場名、住所、地図、コート構成（コートタイプ・面数）、競技別シューズ可否、紹介IG/動画 | §3.5, §3.6.8, §3.6.10 |
| 賞品マスタ | 賞品名、画像、説明、種別（ユニ / ポイント / ギフト / 参加権）、付帯CP（自動連動pt） | §3.6.4 |
| キャンペーン マスタ | 名称、種別、条件、付与額、期間、注意事項テンプレ | §3.6.1 |
| レベル マスタ | コード（Lv.1–4）、名称、バナー画像、説明、適用ルールテンプレID | §3.6.6 |
| 競技種別マスタ | フットサル / ソサイチ / サッカー、ルールテンプレ参照 | §3.6.5 |
| ルールテンプレ マスタ | 競技 × レベル → 本文 のマトリクス | §3.6.5 |
| 共通注意事項テンプレ | 飲食・撮影・規定など、参照可能な定型文プール | §3.6.9, §3.6.11 |
5. 状態（State Machine）
| 状態 | 表示 | CTA | 条件 |
|---|---|---|---|
| 公開前 | 「公開準備中」グレー | 非表示 | publishedAt 未到来 |
| 募集中 | 「募集中」緑 | 「この大会に申し込む」 | 残枠 > しきい値 |
| 残りわずか | 「残り n 枠」赤 | 「残り n 枠 申し込む」 | 残枠 ≤ しきい値（既定 2） |
| 満員 | 「満員」グレー | 「キャンセル待ちに登録」 | 残枠 = 0 |
| 締切 | 「締切」グレー | 非活性 | applyDeadline 経過 |
| 中止 | 「中止」赤 | 「この大会は中止になりました」非活性 | canceledAt あり |
6. ロール別の見え方
| ロール | 主CTA | 追加表示 |
|---|---|---|
| 未ログイン | 「申し込む（要登録）」 → 会員登録へ | — |
| ログイン済（一般） | 「この大会に申し込む」 → 申込フォーム | 過去同会場の参加履歴があれば「前回参加」バッジ |
| ログイン済（申込済） | 「申込済 / 詳細を見る」 → マイページの該当予約 | 「キャンセル」リンク |
| 運営 | 「申し込む」+「編集」「中止」「申込一覧」管理リンク | 公開状態 / 申込数のサマリ |
7. 受け入れ基準（Acceptance Criteria）
- [ ] 大会作成画面で 賞品マスタからピッカー選択 するだけで詳細ページに賞品が表示される
- [ ] 会場マスタの「コート構成」を変えると詳細ページの シューズ表が自動で更新 される
- [ ] キャンペーン マスタの期間内のキャンペーンが 全大会の詳細に自動で帯表示 される
- [ ]
競技 × レベルを変更するとルール本文が 対応するテンプレに切り替わる - [ ] 残枠が変動すると CTA文言と参加枠ステータスが自動で切り替わる
- [ ] 撮影紹介が 会場マスタ未設定の場合は非表示（仮IG埋め込みなど発生しない）
- [ ] お問い合わせは 専用ページへの遷移リンク（モーダル/直書きなし）
8. 残課題 / 次フェーズ
- タイムテーブル タブ の正式仕様（試合数 × コート × 時間の表モデル）
- キャンセル待ち の挙動（自動繰り上げ・通知タイミング）
- 複数大会セット販売（チャンピオンズリーグ予選 → 決勝のような連続大会）
- 大会概要のリッチエディタ（オブジェクト化したまま、自由文も補足できる枠）
- 多言語対応（英語版運用するか）
9. 参考: 現サイトの該当ページ
現 ligad.jp の「大会詳細（募集ページ）」を 1ページに圧縮したスクリーンショット + 改善メモは
/specs/_assets/に保管予定（まだコミット未）。 本ページの §2 が現状のテキスト直書き運用に対する マスタ化指針 に対応する。