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

Створіть сторінку команди

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

Автор: Pedro Maia

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

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

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

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

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

  • Вам потрібна назва команди, написана точно так, як на сайті вашої ліги.

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

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

  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. Під час першого завантаження знаходити ID команди серед матчів сезону, а потім використовувати сервіс Get Fixtures For Team. Запам'ятати ID, щоб не шукати його знову.

2. Використовувати назву команди як заголовок.

3. Розділити матчі на «Результати», від найновіших, і «Майбутні», від найближчих.

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

5. Для результатів показувати В, Н або П з погляду команди. Якщо матч завершився внічию й переможця визначили в серії пенальті, показувати замість Н, хто виграв серію пенальті, разом із її рахунком.

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

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

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

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

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

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

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

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

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

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

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