Che cos'è il vibe coding?

Il vibe coding opera su due livelli: il ciclo iterativo di basso livello di perfezionamento del codice e il ciclo di vita di alto livello di creazione e deployment di un'applicazione completa.

Questo è il ciclo stretto e conversazionale che usi per creare e perfezionare una parte specifica del codice.

Si tratta del processo più ampio che porta un'idea di alto livello dal concetto a un'applicazione distribuita.

Con la programmazione tradizionale, ti concentri sui dettagli dell'implementazione, scrivendo manualmente i comandi, le parole chiave e la punteggiatura specifici richiesti da un linguaggio. La programmazione basata sull'atmosfera ti consente di concentrarti sul risultato desiderato, descrivendo il tuo obiettivo in un linguaggio semplice, come "crea un modulo di accesso utente", mentre l'AI si occupa del codice vero e proprio.

Di seguito puoi trovare un confronto:

Google Cloud offre diversi strumenti per il vibe coding. La scelta dello strumento da utilizzare dovrebbe dipendere dal tuo obiettivo e non necessariamente dalla tua qualifica professionale. Uno sviluppatore potrebbe utilizzare AI Studio per un prototipo rapido, un appassionato potrebbe creare un'applicazione completa in Firebase Studio e un data scientist potrebbe utilizzare Gemini Code Assist per scrivere uno script.

Una volta terminata la prototipazione, esegui il deployment su Cloud Run (per AI Studio e Firebase Studio) e puoi eseguire l'iterazione da lì utilizzando la modifica del codice sorgente o tornare allo strumento di vibe coding.

Usa questa guida per trovare lo strumento migliore per l'attività che devi svolgere.

AI Studio è il modo più rapido per passare da un'idea a un'app web live e condivisibile, spesso con un solo prompt. È perfetto per la prototipazione rapida e la creazione di applicazioni di AI generativa semplici.

Per iniziare, vai a Crea in AI Studio. Nell'area principale del prompt, descrivi semplicemente l'applicazione che vuoi creare. Inizia con un'idea divertente e creativa, quindi esegui il prompt. Una volta eseguito il prompt, AI Studio genererà il codice e i file necessari, con un'anteprima live dell'app che apparirà sul lato destro.

Ora che hai un'anteprima live, puoi utilizzare l'interfaccia della chat per perfezionarne l'aspetto e la funzionalità con prompt di follow-up. Potresti aggiungere funzionalità, modificare elementi visivi e altro ancora.

Quando il risultato ti soddisfa, puoi eseguire il deployment dell'app direttamente sul web. Basta fare clic sul pulsante "Esegui il deployment su Cloud Run" nel menu a destra, sopra l'anteprima dell'app. AI Studio pubblicherà la tua app su un URL pubblico, rendendola pronta per essere condivisa con il tuo team o i tuoi amici.

Firebase Studio è un ambiente potente basato sul web per la creazione di applicazioni pronte per la produzione, in particolare quelle che necessitano di un backend solido con funzionalità come l'autenticazione utente o un database.

Per iniziare, apri Firebase Studio e descrivi l'applicazione completa che vuoi creare nell'area del prompt. Puoi descrivere un'applicazione robusta e multipagina fin dall'inizio. 

Dopo aver inviato il prompt iniziale, Firebase Studio genera un progetto dell'app che puoi rivedere. Questo progetto è un piano dettagliato che delinea le funzionalità, le linee guida di stile e lo stack tecnologico che l'AI intende utilizzare.

Qui puoi fornire feedback per perfezionare il progetto, assicurandoti che la generazione del codice iniziale sia più vicina a ciò che hai in mente. Apportare modifiche al piano in questa fase è molto più semplice che modificare il codice finale, il che ti aiuta a raggiungere lo stato desiderato più velocemente.

Quando il progetto ti soddisfa, fai clic sul pulsante "Prototype this App" (Prototipa questa app). Firebase Studio genererà quindi un prototipo funzionante in base al piano approvato. Dopo un momento, verrà visualizzata un'anteprima interattiva in tempo reale della tua nuova app.

Con il prototipo interattivo in esecuzione nel riquadro di anteprima, puoi continuare la conversazione per apportare modifiche. Ad esempio, puoi chiedere modifiche visive, aggiungere o cambiare funzionalità o persino introdurre una nuova logica nella tua applicazione.

Quando l'applicazione è pronta, puoi eseguirne il deployment direttamente dall'ambiente. Per farlo, basta fare clic su "Pubblica" nell'angolo in alto a destra. Firebase Studio gestisce l'intero processo di deployment, pubblicando l'app su un URL pubblico utilizzando Cloud Run. Poiché è progettata per la produzione, la tua applicazione è pronta per la scalabilità e la gestione del traffico fin dal primo giorno.

Gemini Code Assist funge da programmatore in coppia con l'AI direttamente all'interno del tuo editor di codice esistente (come VS Code o JetBrains). È ideale per aiutare gli sviluppatori professionisti a lavorare in modo più rapido ed efficiente direttamente nel loro IDE e su progetti esistenti.

Per iniziare, apri un file di progetto nel tuo IDE. Invece di scrivere il codice manualmente, puoi utilizzare la finestra di chat di Gemini o un prompt in linea per descrivere la funzione o il blocco di codice di cui hai bisogno. L'AI genererà il codice e lo inserirà direttamente nel file.

Evidenzia il codice che hai appena creato (o qualsiasi blocco di codice esistente) e usa prompt di follow-up per modificarlo o migliorarlo. È perfetto per aggiungere nuove funzionalità, gestire gli errori, migliorare le prestazioni o modificare la logica senza dover eseguire manualmente il refactoring.

Per assicurarti che il tuo codice sia di qualità adatta alla produzione, puoi chiedere a Gemini di generare test delle unità. Questo automatizza una parte cruciale ma spesso dispendiosa in termini di tempo dello sviluppo di app.