マッチハブページを作成する

始める前に、LeagueRepublic JSON API の仕様書 https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md を読んでください。仕様書に記載されているサービス、ウェブアドレス、フィールド名だけを使用し、リクエスト制限、空の値、エラー、「road」がアウェイを意味することに関する規則に従ってください。このアドレスを開けない場合は、作業を止めて、仕様書を貼り付けるよう私に依頼してください。

Get Match Hub サービスを使って、私のリーグのマッチハブを表示する 1 ページのウェブページ（ブラウザで開ける 1 つの HTML ファイル）を作ってください。私のシーズン ID は [MY-SEASON-ID] です。

ページには次の機能を持たせてください。

1. 上部に、クリックできる試合日のバーを表示します。「日程未定」の項目も含めてください。各日には、結果の数と未消化の試合の数を表示します。日をクリックするとその日のデータを読み込みます。ページを開いたときは、表示中の日が見えるようにバーをスクロールしてください。

2. シーズンを切り替えられるようにします。

3. その日の試合を、ディビジョン名またはカップ戦のラウンド名ごとにグループ分けして表示します。

4. 各試合について、ホームチーム、スコア、アウェイチームを表示します。まだ始まっていない場合は、代わりにキックオフ時刻を表示します。ライブのスコアには「ライブ」、リーグがまだ承認していない結果には「暫定」と表示してください。試合が延期された場合は、時刻の代わりにそのことを表示します。試合日が過ぎているのにまだ結果がない場合は、時刻の代わりに「結果待ち」と表示します。

5. ハーフタイムスコアやPK戦など、スコアの補足情報は小さな文字で表示します。カップ戦のラウンドがすでにグループ名に含まれている場合は、試合の下に重ねて表示しないでください。

6. 各ディビジョンの下に、そのリーグ順位表（順位、チーム、試合数、勝ち、引き分け、負け、得失点差、勝ち点、直近の成績）を表示します。

7. 試合に個別のゲーム（ダーツ、プール）やイニング、クォーターごとのスコアがある場合は、開閉できるセクションに表示します。

8. 各日のデータは読み込んだあとに保存し、同じ日のデータを 1 分以内に再度要求しないでください。

デザインはすっきりして、スマートフォンでも読みやすくしてください。ファイルの開き方と使い方を、わかりやすい手順で説明してください。不明な点があれば私に質問してください。

デザイン：[希望する見た目を記入、またはスクリーンショットを添付]