リーグ順位表ページは、リーグの各ディビジョンの順位を表示し、メニューでディビジョンを切り替えられます。単独で使うことも、ニュースの隣に置いてウェブサイトに掲載することもできます。
開発者である必要はありません。ChatGPT や Claude などの AI アシスタントが、以下の指示をもとにページを作ってくれます。
始める前に
リーグに、API をオンにしたゴールドプランが必要です。API を使い始める をご覧ください。
シーズン ID が必要です。見つけ方は API のしくみ で説明しています。
まだリーグがありませんか？ まず LeagueRepublic のデモリーグでプロンプトを試してみましょう。シーズン ID 153020000 を使用してください。
プロンプトの使い方
下のグレーのボックスからプロンプトをコピーします。
シーズン ID を入力します。[MY-SEASON-ID] を自分の番号に置き換えます。
見た目の希望を伝えます。色やスタイルを説明するか、自分のウェブサイトやお気に入りのデザインのスクリーンショットを添付します。画像のほうがうまくいくことが多いです。何も伝えなければ、AI がシンプルなデザインを選びます。
AI アシスタントに貼り付けて送信します。
AI が出力したファイルを開きます。保存して、ダブルクリックでブラウザで開きます。
リーグのウェブサイトと見比べて確認します。おかしな点があれば、「勝ち点の列がない」のように、AI に普通の言葉で伝えてください。修正してくれます。
プロンプト
始める前に、LeagueRepublic JSON API の仕様書 https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md を読んでください。仕様書に記載されているサービス、ウェブアドレス、フィールド名だけを使用し、リクエスト制限、空の値、エラー、「road」がアウェイを意味することに関する規則に従ってください。このアドレスを開けない場合は、作業を止めて、仕様書を貼り付けるよう私に依頼してください。
私のリーグの順位表を表示する 1 ページのウェブページ（ブラウザで開ける 1 つの HTML ファイル）を作ってください。私のシーズン ID は [MY-SEASON-ID] です。
ページには次の機能を持たせてください。 1. Get Fixture Groups For Season サービスを使ってシーズンのディビジョンを一覧にし、メニューに表示します。最初のディビジョンを開いた状態にします。 2. ディビジョンを選ぶと、Get Standings For Fixture Group サービスを使ってその順位表を表示します。ディビジョンは、選んだときにだけ読み込みます。 3. 順位、チーム、試合数、勝ち、引き分け、負け、得点、失点、得失点差、勝ち点を表示し、さらに直近の成績を小さな色付きのバッジ（勝ち、引き分け、負け）で表示します。 4. カップ戦もメニューに載せますが、カップ戦を選んだときにだけ順位表があるかどうかを確認します。グループ戦で行われている場合は、グループごとに 1 つの順位表を、その上にグループ名を付けて表示します。順位表がない場合は、その旨を表示します。 5. チームをタップすると、その行が強調表示されるようにします。 6. スマートフォンでは、順位、チーム、試合数、得失点差、勝ち点だけを残し、ほかの列は非表示にします。 7. 各順位表は読み込んだあとに保存し、同じ順位表を 1 分以内に再度要求しないでください。
デザインはすっきりして、スマートフォンでも読みやすくしてください。ファイルの開き方と使い方を、わかりやすい手順で説明してください。不明な点があれば私に質問してください。
デザイン：[希望する見た目を記入、またはスクリーンショットを添付] |
うまくいかないときは
ディビジョンの順位表がすべてゼロになっている。そのディビジョンでは、まだ試合が行われていません。結果が入力されると反映されます。
ディビジョンが表示されない。リーグのウェブサイトで順位表を非表示にしているディビジョンは、ここでも非表示になります。
ページにエラーメッセージが表示される。シーズン ID が正しいか、リーグの API がオンになっているかを確認してください。
AI のプレビューウィンドウでページが動作しない。多くのプレビューは、ほかのウェブサイトからデータを取得できません。ファイルを保存して、代わりにブラウザで開いてください。
AI が仕様書を読めないと言う。ブラウザで仕様書のアドレスを開き、すべて選択してコピーし、AI に貼り付けてください。
ここで使用しているサービスの詳細は、API 仕様書に記載されています。