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

Створіть список матчів і результатів

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

Автор: Pedro Maia

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

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

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

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

  • Вам потрібен ID сезону. У статті Як працює API показано, як його знайти.

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

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

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

  2. Вкажіть свій ID сезону. Замініть [ID-МОГО-СЕЗОНУ] своїм номером.

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

  4. Вставте його в ШІ-асистента й надішліть.

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

  6. Порівняйте із сайтом своєї ліги. Якщо щось виглядає неправильно, скажіть про це ШІ простими словами, наприклад «перенесені матчі показано як результати». Він це виправить.

Промпт

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

Створи мені одну веб-сторінку (один HTML-файл, який я можу відкрити в браузері), що показує всі матчі сезону моєї ліги. ID мого сезону — [ID-МОГО-СЕЗОНУ].

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

1. Завантажити всі матчі сезону один раз за допомогою сервісу Get Fixtures For Season і виконувати всю фільтрацію на сторінці без повторного завантаження.

2. Мати дві вкладки: «Результати», від найновіших, і «Розклад» (матчі, які ще мають відбутися), від найближчих.

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

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

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

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

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

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

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

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

  • Рахунок першого тайму або пенальті не показано. Наразі цей список не містить таких додаткових деталей. Їх містять сторінки центру матчів і команди.

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

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

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

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

Усі подробиці про сервіс Get Fixtures For Season є в специфікації API.

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