Appearance
画面遷移マップ
LiGA 新システムの画面とその遷移を、操作者ごとに整理したマップです。 矢印には 遷移トリガー(押下するボタン・タブ・自動遷移など) をラベルとして付けています。
図の読み方
- 各カードが 1画面、矢印が遷移を表します
- 矢印のラベルは「何をしたら次に行くか」(CTA、タブ、リンクなど)
- タブで 参加者 / 運営 / 当日スタッフ を切り替えられます
- ノード色は 白=Public(誰でも見られる)/ 紫=Auth(ログイン必須)
手作業一部改善自動化新規
参加者の主要動線
未ログインの初回訪問者 を起点にした典型動線です。 登録済みユーザーの場合は ④⑤(会員登録・ログイン)をスキップして ③→⑥ の最短路に切り替わります。
| # | 画面 | パス | 次に行ける画面(ユーザ操作) |
|---|---|---|---|
| ① | トップ | / | 大会検索 |
| ② | 大会検索 | /tournaments | 大会詳細 |
| ③ | 大会詳細 | /tournaments/:id | 会員登録(未ログイン時)/ 申込フォーム(ログイン済時) |
| ④ | 会員登録 | /signup | 申込フォーム(登録 → 自動ログイン)/ ログイン |
| ⑤ | ログイン | /login | 申込フォーム |
| ⑥ | 申込フォーム | /tournaments/:id/apply | Stripe 決済 |
| ⑦ | Stripe 決済 | (外部) | 申込完了 |
| ⑧ | 申込完了 | /applications/:id/complete | マイページ |
| ⑨ | マイページ | /me | 参加予定 / 参加履歴 / チーム / クーポン / 通知設定 |
| ⑩ | 参加予定 | /me/bookings | 試合当日 / キャンセル申請 |
| ⑪ | 試合当日 | /me/bookings/:id/gameday | 試合詳細 |
| ⑫ | 試合詳細 | /me/bookings/:id/matches/:m | — |
未ログインで初回申込する場合の補足
③ で「申込CTA」をタップ → 会員登録(④)。登録完了で 自動的にログイン状態 になり、そのまま申込フォーム(⑥)へ続行します(マイページには戻しません)。 既存ユーザーが ④ から「ログインはこちら」を選んだ場合も、ログイン(⑤)後 → 申込フォーム(⑥)に直接進みます。
運営の主要動線
| # | 画面 | パス | 主な遷移先 |
|---|---|---|---|
| 1 | 管理ログイン | /admin/login | ダッシュボード |
| 2 | ダッシュボード | /admin | 各機能 |
| 3 | 大会一覧 | /admin/tournaments | 詳細・新規 |
| 4 | 大会詳細 | /admin/tournaments/:id | 編集 / 残枠 / 中止 / 締め |
| 5 | 申込一覧 | /admin/orders | 詳細・手動登録 |
| 6 | 申込詳細 | /admin/orders/:id | 返金 |
| 7 | 手動申込登録 | /admin/orders/manual | — |
| 8 | 大会中止 | /admin/tournaments/:id/cancel | 一斉メール → 返金 |
| 9 | 大会締めレポート | /admin/tournaments/:id/report | — |
当日スタッフの主要動線
| # | 画面 | パス | 主な遷移先 |
|---|---|---|---|
| 1 | スタッフログイン | /staff/login | 本日の大会 |
| 2 | 本日の大会 | /staff | 大会選択 |
| 3 | 大会選択 | /staff/tournaments/:id | 受付 / 進行 / 締め |
| 4 | 受付 | /staff/tournaments/:id/checkin | チーム詳細 |
| 5 | 進行管理 | /staff/tournaments/:id/timetable | コート別 |
| 6 | コート別ライブ | /staff/tournaments/:id/courts/:c | スコア入力 |
| 7 | スコア入力 | /staff/matches/:m/score | 進行管理に戻る |
| 8 | 順位表 | /staff/tournaments/:id/standings | — |
| 9 | 当日締め報告 | /staff/tournaments/:id/close | — |
残課題
- 状態分岐: 満員・エラー・申込締切後・キャンセル不可期間 などの分岐線が未定
- ロール跨ぎ: 申込→運営反映、スコア→参加者反映 などの「データ連動」を別レイヤで描くか検討
- 通知: メール・LINE・プッシュは画面ではなく「イベント」として別図で扱う想定
- Ver.2: リーグ戦、ランキング、ID連携、招待制大会 などは別タブで重ねる
- 画面の正式名称・URL: 現時点は仮。実装フェーズで確定