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

Створення списку розкладу й результатів

Створіть за допомогою помічника зі штучним інтелектом сторінку зі списком усіх матчів вашого сезону з фільтрами за змаганням і командою.

Автор: 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 Fixtures For Season і виконуй усю фільтрацію на сторінці без повторного завантаження.

2. Зроби дві вкладки: "Результати" (спершу найновіші) та "Розклад" (матчі, які ще мають відбутися; спершу найближчі).

3. Групуй матчі за датою, з датою як заголовком.

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

5. Дай мені змогу фільтрувати за дивізіоном чи кубком і за командою за допомогою меню, створених із самих матчів.

6. Якщо матч перенесено, показуй це замість часу. Матчі, дату яких ще не визначено, виводь в окремому розділі в кінці вкладки "Розклад". Якщо дата матчу минула, але результату ще немає, показуй "Очікується результат" замість часу.

7. Не перезавантажуй дані частіше ніж раз на хвилину.

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

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

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

  • Рахунки першої половини чи пенальті не відображаються. Цей список наразі не містить таких додаткових подробиць. Сторінки Match Hub і команди містять.

  • Бракує результату. Результати з'являються лише після того, як ліга їх затвердить.

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

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

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

Повний опис сервісу Get Fixtures For Season наведено в специфікації API.

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