Le développement piloté par l’IA
App Programming - Jour 4
Journée sprint
Du prototype au produit fini
2026 Way-Up
Point du matin
Où en est votre projet ?
Fonctionnalités terminées
Combien d’issues GitHub avez-vous fermées ? Comptez vos fonctionnalités terminées.
Qu’est-ce qui bloque ?
Des bugs, des erreurs ou des points flous vous freinent ? Réglons-les maintenant.
Revue GitHub
Ouvrez votre liste d’issues. Lesquelles sont indispensables pour la démo de demain ?
Programme du jour
Journée sprint : construire, peaufiner, préparer
Comment fonctionne Antigravity (rappel)
Vous êtes le metteur en scène. L’IA est l’acteur.
Vous : le metteur en scène
- Décidez quoi construire
- Rédigez des instructions claires
- Examinez le résultat
- Acceptez ou demandez des modifications
Antigravity : l’acteur
- Lit les fichiers de votre projet
- Écrit du code qui s’y intègre
- Suit vos indications
- Explique ce qu’il a fait
L’IA ne vaut que par les instructions que vous lui donnez.
Règle n° 1 du développement piloté par l’IA
Bien penser ses prompts
Qualité en entrée = qualité en sortie
La règle d’or du travail avec l’IA
Prompt vague
↓
Code vague
Générique, fonctionnalités manquantes, mauvaise structure
Spécifications précises
↓
Code précis
Exactement ce qu’il vous faut, prêt à l’emploi
Des prompts guidés par les specs
Montrez à l’IA exactement ce que vous voulez
MAUVAIS prompt
« Fais un formulaire »
Quel formulaire ? Quels champs ? Que se passe-t-il à l’envoi ? L’IA doit tout deviner.
BON prompt
Précis, structuré, directement exploitable
Voir le bloc ci-dessous ↓
Crée un composant de formulaire dans src/app/tasks/new/page.tsx : - Champ titre (obligatoire, saisie de texte) - Champ date d’échéance (obligatoire, sélecteur de date) - Liste de priorité (low/medium/high) - À l’envoi : POST vers /api/tasks - En cas de succès : redirection vers /tasks - Afficher les erreurs de validation sous les champs
La méthode CRAFT
5 éléments pour des prompts efficaces
Contexte
La structure du projet et ce qui existe déjà. « J’ai une application Next.js avec... »
Requis
Ce qu’il faut construire, exactement. Soyez précis sur le comportement et les fonctionnalités.
Audience (environnement technique)
La pile technique : Next.js, TypeScript, Tailwind. L’IA s’adapte à vos outils.
Format
Chemins de fichiers, noms de composants, arborescence. « Crée-le dans src/app/... »
Ton
Le niveau de commentaires, de gestion des erreurs et de détail du code que vous attendez.
Itérer avec l’IA
N’essayez pas de tout obtenir en un seul prompt
Charpente
Premier prompt : construire la structure générale. « Crée la page de liste des tâches avec un tableau qui affiche toutes les tâches »
Affiner
Deuxième prompt : ajouter les détails et le style. « Ajoute des badges de priorité en couleur et une colonne de date d’échéance »
Cas limites
Troisième prompt : gérer ce qui pourrait mal tourner. « Gère le cas où la liste est vide et affiche un indicateur de chargement »
Quand l’IA se trompe
Cela arrive : voici comment réagir
Imports erronés
Elle fait référence à des fichiers ou des modules qui n’existent pas dans votre projet
API obsolètes
Elle utilise d’anciennes versions de bibliothèques ou des fonctions dépréciées
Contexte manquant
Elle ignore votre code existant et crée des conflits
Mauvais chemins de fichiers
Elle crée des fichiers au mauvais endroit ou sous de mauvais noms
Solutions
- Transmettez le message d’erreur : copiez-collez l’erreur complète dans Antigravity
- Donnez plus de contexte : indiquez quels fichiers existent et comment ils sont organisés
- Découpez en tâches plus petites : une petite fonctionnalité à la fois
Stratégies de débogage
Quand quelque chose ne marche pas, suivez ces étapes
Lisez l’erreur
Le message d’erreur vous dit ce qui s’est mal passé et où. Ne l’ignorez pas !
Copiez-la dans Antigravity
Copiez-collez l’erreur exacte dans Antigravity. Il pose souvent le diagnostic immédiatement.
Demandez pourquoi
« Pourquoi est-ce arrivé et comment le corriger ? » : comprendre vous aide à apprendre.
Testez la correction
Rechargez le navigateur et vérifiez que le problème est vraiment résolu.
Le cycle de développement d’une fonctionnalité
Répétez ce cycle pour chaque fonctionnalité
Bonnes pratiques Git
Enregistrez votre travail souvent
Un commit après chaque fonctionnalité
N’attendez pas la fin de la journée. Enregistrez votre progression chaque fois que quelque chose marche.
Des messages clairs
Décrivez ce qui a été ajouté ou modifié. « Add task creation form » (ajout du formulaire de création de tâche), pas « update »
Poussez régulièrement
Votre code est à l’abri en ligne. Si votre ordinateur rend l’âme, votre travail survit.
Règle d’or
« Ce qui n’est pas commité n’existe pas. »
git add . && git commit -m "Add task creation form" && git push
Conseils de mise en forme
Laissez l’IA s’occuper du CSS
Antigravity excelle en CSS et Tailwind
Au lieu de passer des heures à ajuster les pixels à la main, décrivez ce que vous voulez et laissez l’IA le générer.
Mets en forme la liste des tâches avec une disposition moderne en cartes : - Ombres discrètes sur chaque carte - Coins arrondis (8px) - Design adaptatif avec Tailwind CSS - Effet au survol : légère élévation et ombre accentuée - Badges de priorité : vert pour low, jaune pour medium, rouge pour high
Soigner les finitions
Les petits détails qui font une grande différence
États de chargement
Affichez un indicateur pendant le chargement des données. L’utilisateur ne doit jamais voir un écran vide.
États vides
« Aucune tâche pour l’instant ! Créez la première. » vaut mieux qu’une page vide.
Demandes de confirmation
« Voulez-vous vraiment supprimer ? » évite les fausses manœuvres.
Messages de réussite
« Tâche créée avec succès ! » confirme à l’utilisateur que l’action a réussi.
Gel des fonctionnalités (15 h)
STOP
Aucune nouvelle fonctionnalité après 15 h
Après 15 h, concentrez-vous uniquement sur :
Plus de nouvelles fonctionnalités. Seulement des améliorations de l’existant.
Corriger les bugs
Faire fonctionner correctement les fonctionnalités existantes
Améliorer l’interface
Soigner la mise en page, les espacements, les couleurs
Mettre des données réalistes
Remplacer les « test » par un contenu crédible
Préparer la démo
Prévoir ce que vous montrerez demain
Une application soignée à 3 fonctionnalités vaut mieux qu’une application boguée à 10.
Préparer votre démo
Demain, vous avez 5 minutes sur scène
Déroulé de la démo
Bonnes pratiques de démo
Conseils pour une présentation fluide
Préparez un script
Sachez exactement où cliquer, et dans quel ordre. N’improvisez pas. Répétez l’enchaînement.
Utilisez des données réalistes
Remplissez votre application d’un contenu crédible. Fini les « test test test » ou les « asdf ».
Ayez des captures d’écran de secours
Faites une capture de chaque fonctionnalité. Si la démo en direct échoue, vous pourrez quand même montrer votre travail.
Répétez au moins une fois
Déroulez toute la démo du début à la fin. Chronométrez-vous. Ajustez si besoin.
Critères d’évaluation
Comment votre projet sera noté
40 %
Fonctionnement
L’application marche, les fonctionnalités clés sont réalisées, aucun bug critique
20 %
Design / UX
Interface soignée, navigation intuitive, finition visuelle
20 %
Spécifications
Issues GitHub bien rédigées, bon README, documentation claire
20 %
Présentation
Propos clair, aisance à l’oral, bonne structure
Liste de contrôle de fin de journée
Avant de partir aujourd’hui, vérifiez que vous avez :
- Toutes les fonctionnalités indispensables qui marchent dans le navigateur
- L’application déployée sur Vercel, à son URL définitive
- Le script de la démo prêt (où cliquer, quoi dire)
- Les issues GitHub à jour (fermez celles qui sont terminées)
- Des captures d’écran de secours enregistrées, au cas où la démo en direct échouerait
- La dernière version du code poussée sur GitHub
- Des données réalistes dans votre application (aucune entrée « test »)
git add . && git commit -m "Final version" && git push
À vous de jouer !
Votre dernier sprint de développement
5 exercices
Sprint, débogage, finitions, préparation de la démo
6 heures
Une journée entière de développement
Intermédiaire
Gel des fonctionnalités à 15 h
À demain !
Jour 5 : Journée de démo
Répétez votre démo ce soir. Soyez fier de ce que vous avez construit.
2026 Way-Up - way-up.io