欧州大会のトーナメント表

CL・EL・ECLのノックアウト期間は、組み合わせと勝ち上がりを中心に表示する。

2026年9月29日 / 実装・検証

画面の切り替え

  1. League phaseTableを初期表示
  2. KO play-offs抽選後はBracketへ
  3. Round of 16 → Final勝ち上がりと結果を更新

Bracket・Table・Fixtures・Goals・Assistsを切り替えて閲覧。スマートフォンではラウンドを選ぶか横スクロールで進み、各ラウンドの日付と接続線で大会全体を辿る。

対戦カード

情報表示・集計
クラブエンブレム・名称。選択するとクラブ情報を表示。
スコア第1戦・第2戦・Aggregate。決勝は1試合。
決着勝者を強調。延長・PKを表示。PKは合計スコアへ加えない。
各試合詳細から日付、ホーム／アウェイ、会場、結果を確認。
抽選前TBD / Draw pending。ラウンド16直行クラブは別途確認可能。

表示は保存済みの抽選・試合結果を読む。引き分けの勝者を表示処理でランダムに決めない。第1戦だけでは勝ち上がりを確定しない。プレーオフからラウンド16への接続は実際の抽選確定後に行う。

公式のデザイン参照

公式3大会のBracket viewをブラウザーで確認。大会のヘッダーと選択色、明るい背景、白い対戦カード、灰色の接続線、ラウンド・日付の列、決勝のトロフィー配置を参照し、ゲーム内の結果を表示するHTML/CSSへ再構成した。

公式の暫定順位や「or」で並ぶ抽選候補はゲームへ取り込まない。対戦相手・日付・スコア・勝者は、このキャリアのデータを使用する。

検証

合計点の向き、ホーム／アウェイを入れ替えた第2戦、PKの向き、単発決勝、未決着と未抽選、勝ち上がりの接続をモデル6件で検証。3大会の320・390・1280px、TableとFixturesへの切り替え、試合詳細、再読み込みをブラウザーで検証。閲覧により編成・戦術・契約・育成・UEFAの試合記録を変更しないことを確認した。