« Aujourd'hui, je vibe-code ma première app »

Vous avez des idées qui fourmillent dans votre tête, mais vous n’avez jamais envisagé de les mettre en œuvre. Mais depuis que l’IA est là, vous entendez dire, à la machine à café ou sur LinkedIn, que c’est possible de concevoir une application ou un site web de A à Z sans connaissances techniques. Reste à savoir comment franchir le cap… Suivez le guide !

Les outils en ligne tout-compris

Il existe aujourd’hui un large panel d’outils clé en main qui sont vraiment la meilleure option pour démarrer sans aucune connaissance technique. Parmi les plus connus, je pense à Lovable ou encore Replit. Allez y faire un tour, vous allez démarrer votre nouveau projet bien plus vite que vous ne l’imaginez ! (Même potentiellement avant la fin de la lecture de cet article 😅).

Vous y trouverez :

• des modèles de site, des propositions de design
• des fonctionnalités standards comme un compte utilisateur, une base de données
• et bien sûr la désormais classique boîte de dialogue pour interagir avec l’IA

Les logiciels à installer sur votre machine

Une alternative tout à fait viable mais qui requiert un peu plus de connaissances sont les assistants de code comme Claude Code, Codex ou Copilot.

Dans ce cas, vous installez les outils de travail du développeur directement sur votre machine. Vous êtes certes moins accompagnés, mais vous gardez plus de contrôle.

Et si vous craignez de ne pas réussir à vous y retrouver, n’oubliez pas, l’IA n’est jamais loin, elle est là pour vous aider face à ce type de difficulté. (Spoiler : elle y arrive très bien !)

Exemples de prompts :

• je souhaite créer un outil qui synchronise mon agenda avec mon site internet, par où dois-je commencer ?
• je reçois le message d’erreur “XXX” quand je tape “YYY”, que dois-je faire ?
• je souhaite publier sur internet mon application, comment y parvenir ?
• je n’ai pas d’idée, peux-tu me suggérer quelque chose ?

Certes, toutes ces étapes vous prendront certainement un peu plus de temps, mais vous apprendrez énormément de choses en chemin, et vous aurez beaucoup plus de maitrise au fil de vos avancements.

Quelques outils complémentaires

On ne s’improvise pas du métier comme ça, certains outils vont vite devenir incontournables, alors autant vous les présenter dès maintenant pour élargir vos connaissances :

• un éditeur de code : même si le moindre éditeur de texte fonctionne, il est vivement conseillé d’utiliser un éditeur avec de multiples fonctionnalités intégrées et pour cela la référence reste aujourd’hui VS Code (gratuit et open-source).
• un terminal : même si cette fenêtre noire a tendance à faire peur, cela reste un incontournable pour coder, notamment avec Claude Code.
• git : la référence ultime pour enregistrer son code puisqu’il stocke chaque modification (commit) permettant ainsi de naviguer au sein de l’historique du code depuis le début (gratuit et open-source).
• GitHub : le Google Drive/Dropbox de votre code enregistré avec git, bien sûr.

La suite

Rome ne s’est pas faite en un jour. Même en étant très précis dans ses attentes et dans ses prompts, avoir un prototype fonctionnel vous demandera certainement un ensemble d’allers-retours avec l’IA. La patience est votre alliée, l’organisation aussi puisque vous aurez rapidement envie de démarrer une autre tâche pendant que la première s’exécute. (Jusqu’où faut-il paralléliser ? La réponse viendra plus tard.)

Quoi qu’il en soit, comme nous le verrons dans les articles suivants de cette série, le vibe-coding a des limites dont il faut être conscient et il est essentiel de cadrer (harnacher) votre IA un maximum pour qu’elle produise des résultats de qualité, et malgré tout, .

Mais on s’en reparle quand vous en serez là ! Alors, vous me partagez l’URL de votre application fraîchement vibe-codée ? Bonne chance ! 🚀