Apa itu vibe coding?

Vibe coding beroperasi pada dua tingkat: loop iteratif tingkat rendah untuk memperbaiki kode, dan siklus proses tingkat tinggi untuk membangun dan men-deploy aplikasi lengkap.

Ini adalah loop percakapan yang ketat yang digunakan untuk membuat dan menyempurnakan bagian kode tertentu.

Ini adalah proses yang lebih luas untuk mewujudkan ide tingkat tinggi dari konsep hingga aplikasi yang di-deploy.

Dengan pemrograman tradisional, Anda berfokus pada detail implementasi, serta menulis perintah, kata kunci, dan tanda baca spesifik yang diperlukan suatu bahasa secara manual. Vibe coding memungkinkan Anda berfokus pada hasil yang diinginkan, dengan menjelaskan tujuan Anda dalam bahasa sederhana, seperti "create a user login form", sementara AI menangani kode yang sebenarnya.

Berikut perbandingannya:

Google Cloud menawarkan beberapa alat untuk vibe coding. Pilihan alat yang Anda gunakan harus bergantung pada sasaran Anda, bukan pada jabatan Anda. Developer dapat menggunakan AI Studio untuk membuat prototipe cepat, penggemar dapat membangun aplikasi lengkap di Firebase Studio, dan data scientist dapat menggunakan Gemini Code Assist untuk menulis skrip.

Setelah selesai membuat prototipe, Anda dapat men-deploy ke Cloud Run (untuk AI Studio dan Firebase Studio), dan melakukan iterasi dari sana menggunakan pengeditan kode sumber atau kembali ke alat vibe coding Anda.

Gunakan panduan ini untuk menemukan alat terbaik untuk tugas yang sedang dikerjakan.

AI Studio adalah cara tercepat untuk mewujudkan ide menjadi aplikasi web yang dapat dibagikan dan digunakan secara langsung, sering kali hanya dengan satu perintah. AI Studio sangat cocok untuk pembuatan prototipe cepat dan membangun aplikasi AI generatif yang sederhana.

Untuk memulai, buka Build in AI Studio. Di area perintah utama, cukup deskripsikan aplikasi yang ingin Anda buat. Mulailah dengan ide yang menarik dan kreatif, lalu jalankan perintahnya. Setelah Anda menjalankan perintahnya, AI Studio akan membuat kode dan file yang diperlukan, dengan pratinjau live aplikasi Anda yang muncul di sisi kanan.

Setelah memiliki pratinjau langsung, Anda dapat menggunakan antarmuka chat untuk menyempurnakan tampilan dan fungsinya dengan perintah lanjutan. Anda dapat menambahkan fitur, mengubah elemen visual, dan lainnya.

Setelah puas dengan hasilnya, Anda dapat men-deploy aplikasi langsung ke web. Cukup klik tombol "Deploy to Cloud Run" di menu sisi kanan, di atas pratinjau aplikasi Anda. AI Studio akan memublikasikan aplikasi Anda ke URL publik, sehingga siap dibagikan kepada tim atau teman Anda.

Firebase Studio adalah lingkungan berbasis web yang canggih untuk membangun aplikasi siap produksi, terutama aplikasi yang memerlukan backend yang tangguh dengan fitur seperti autentikasi pengguna atau database.

Untuk memulai, buka Firebase Studio dan deskripsikan aplikasi lengkap yang ingin Anda buat di area perintah. Anda dapat mendeskripsikan aplikasi multi-halaman yang tangguh sejak awal. 

Setelah Anda mengirimkan perintah awal, Firebase Studio akan membuat blueprint aplikasi untuk Anda tinjau. Blueprint ini adalah rencana terperinci yang menguraikan fitur, panduan gaya, dan stack teknologi yang akan digunakan AI.

Di sini, Anda dapat memberikan masukan untuk menyempurnakan blueprint, sehingga memastikan pembuatan kode awal lebih sesuai dengan yang Anda inginkan. Membuat perubahan pada rencana di tahap ini jauh lebih mudah daripada mengedit kode akhir, sehingga membantu Anda mencapai status yang diinginkan dengan lebih cepat.

Jika Anda puas dengan blueprint, klik tombol "Prototype this App". Firebase Studio kemudian akan membuat prototipe yang berfungsi berdasarkan rencana yang Anda setujui. Setelah beberapa saat, pratinjau interaktif langsung dari aplikasi baru Anda akan muncul.

Dengan prototipe interaktif yang berjalan di panel pratinjau, Anda dapat melanjutkan percakapan untuk melakukan pengeditan. Misalnya, minta perubahan visual, tambahkan atau ubah fitur, atau bahkan perkenalkan logika baru ke aplikasi Anda.

Setelah aplikasi Anda siap, Anda dapat men-deploy-nya langsung dari lingkungan. Untuk melakukannya, cukup klik "Publish" di pojok kanan atas. Firebase Studio menangani seluruh proses deployment, memublikasikan aplikasi Anda ke URL publik menggunakan Cloud Run. Karena dibangun untuk produksi, aplikasi Anda siap diskalakan dan menangani traffic sejak hari pertama.

Gemini Code Assist bertindak sebagai programmer pendamping AI langsung di dalam editor kode yang ada (seperti VS Code atau JetBrains). Gemini Code Assist paling cocok digunakan untuk membantu developer profesional bekerja lebih cepat dan efisien secara langsung di IDE mereka, dan pada project yang ada.

Untuk memulai, buka file project di IDE Anda. Daripada menulis kode secara manual, Anda dapat menggunakan jendela chat Gemini atau perintah inline untuk menjelaskan fungsi atau blok kode yang Anda perlukan. AI akan membuat kode dan menyisipkannya langsung ke file Anda.

Soroti kode yang baru saja Anda buat (atau blok kode yang sudah ada) dan gunakan perintah lanjutan untuk memodifikasi atau memperbaikinya. Hal ini sangat cocok untuk menambahkan fitur baru, menambahkan penanganan error, meningkatkan performa, atau mengubah logika tanpa harus melakukan pemfaktoran ulang secara manual.

Untuk memastikan kualitas kode Anda siap produksi, Anda dapat meminta Gemini untuk membuat pengujian unit. Hal ini mengotomatiskan bagian penting tetapi sering kali memakan waktu dalam pengembangan aplikasi.