メインコンテンツへ移動
Boletolibre

イベントサイトにトーナメント表を公開し、結果を正確に更新する方法

トーナメント表はプログラムとは違い、誰が誰と対戦し、どの結果が確定し、次に何が起こるかを示します。図があるだけで常に最新とは限りません。承認済みの競技記録を使い、更新担当を決めてから、共有前に来場者が見る公開ページを試します。

Boletolibre編集部

公開日

承認済み対戦記録がサイト上の表と読める対戦一覧につながり、公開前に確認される図。
図と読める代替一覧の元となる承認済み記録を一つにします。

1. 競技範囲と正本を決める

対戦表の元データ・結果・公開確認シートをダウンロード(英語のMarkdown)

ウィジェットを選ぶ前に、対象の大会、部門、開催回を特定します。年齢別や形式別に複数の競技があるなら、それぞれの公開表に明確な名前を付けます。ひとまとめの無題の図では来場者が判断できません。競技責任者に、公開してよい参加者名、シード、対戦時刻、場所、結果、状態を確認します。私的な連絡先や未確認スコアは載せません。結果の正本となるシステムと修正を承認する人を記録します。イベント日程にも試合時刻がある場合は、日付、会場、タイムゾーンを照合して矛盾を防ぎます。ワークシートでは正本、サイト編集者、公開後の確認担当を分けて記録します。

2. 来場者に必要な形式を選ぶ

見た目だけで既定の図を選ばず、競技方式を責任者に確認します。単敗勝ち抜き、二敗で敗退する方式、グループ戦、総当たりでは対戦関係が異なります。単純な勝ち抜き図を全形式の代わりにはできません。公開ページに次の対戦、確定結果、または両方が必要かを決めます。ラウンドと部門を明記し、予定と終了を色だけで区別しないようにします。編集記録には安定した試合IDを使い、訂正を正しい対戦に結び付けます。大きな表は読めないほど縮小せず、部門ごとの明確なリンクを用意します。公開前に承認済みのサンプルで表示を試します。

3. 埋め込み、サイト内ページ、直接リンクを選ぶ

外部の対戦表は、提供元とサイト編集機能の双方が許す場合に埋め込めます。たとえばJotformは、公開後に埋め込みコードをコピーするBracket Makerウィジェットを案内しています。具体的な設定はJotform固有です。選んだサービスの公開権限、URL、更新の反映方法、アカウント管理者を確認します。サイト内ページなら一覧や表を直接管理できますが、承認済み変更を毎回反映する必要があります。埋め込みができない、またはスマートフォンで使いにくい場合、外部表への直接リンクを主な経路にできます。同じ公開大会を開き、リンク名には大会と部門を入れます。サービス固有の動作を試さず自動同期を約束しません。[1]

4. 図以外でも対戦情報を読めるようにする

勝ち進みを図で追うのは便利ですが、線や色の意味を短い画像説明だけで伝えきれないことがあります。近くにラウンド、対戦、状態、確定結果のテキスト一覧を置き、行と列が必要な情報には適切な見出しを持つデータ表を使います。次のラウンドへのつながりが不明なら文章で示します。W3Cは複雑な図に同等の詳細説明、データ表にセルと対応する見出しを勧めています。iframeには部門を示す説明的なタイトルを付けますが、そのタイトルが内部コンテンツの使いやすさまで保証するわけではありません。提供元の画面と直接リンクをキーボードで試し、使えない場合もテキスト経路を残して提供元に確認します。[2][3][4]

5. 必要な背景情報と一緒に公開する

見出しには大会名と開催回を入れます。結果が確定と見なされる時点を説明し、予定試合にはタイムゾーンを示し、関連するイベントまたはチケットページへ戻れるようにします。最終確認時刻は更新する担当がいる場合だけ表示します。古い時刻が残ると、現在の情報と誤解されかねません。埋め込みの近くに提供元の直接リンクを置き、枠がブロックされたり狭すぎたりしたときの経路にします。周囲の本文にも得点や勝者を書くなら、表と同じ更新責任者が必要です。公開済みURLをログアウト状態とスマートフォンで開き、部門リンク、狭い画面、対戦一覧との一致を確認します。 イベントをBoletolibre.comに掲載している場合は、この対戦表ページからそのチケットページへリンクします。対戦表自体は別の場所に置けます。

6. 確定結果を照合してから告知する

公式結果の受領、承認、表への入力、公開画面の確認をそれぞれ誰が行うか決めます。試合ID、承認済みスコアまたは状態、正本の時刻、編集者、公開画面で見えた結果を記録します。変更後は編集プレビューだけに頼らず、新しい来場者セッションで公開ページを再読み込みします。対戦組み合わせ、勝者の進路、関連時刻を見て、同じ事実を載せるテキスト一覧、日程、当日案内も直します。提供元の遅延、キャッシュ、コピー画像では正本が正しくても古い結果が残りえます。未確認結果を「確認待ち」と示すのはその表現が承認されている場合だけにし、そうでなければ確定を待ちます。作業記録は内部に残し、私的なメモは公開しません。

7. 障害時を試し、終了後のページを整理する

テストページやブラウザの通信シミュレーションで、埋め込みが遅い場合とブロックされた場合を試します。埋め込みだけが失敗するなら直接リンクを確認します。提供元全体が停止すればそのリンクも失敗しうるため、イベントページは読める状態に保ち、実際の状態と既存の更新経路を示します。最後に確認した対戦一覧を日時付きで置く場合、ライブ結果として見せません。最終結果後にスマートフォンとキーボードで再確認し、競技責任者の承認後にのみ確定とします。終了後は結果を残すか、恒久記録へ案内するか、一時ウィジェットを外すか決めます。イベント中に共有されたURLは維持するか、明確な移転先を用意します。

出典と参考資料

  1. How to Embed Tournament Bracket to Your WebsiteJotform Help · 確認日
  2. Complex ImagesW3C Web Accessibility Initiative · 確認日
  3. Tables TutorialW3C Web Accessibility Initiative · 確認日
  4. Using the title attribute of the iframe elementW3C Web Accessibility Initiative · 確認日