De nos jours, écrire du code, ce n'est vraiment plus comme avant. Avant, il fallait taper ligne par ligne, maintenant, l'IA vous crache un gros bloc de HTML en quelques secondes. Vous dites que ça ne marche pas ? Vous le lancez dans le navigateur, et la page s'affiche vraiment. Vous dites que c'est directement utilisable ? Vous ouvrez le code source, et là, c'est un vrai chaos.
J'ai récemment repris un projet, toutes les pages front-end étaient générées par IA. Au début, c'était plutôt sympa, super efficace, on sortait plusieurs pages par jour. Mais la veille de la mise en ligne, un collègue testeur est venu me dire qu'un bouton ne réagissait pas sur mobile. J'ouvre le code, bon sang, un div imbriqué sur sept ou huit niveaux, l'indentation complètement chaotique, la fermeture des balises laissée au navigateur. J'ai cherché longtemps pour localiser le problème : une balise non fermée, et quand le navigateur a auto-corrigé, il a tout cassé la structure derrière.
Après ça, j'ai retenu la leçon. Le code généré par IA, peu importe à quel point il semble normal, doit passer par un outil de formatage HTML avant la mise en ligne.
Pourquoi faut-il absolument formater ? Je vais vous donner quelques raisons concrètes.
Premièrement, après formatage, la structure du code est claire d'un coup d'œil. L'IA a un défaut quand elle écrit du code : elle aime tout empiler, elle ne met pas de retours à la ligne là où il faudrait, elle n'indente pas là où il faudrait. Vous passez un coup d'outil de formatage, les relations parent-enfant sont limpides, quelle balise contient quelle autre, on le voit immédiatement. Pour trouver des bugs, l'efficacité peut être multipliée par plusieurs.
Deuxièmement, ça vous aide à découvrir des erreurs cachées. Certaines balises ne sont pas fermées, certains attributs sont mal écrits, quand le code est en désordre vous ne pouvez pas le voir. L'outil de formatage passe, les endroits où la structure est incorrecte sont immédiatement exposés. C'est comme ranger une pièce, quand les choses sont en tas vous trouvez que tout va bien, une fois rangées vous découvrez qu'il y avait une boîte inutile en trop ici, et qu'il manquait un couvercle là.
Troisièmement, pour le travail en équipe, c'est seulement le code formaté qui est facile à reviewer. Imaginez, un collègue vous soumet un paquet de code généré par IA, indentation en pagaille, retours à la ligne à volonté, vous regardez ou pas ? Si vous regardez, mal à la tête, si vous ne regardez pas, pas rassuré. Après formatage uniforme, tout le monde suit le même standard, on voit d'un coup d'œil qui a modifié quoi.
Quatrièmement, c'est ami avec le navigateur. Bien que le navigateur ait une grande tolérance aux erreurs, c'est lui qui rattrape le coup pour vous. Avec une structure de code claire et des balises correctement fermées, l'efficacité de rendu du navigateur sera également meilleure. Surtout sur mobile, où les performances sont déjà tendues, n'ajoutez pas de désordre au navigateur.
Mon flux de travail actuel est le suivant : l'IA génère le code, je le copie d'abord dans l'éditeur, je le passe à l'outil de formatage HTML, puis je scanne la structure à l'œil nu, et une fois confirmé, je le mets dans le projet. Ça ne prend pas plus de deux minutes, mais le temps de débogage économisé, ce n'est vraiment pas une question de deux minutes.
Certains pourraient penser, le formatage ce n'est que ajouter de l'indentation et des retours à la ligne, à quoi ça sert ? Je dirais ceci : quand vous écrivez un article, vous devez le diviser en paragraphes, un article sans paragraphes, c'est fatigant à lire non ? Le code c'est pareil. Le formatage n'est pas pour l'esthétique, c'est pour que les problèmes n'aient nulle part où se cacher.
Il y a un autre point à rappeler à tout le monde : le code généré par IA contient parfois des attributs étranges ou des balises superflues, et après formatage ces redondances deviennent particulièrement visibles. Vous pouvez les supprimer au passage, et la vitesse de chargement de la page sera un peu plus rapide. Ne sous-estimez pas ce petit gain, les petits ruisseaux font les grandes rivières, l'expérience utilisateur se construit petit à petit.
Donc, ne soyez pas paresseux. Que l'IA vous aide à écrire du code, c'est une bonne chose, mais le dernier verrou avant la mise en ligne, c'est à vous de le tenir. L'outil de formatage HTML, il n'a pas l'air impressionnant, mais au moment critique il peut vraiment vous sauver. En tout cas, maintenant je ne peux plus m'en passer, sans un passage au formatage, je n'ai vraiment pas confiance.