チームページは、1 チームのシーズンの様子をひと目で見られるページです。勝ち、引き分け、負けを含む結果と、出場しているすべての大会の今後の試合を表示します。クラブのウェブサイトに最適です。
開発者である必要はありません。ChatGPT や Claude などの AI アシスタントが、以下の指示をもとにページを作ってくれます。
始める前に
リーグに、API をオンにしたゴールドプランが必要です。API を使い始める をご覧ください。
シーズン ID が必要です。見つけ方は API のしくみ で説明しています。
チーム名が必要です。リーグのウェブサイトに表示されているとおりに、正確に入力してください。
まだリーグがありませんか？ まず LeagueRepublic のデモリーグでプロンプトを試してみましょう。シーズン ID 153020000 を使い、 チーム名は Kings Arms にします。
プロンプトの使い方
下のグレーのボックスからプロンプトをコピーします。
詳細を入力します。[MY-SEASON-ID] をシーズン ID に、[MY-TEAM-NAME] をチーム名に置き換えます。
見た目の希望を伝えます。クラブカラーやスタイルを説明するか、自分のウェブサイトやお気に入りのデザインのスクリーンショットを添付します。画像のほうがうまくいくことが多いです。何も伝えなければ、AI がシンプルなデザインを選びます。
AI アシスタントに貼り付けて送信します。
AI が出力したファイルを開きます。保存して、ダブルクリックでブラウザで開きます。
リーグのウェブサイトと見比べて確認します。おかしな点があれば、「その試合はアウェイではなくホームだった」のように、AI に普通の言葉で伝えてください。修正してくれます。
プロンプト
始める前に、LeagueRepublic JSON API の仕様書 https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md を読んでください。仕様書に記載されているサービス、ウェブアドレス、フィールド名だけを使用し、リクエスト制限、空の値、エラー、「road」がアウェイを意味することに関する規則に従ってください。このアドレスを開けない場合は、作業を止めて、仕様書を貼り付けるよう私に依頼してください。
1 チームのシーズンの試合を表示する 1 ページのウェブページ（ブラウザで開ける 1 つの HTML ファイル）を作ってください。私のシーズン ID は [MY-SEASON-ID]、チーム名は [MY-TEAM-NAME] です。
ページには次の機能を持たせてください。 1. 最初に読み込むときに、シーズンの試合データからチームの ID を探し、その後は Get Fixtures For Team サービスを使います。ID を記憶しておき、再度調べなくて済むようにします。 2. チーム名をタイトルにします。 3. 試合を、新しい順の「結果」と、早い順の「今後の試合」に分けます。 4. 各試合について、日付、大会（カップ戦のラウンドがある場合はそれも）、対戦相手、ホームかアウェイか、スコアを表示します。スコアは自分のチームの得点を先に表示します。 5. 結果については、チームから見た W（勝ち）、D（引き分け）、L（負け）を表示します。同点で終わってPK戦で決着した試合は、D の代わりにPK戦の勝者とPK戦のスコアを表示します。 6. ハーフタイムなど、スコアの補足情報は小さな文字で表示します。試合が延期された場合は、時刻の代わりにそのことを表示します。試合日が過ぎているのにまだ結果がない場合は、時刻の代わりに「結果待ち」と表示します。 7. データの再読み込みは 1 分に 1 回以下にしてください。
デザインはすっきりして、スマートフォンでも読みやすくしてください。ファイルの開き方と使い方を、わかりやすい手順で説明してください。不明な点があれば私に質問してください。
デザイン：[希望する見た目を記入、またはスクリーンショットを添付] |
うまくいかないときは
「チームが見つからない」とページに表示される。チーム名がリーグのウェブサイトに表示されているとおりに入力されているか、そしてそのチームがそのシーズンに出場しているかを確認してください。
ページにエラーメッセージが表示される。シーズン ID が正しいか、リーグの API がオンになっているかを確認してください。
AI のプレビューウィンドウでページが動作しない。多くのプレビューは、ほかのウェブサイトからデータを取得できません。ファイルを保存して、代わりにブラウザで開いてください。
AI が仕様書を読めないと言う。ブラウザで仕様書のアドレスを開き、すべて選択してコピーし、AI に貼り付けてください。
Get Fixtures For Team サービスの詳細は、API 仕様書に記載されています。