Création de votre première application en quelques minutes avec GitHub Spark

Avez-vous déjà eu une excellente idée pour une application, mais vous n’avez pas les outils pour la créer ? Avec l’aide de l’IA, vous pouvez maintenant apporter vos idées d’application à la vie en quelques minutes en utilisant uniquement le langage naturel. Dans cet article, nous utiliserons GitHub Spark pour créer, améliorer et partager une application de recherche de mots sans écrire une seule ligne de code nous-mêmes.

Création d’un prototype de votre application

Commençons par générer une version initiale et de base de notre application sur laquelle nous pouvons nous appuyer ultérieurement.

1. Accédez à https://github.com/spark.

2. Envoyez l’invite suivante pour générer la première itération de votre application :

   Text

   Please create a word search game. The game should take in a set of words from the user, then create a word search puzzle containing those words, as well as a word bank listing the words. Words in the puzzle can be horizontal, vertical, diagonal, forwards, and backwards, and are "found" when the user clicks and drags their mouse across them. Once all words are found, give the user the option to create a new puzzle.
   

3. Regardez Spark créer votre application en temps réel ! Vous saurez que la génération de l'application est terminée lorsque l'aperçu s'affichera.

4. Pour tester votre application, créez et résolvez un puzzle à l'aide de l'aperçu.

Améliorer votre application

Et voilà, nous avons une application qui fonctionne ! Toutefois, elle a toujours besoin de quelques ajustements. Ajoutons quelques invites supplémentaires à Spark afin de peaufiner notre projet.

1. À gauche de la page, sous l’onglet Itérer, envoyez l’invite suivante :

   Text

   Please add a leaderboard and a timer to the game. The timer should start when the user generates a new puzzle, then stop when all words are found. The user should then be able to enter their name, and their name, time, and the number of words in their puzzle should be displayed on the leaderboard. The leaderboard should be sortable in ascending and descending order by each of the three categories.
   

2. Une fois l’application mise à jour, créez et résolvez un autre puzzle pour voir les nouvelles fonctionnalités en action.

3. Soyez créatifs et apportez vos propres améliorations à l'application ! Si vous êtes bloqué, choisissez l'une des suggestions proposées par Spark au-dessus de la zone de texte. Vous pouvez également apporter des modifications à l’aide des contrôles de modification visuelle dans les onglets « Thème », « Données » et « Invites », sans devoir toucher le code.

Débogage de votre application

Pendant que vous créez votre application, vous pouvez rencontrer des erreurs. Souvent, Spark identifie ces problèmes et les répertorie dans une fenêtre contextuelle « Erreurs » au-dessus de la zone de texte d'invite. Pour corriger les erreurs, cliquez sur Corriger tout.

Si vous trouvez une erreur que Spark n'a pas signalée, écrivez une invite pour la corriger. Pour obtenir de meilleurs résultats, fournissez une description détaillée de l’erreur, ainsi que l’état fixe idéal. Par exemple, si vous remarquez que l’ajout de mots sur un certain nombre de caractères entraîne le rendu incorrect du puzzle, envoyez l’invite suivante :

Please prevent users from entering words longer than the number of rows or columns in the puzzle. Additionally, add an option to change the size of a puzzle. If the user tries to enter a word that's longer than the current size of the puzzle, display an error message telling them that provided words must be less than or equal to the size of the puzzle.

Please prevent users from entering words longer than the number of rows or columns in the puzzle. Additionally, add an option to change the size of a puzzle. If the user tries to enter a word that's longer than the current size of the puzzle, display an error message telling them that provided words must be less than or equal to the size of the puzzle.

Partage de votre application

Maintenant que vous êtes satisfait de votre application, déployons-la afin de pouvoir la partager avec d’autres personnes.

1. Dans le coin supérieur droit de la page, cliquez sur Publier. Par défaut, votre Spark est déployé en mode privé et n'est accessible qu'à vous seul. Pour permettre à d'autres utilisateurs GitHub d'accéder à votre application, dans la section Visibilité du menu déroulant de publication, sélectionnez Tous les utilisateurs GitHub. Cela permet à toute personne disposant d'un compte GitHub d'accéder à votre Spark.

   

2. Cliquez sur Voir le site pour voir votre application déployée, puis copiez et partagez l'URL de votre application.

Étapes suivantes

Nous venons de créer une application de recherche de mots, mais Spark peut créer toutes sortes d'applications web ! Essayez de créer une nouvelle application vous-même. Si vous avez besoin d’inspiration, voici quelques idées pour commencer :

• Essayez de créer une application d'agrégation d'actualités ou un générateur intelligent de recettes.
• Créez un suivi budgétaire qui vous permet de définir un budget, d'enregistrer une liste de dépenses et d'afficher le solde restant de votre budget. Vous pouvez donner à chaque dépense une catégorie et une date, puis trier les dépenses selon les nombreuses catégories différentes.

Pour aller plus loin

• Utilisation responsable de GitHub Spark
• À propos de la facturation pour GitHub Spark