Ves al contingut principal

Crea una taula de la lliga

Utilitza un assistent d'IA per crear una pàgina que mostri les taules de la teva lliga, amb un menú per canviar de divisió.

Escrit per Pedro Maia

Una pàgina de taula de la lliga mostra la classificació de cada divisió de la teva lliga, amb un menú per canviar de l'una a l'altra. Pots utilitzar-la sola o posar-la al teu lloc web al costat de les teves notícies.

No cal que siguis desenvolupador. Un assistent d'IA com ChatGPT o Claude pot crear la pàgina per tu a partir de les instruccions següents.

Abans de començar

  • La teva lliga necessita el pla Gold amb l'API activada. Consulta Primers passos amb l'API.

  • Necessites l'ID de la teva temporada. Com funciona l'API mostra com trobar-lo.

  • Encara no tens cap lliga? Prova primer la instrucció amb la lliga de demostració de LeagueRepublic: utilitza l'ID de temporada 153020000.

Com utilitzar la instrucció

  1. Copia la instrucció del quadre gris de sota.

  2. Omple l'ID de la teva temporada. Substitueix [MY-SEASON-ID] pel teu propi número.

  3. Digues quin aspecte vols que tingui. Descriu els teus colors i el teu estil, o adjunta una captura de pantalla del teu lloc web o d'un disseny que t'agradi. Normalment una imatge funciona millor. Si no dius res, la IA triarà un disseny senzill.

  4. Enganxa-la a l'assistent d'IA i envia-la.

  5. Obre el fitxer que et dona. Desa'l i després fes-hi doble clic per obrir-lo al navegador.

  6. Comprova-ho amb el web de la teva lliga. Si alguna cosa no sembla correcta, digues-ho a la IA amb paraules senzilles, per exemple «falta la columna de punts». Ho arreglarà.

La instrucció

Abans de començar, llegeix l'especificació de l'API JSON de LeagueRepublic a https://docs.api.leaguerepublic.com/leaguerepublic-read-api.md. Utilitza només els serveis, les adreces web i els noms de camp que descriu, i segueix-ne les regles sobre el límit de sol·licituds, els valors buits, els errors i el significat de «road» com a visitant. Si no pots obrir aquesta adreça, atura't i demana'm que enganxi l'especificació.

Crea'm una sola pàgina web (un fitxer HTML que pugui obrir al navegador) que mostri les taules de la meva lliga. L'ID de la meva temporada és [MY-SEASON-ID].

La pàgina ha de:

1. Utilitzar el servei Get Fixture Groups For Season per llistar les divisions de la temporada i mostrar-les en un menú. Obrir la primera divisió.

2. Quan triï una divisió, mostrar-ne la taula mitjançant el servei Get Standings For Fixture Group. Carregar una divisió només quan la triï.

3. Mostrar posició, equip, jugats, guanyats, empatats, perduts, gols a favor, gols en contra, diferència i punts, a més de la ratxa recent com a petites insígnies de colors (guanyat, empatat, perdut).

4. Llistar també les copes al menú, però comprovar si una copa té taules només quan la triï. Si es juga per grups, mostrar una taula per a cada grup amb el nom del grup a sobre. Si no té taules, dir-ho.

5. Deixar-me tocar un equip per ressaltar-ne la fila.

6. Al telèfon, mantenir posició, equip, jugats, diferència i punts, i amagar la resta de columnes.

7. Desar cada taula un cop carregada i no demanar la mateixa una altra vegada en menys d'un minut.

Fes que el disseny sigui net i fàcil de llegir al telèfon. Explica amb passos senzills com obrir i utilitzar el fitxer. Pregunta'm si alguna cosa no està clara.

Disseny: [DESCRIBE THE LOOK YOU WANT, OR ATTACH A SCREENSHOT]

Si alguna cosa va malament

  • La taula d'una divisió és tota de zeros. Aquesta divisió encara no ha jugat cap partit. S'omplirà quan s'introdueixin resultats.

  • Falta una divisió. Les divisions amb les taules amagades al web de la teva lliga també hi estan amagades.

  • La pàgina mostra un missatge d'error. Comprova l'ID de la teva temporada i que l'API estigui activada per a la teva lliga.

  • La pàgina no funciona a la finestra de previsualització de la IA. Moltes previsualitzacions no poden obtenir dades d'altres llocs web. Desa el fitxer i obre'l al navegador.

  • La IA diu que no pot llegir l'especificació. Obre l'adreça de l'especificació al navegador, selecciona-ho tot, copia-ho i enganxa-ho a la IA.

El detall complet dels serveis utilitzats aquí és a l'especificació de l'API.

Respon això a la vostra pregunta?