Corriger du code écrit par l'IA : 8 erreurs fréquentes dans les applications mobiles

Les modèles d'IA sont étonnamment bons pour écrire de petites applications. Ils se trompent aussi avec assurance, toujours de la même poignée de façons. Une fois que vous les connaissez, vous les repérez en quelques secondes et savez dire à l'IA quoi changer.

1. Elle charge des choses depuis Internet

Un script depuis un CDN, une police Google, une photo de stock par URL. Tout marche jusqu'à ce que le téléphone soit hors ligne. Demandez : « Supprime toutes les ressources externes. Intègre le CSS et le JavaScript et utilise les polices système. »

2. Elle appelle le pont natif trop tôt

Le pont natif de l'application, window.FreeApp, peut arriver un instant après le début de votre script. Le code qui l'appelle dès la première ligne échoue parfois. La solution est d'attendre l'événement freeappready, ou de s'exécuter immédiatement si le pont est déjà là :

function start() { FreeApp.statusBar('#E2552A'); }
if (window.FreeApp) start();
else window.addEventListener('freeappready', start, { once: true });

3. Elle oublie d'enregistrer

Tout marche, puis vous fermez l'application et les données ont disparu. Demandez : « Enregistre l'état dans localStorage après chaque modification et charge-le au démarrage. »

4. Elle utilise alert() pour tout

Les alertes du navigateur détonnent dans une application. Demandez à l'IA d'afficher les messages dans la page, ou utilisez FreeApp.toast() quand le pont est disponible.

5. Les boutons sont trop petits

Avec des tailles de bureau, il faut toucher trois fois pour atteindre un bouton. « Fais des zones tactiles d'au moins 44 pixels » règle ça.

6. Elle ignore l'encoche

Les en-têtes passent sous la barre d'état ou l'encoche de la caméra. Ajoutez viewport-fit=cover à la balise viewport et ajoutez un remplissage en haut avec env(safe-area-inset-top).

7. Elle mélange les noms de fichiers

Quand l'IA répartit le code en plusieurs fichiers, elle crée parfois un lien vers styles.css mais nomme le fichier style.css. Si votre application affiche du texte sans style, comparez les noms. Demander un seul fichier évite complètement le problème.

8. Elle invente des fonctions

Les modèles appellent parfois des fonctions natives qui n'existent pas. Si quelque chose ne fait rien sans erreur, vérifiez le nom dans la référence de l'API JavaScript, puis collez la bonne signature dans le chat.

Comment demander une correction

Soyez précis et donnez du contexte. « Sur Android, quand je touche Enregistrer, rien ne se passe et la liste est vide quand je rouvre l'application » obtient une bien meilleure réponse que « ça ne marche pas ». Si vous le pouvez, collez la partie du code que vous pensez fautive. De petites corrections ciblées valent mieux que demander une réécriture complète.