Перейти до основного контенту

Створення турнірної таблиці ліги

Створіть за допомогою помічника зі штучним інтелектом сторінку, що показує турнірні таблиці вашої ліги з меню для перемикання дивізіонів.

Автор: Pedro Maia

Сторінка турнірної таблиці показує таблицю кожного дивізіону вашої ліги з меню для перемикання між ними. Ви можете використовувати її окремо або розмістити на своєму веб-сайті поруч із новинами.

Вам не потрібно бути розробником. Помічник зі штучним інтелектом, наприклад ChatGPT або Claude, може створити сторінку за вас за наведеними нижче інструкціями.

Перш ніж почати

  • Вашій лізі потрібен план Gold з увімкненим API. Див. “Початок роботи з API”.

  • Вам потрібен ідентифікатор сезону (season ID). Як його знайти, показано в статті “Як працює API”.

  • Ще немає ліги? Спершу спробуйте промпт на демонстраційній лізі LeagueRepublic: використайте ідентифікатор сезону 153020000.

Як користуватися промптом

  1. Скопіюйте промпт із сірого поля нижче.

  2. Вкажіть ідентифікатор свого сезону. Замініть [MY-SEASON-ID] власним номером.

  3. Опишіть, як це має виглядати. Опишіть свої кольори й стиль або додайте знімок екрана вашого веб-сайту чи дизайну, який вам подобається. Зазвичай найкраще працює зображення. Якщо нічого не вказати, ШІ обере простий дизайн.

  4. Вставте його в помічник зі штучним інтелектом і надішліть.

  5. Відкрийте файл, який він надасть. Збережіть його, а потім двічі клацніть, щоб відкрити в браузері.

  6. Звірте результат із веб-сайтом своєї ліги. Якщо щось виглядає неправильно, скажіть ШІ простими словами, наприклад: “немає стовпця з очками”. Він це виправить.

Промпт

Перш ніж почати, прочитай специфікацію LeagueRepublic JSON API за адресою https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Використовуй лише сервіси, вебадреси й назви полів, які в ній описано, та дотримуйся її правил щодо ліміту запитів, порожніх значень, помилок і того, що "road" означає гостей. Якщо не можеш відкрити цю адресу, зупинись і попроси мене вставити специфікацію.

Створи мені одну веб-сторінку (один HTML-файл, який я зможу відкрити в браузері), що показує таблиці моєї ліги. Мій ідентифікатор сезону: [MY-SEASON-ID].

Сторінка має:

1. Використовуй сервіс Get Fixture Groups For Season, щоб отримати список дивізіонів сезону, і показуй їх у меню. Відкривай перший дивізіон.

2. Коли я обираю дивізіон, показуй його таблицю за допомогою сервісу Get Standings For Fixture Group. Завантажуй дивізіон лише тоді, коли я його обираю.

3. Показуй позицію, команду, матчі, перемоги, нічиї, поразки, забиті, пропущені, різницю та очки, а також останню форму у вигляді маленьких кольорових значків (перемога, нічия, поразка).

4. Кубки теж виводь у меню, але перевіряй наявність таблиць у кубку лише тоді, коли я його обираю. Якщо кубок розігрується в групах, показуй по одній таблиці на кожну групу з назвою групи над нею. Якщо таблиць немає, повідом про це.

5. Дай мені змогу торкнутися команди, щоб виділити її рядок.

6. На телефоні залиш позицію, команду, матчі, різницю й очки, а решту стовпців приховай.

7. Зберігай кожну таблицю після завантаження й не запитуй ту саму таблицю повторно протягом хвилини.

Зроби дизайн чистим і зручним для читання на телефоні. Поясни простими кроками, як відкрити й використовувати файл. Запитай мене, якщо щось незрозуміло.

Дизайн: [ОПИШІТЬ ПОТРІБНИЙ ВИГЛЯД АБО ДОДАЙТЕ ЗНІМОК ЕКРАНА]

Якщо щось пішло не так

  • Таблиця дивізіону складається з самих нулів. Цей дивізіон ще не зіграв жодного матчу. Таблиця заповниться, коли буде внесено результати.

  • Бракує дивізіону. Дивізіони, таблиці яких приховано на веб-сайті вашої ліги, приховано й тут.

  • Сторінка показує повідомлення про помилку. Перевірте ідентифікатор сезону та те, що API увімкнено для вашої ліги.

  • Сторінка не працює у вікні попереднього перегляду ШІ. Багато попередніх переглядів не можуть отримувати дані з інших веб-сайтів. Натомість збережіть файл і відкрийте його в браузері.

  • ШІ каже, що не може прочитати специфікацію. Відкрийте адресу специфікації у браузері, виділіть усе, скопіюйте й вставте в ШІ.

Повний опис сервісів, використаних тут, наведено в специфікації API.

Ви отримали відповідь на своє запитання?