J’ai créé une application IOS en 3 jours sans aucune connaissance préalable de Swift

le Traqueur de pinceaux application en 3 jours sans aucune expérience préalable avec Swift, le principal langage de programmation pour le développement iOS. Bien que j’aie une application entièrement fonctionnelle en ligne sur l’App Store, j’ai encore très peu de connaissances sur Swift car j’ai utilisé le « vibe coding » pour développer cette application.

Dans cet article, j’expliquerai le processus, les outils d’IA que j’ai utilisés et partagerai certains de mes apprentissages et idées.

Tout comme alternative adorable

J’utilisais auparavant Lovable pour développer des applications Web, mais cela ne semble pas être une option pour le développement d’applications mobiles, du moins pour le moment.

Il existe des alternatives à Lovable pour le développement d’applications. Je suis récemment tombé sur un outil appelé Anything, et comme j’avais eu une si bonne expérience avec Lovable, j’ai décidé de l’essayer pour développer mon application. Au début, cela semblait bien fonctionner, mais l’expérience globale n’était pas aussi efficace que je l’espérais.

Le plus difficile a été de ne pas pouvoir tester mes modifications, correctifs et améliorations tout de suite. Tout a une interface utilisateur intégrée pour les tests, mais l’expérience n’a pas été très fluide. Il vous demande également de tester le code via l’application Expo, mais cela n’a pas non plus bien fonctionné pour moi.

Je dois mentionner que je n’avais aucune expérience préalable en développement d’applications. Pour les développeurs ou toute personne ayant une certaine expérience en codage, Anything pourrait probablement être un outil plus productif que pour moi.

J’ai exporté le code depuis Anything et j’ai essayé de le tester sur Xcode sur mon Mac, mais j’ai eu de nombreuses erreurs et je n’ai pas pu le faire fonctionner. J’ai donc décidé d’utiliser une alternative. Le curseur semblait être le choix évident.

Curseur

J’ai entendu de très bonnes choses sur Cursor de la part de nombreux amis qui l’utilisent activement. Je voulais essayer moi-même.

J’ai utilisé la même invite dans Cursor et lui ai demandé de créer l’application. Ensuite, j’ai créé un projet XCode avec les dossiers et fichiers générés par Cursor. J’ai démarré le simulateur sur XCode et cela a fonctionné du premier coup.

L’objectif de Brush Tracker est de vous aider à rester cohérent dans votre brossage des dents quotidien. Il vous donne un score de propreté qui commence à 100 %. Si vous sautez une journée, le score diminue et vos dents dans l’application commencent à paraître un peu jaunâtres pour correspondre au score de propreté.

Remarque : toutes les images utilisées dans cet article incluent des captures d’écran de mon application, Brush Tracker.

La première version n’avait que la fonctionnalité principale de l’application. Je pense que c’est le moyen le plus efficace de créer des produits avec des outils basés sur l’IA. Obtenez la première version opérationnelle avant d’ajouter des fonctionnalités.

Pour tester la fonctionnalité principale de l’application sur le simulateur, j’ai dû modifier la date du simulateur sans terminer le « brossage d’aujourd’hui » pour vérifier si le score de propreté diminuerait et si les visualisations des dents seraient mises à jour comme prévu.

Le curseur a suggéré de changer la date sur le simulateur XCode mais le simulateur n’a plus les paramètres de date et d’heure. Les anciennes versions du simulateur XCode avaient ce paramètre, mais plus maintenant.

Une solution de contournement consistait à modifier la date sur mon Mac. De cette façon, la date sur le simulateur a également changé et j’ai pu tester la fonctionnalité.

Une chose que j’ai remarquée, c’est que lorsque j’ai modifié la date sur mon Mac, le curseur ne voyait pas mon compte et ne fonctionnait pas. C’est revenu à la normale lorsque j’ai remis la date sur automatique.

Fonction minuterie

Une minuterie de brossage intégrée semblait être un excellent ajout à Brush Tracker. Les utilisateurs peuvent simplement marquer une séance de brossage comme terminée ou utiliser la minuterie pendant qu’ils se brossent.

Il m’a fallu quelques essais pour que cette fonctionnalité fonctionne comme je l’imaginais. Vous pouvez simplement demander au curseur d’ajouter une fonctionnalité, mais cela fonctionne beaucoup mieux lorsque vous modifiez l’invite et expliquez exactement ce que vous voulez. Une fois que vous donnez des instructions claires, Cursor fait généralement un excellent travail.

Fonction de récompense

Je voulais ajouter une motivation supplémentaire lorsque l’utilisateur effectue ses brossages quotidiens. Après avoir terminé les sessions, ils peuvent appuyer sur « Obtenez votre récompense quotidienne » et voir une courte citation de motivation. C’est une petite touche mais un joli rappel pour la santé dentaire.

Vous pouvez réellement apprendre en codant par ambiance

Le curseur écrit non seulement le code, mais vous aide également à apprendre. Lorsque j’essayais d’ajouter la fonctionnalité de récompense, l’implémentation n’était pas correcte au début. Cela ne fonctionnait pas correctement.

J’ai décrit le problème à Cursor, qui m’a expliqué à la fois la cause du problème et comment le résoudre. Voici deux exemples de la façon dont Cursor peut vous aider à apprendre en cours de route :

Le problème est que récompenseQuote est vide au premier clic car handleRewardTap() le définit, mais la feuille est présentée immédiatement. Je dois m’assurer que le devis est défini avant de montrer la feuille.

Le problème a été résolu ! Le problème était que showReward = true était défini immédiatement après récompenseQuote, mais la présentation de la feuille de SwiftUI peut avoir lieu avant que la mise à jour de l’état ne soit entièrement traitée.

Utiliser le curseur plus efficacement

Le curseur est un excellent outil, mais il existe plusieurs moyens de le rendre plus efficace.

Supposons que le code échoue ou qu’il ne s’exécute pas correctement. Si vous connaissez la partie problématique, mettez en surbrillance cette section et ajoutez-la au chat. Cela permet certainement au curseur de résoudre plus facilement le problème.

Dans Brush Tracker, j’avais un problème lors de la configuration des notifications. J’ai défini le problème et demandé à Cursor de le résoudre. Le curseur m’a dit que le problème était résolu mais que le problème persistait. Ensuite, à partir des modifications du code, j’ai trouvé où le problème se produisait et j’ai ajouté cette partie au chat.

Le curseur l’a corrigé lors de l’essai suivant : Le problème est que onTapGesture est appliqué au sélecteur, mais dans SwiftUI, les sélecteurs segmentés ne répondent pas toujours bien aux gestes de pression car ils ont leur propre gestion interne des gestes. Le modificateur onChange ne se déclenche que lorsque la sélection change réellement, pas lorsque la même valeur est enfoncée.

Une autre chose qui mérite d’être mentionnée est le pourcentage de « contexte utilisé » dans Cursor. Il capture automatiquement le contexte pertinent de votre base de code, vous n’avez donc pas besoin de lui indiquer quels fichiers consulter. Mais votre historique de discussion est également inclus dans ce contexte et contient parfois d’anciens problèmes ou du code non pertinent.

Cet encombrement supplémentaire peut augmenter l’utilisation des jetons ou rendre le curseur moins efficace. Lorsque le pourcentage de contexte utilisé augmente, j’efface l’historique des discussions.

Distribuer votre application dans l’App Store

Une fois que vous avez terminé de tester votre application à l’aide du simulateur ou d’un appareil physique (par exemple votre propre iPhone), il est temps de distribuer votre application dans l’App Store afin que d’autres puissent voir (et, espérons-le, utiliser) votre application.

Ce n’est pas un processus compliqué mais il y a beaucoup de détails, ce qui peut prendre du temps, surtout lorsque vous le faites pour la première fois. j’ai trouvé un vidéo sur YouTube qui explique clairement l’ensemble du processus, étape par étape.

Après avoir terminé toutes les étapes, j’ai soumis mon application pour examen. Une fois approuvé, j’ai reçu un e-mail d’App Store Connect m’informant qu’il était prêt à être distribué.

Je tiens à souligner que je n’ai aucune affiliation avec aucun des outils d’IA mentionnés dans cet article.

Merci d’avoir lu! Vous pouvez consulter Traqueur de pinceaux sur l’App Store. J’aimerais avoir de vos nouvelles si vous l’essayez ou si vous avez des commentaires.