Qu'est-ce que le vibe coding ?

Le vibe coding fonctionne à deux niveaux : la boucle itérative de bas niveau pour affiner le code et le cycle de vie de haut niveau pour créer et déployer une application complète.

Il s'agit de la boucle de conversation étroite que vous utilisez pour créer et perfectionner un bloc de code spécifique.

Il s'agit du processus global qui consiste à transformer une idée générale en une application déployée.

Avec la programmation traditionnelle, vous vous concentrez sur les détails de l'implémentation, en écrivant manuellement les commandes, les mots clés et la ponctuation spécifiques qu'un langage requiert. Le vibe coding vous permet de vous concentrer sur le résultat souhaité. Vous décrivez votre objectif en langage simple, par exemple "créer un formulaire de connexion utilisateur", et l'IA se charge du code.

Voici un comparatif des deux solutions :

Google Cloud propose plusieurs outils de vibe coding. Le choix de l'outil doit dépendre de votre objectif, et pas nécessairement de votre poste. Un développeur peut utiliser AI Studio pour créer un prototype rapide, un passionné peut créer une application complète dans Firebase Studio et un data scientist peut utiliser Gemini Code Assist pour écrire un script.

Une fois le prototypage terminé, vous déployez votre code sur Cloud Run (pour AI Studio et Firebase Studio) et vous pouvez ensuite l'améliorer en modifiant le code source ou en revenant à votre outil de vibe coding.

Utilisez ce guide pour trouver l'outil le plus adapté à la tâche à accomplir.

AI Studio est le moyen le plus rapide de transformer une idée en une application Web opérationnelle et partageable, souvent avec une seule requête. Il est idéal pour prototyper rapidement et créer des applications d'IA générative simples.

Pour commencer, accédez à Créer dans AI Studio. Dans la zone de requête principale, décrivez simplement l'application que vous souhaitez créer. Commencez par une idée amusante et créative, puis exécutez simplement la requête. Une fois que vous avez exécuté la requête, AI Studio génère le code et les fichiers nécessaires, et un aperçu en direct de votre application s'affiche sur la droite.

Maintenant que vous avez un aperçu en direct, vous pouvez utiliser l'interface de chat pour affiner son apparence et ses fonctionnalités avec des requêtes de suivi. Vous pouvez ajouter des fonctionnalités, modifier des éléments visuels et plus encore.

Une fois que vous êtes satisfait du résultat, vous pouvez déployer votre application directement sur le Web. Il vous suffit de cliquer sur le bouton "Déployer sur Cloud Run" dans le menu de droite, au-dessus de l'aperçu de votre application. AI Studio publie votre application sur une URL publique, ce qui vous permet de la partager avec votre équipe ou vos amis.

Firebase Studio est un environnement Web puissant permettant de créer des applications prêtes pour la production, en particulier celles qui nécessitent un backend robuste avec des fonctionnalités telles que l'authentification des utilisateurs ou une base de données.

Pour commencer, ouvrez Firebase Studio et décrivez l'application complète que vous souhaitez créer dans la zone de requête. Vous pouvez décrire une application robuste de plusieurs pages dès le début.

Après avoir envoyé votre requête initiale, Firebase Studio génère un plan d'application que vous pouvez examiner. Ce plan détaillé décrit les fonctionnalités, les consignes de style et la pile technologique que l'IA compte utiliser.

Vous pouvez ici fournir des commentaires pour affiner le plan, ce qui permet de générer un code initial plus proche de ce que vous aviez en tête. Il est beaucoup plus facile de modifier le plan à ce stade que de modifier le code final, ce qui vous permet d'atteindre plus rapidement l'état souhaité.

Si le plan vous convient, cliquez sur le bouton "Prototyper cette application". Firebase Studio génère ensuite un prototype fonctionnel basé sur votre plan approuvé. Au bout de quelques instants, un aperçu interactif en direct de votre nouvelle application s'affiche.

Votre prototype interactif s'exécute dans le panneau d'aperçu. Vous pouvez donc poursuivre la conversation pour apporter des modifications. Par exemple, vous pouvez demander des modifications visuelles, ajouter ou modifier des fonctionnalités, ou même introduire une nouvelle logique dans votre application.

Lorsque votre application est prête, vous pouvez la déployer directement depuis l'environnement. Pour cela, il vous suffit de cliquer sur "Publier" en haut à droite. Firebase Studio gère l'ensemble du processus de déploiement et publie votre application sur une URL publique à l'aide de Cloud Run. Comme elle est conçue pour la production, votre application est prête à évoluer et à gérer le trafic dès le premier jour.

Gemini Code Assist joue le rôle d'un assistant en programmation basé sur l'IA directement dans votre éditeur de code existant (comme VS Code ou JetBrains). Il est idéal pour aider les développeurs professionnels à travailler plus rapidement et plus efficacement directement dans leur IDE, et sur des projets existants.

Pour commencer, ouvrez un fichier de projet dans votre IDE. Au lieu d'écrire du code manuellement, vous pouvez utiliser la fenêtre de chat Gemini ou une requête intégrée pour décrire la fonction ou le bloc de code dont vous avez besoin. L'IA génère le code et l'insère directement dans votre fichier.

Mettez en surbrillance le code que vous venez de créer (ou n'importe quel bloc de code existant) et utilisez des requêtes complémentaires pour le modifier ou l'améliorer. C'est idéal pour ajouter de nouvelles fonctionnalités, gérer les erreurs, améliorer les performances ou modifier la logique sans avoir à refactoriser manuellement.

Pour vous assurer que votre code est de qualité professionnelle, vous pouvez demander à Gemini de générer des tests unitaires. Cela automatise une partie cruciale, mais souvent chronophage, du développement d'applications.