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

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

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

ページでは次のことを行ってください。

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

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

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

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

5. 前半やPK戦など、スコアの追加の詳細があれば小さな文字で表示します。カップ戦のラウンドがすでにグループ名に含まれている場合は、試合の下で繰り返さないでください。

6. 各ディビジョンの下に、その順位表を表示します：順位、チーム、試合数、勝、分、敗、得失点差、勝ち点、最近の成績。

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

8. 読み込んだ日はそれぞれ保存し、同じ日を 1 分以内に再度要求しないようにします。

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

デザイン：[希望するデザインを説明するか、スクリーンショットを添付]