1. Genel Bakış
Yapay zeka ile geliştirme yolculuğu bugün nerede başlıyor? Çoğumuz için bu süreç genellikle basit bir soruyla başlar: "Üzerinde düşündüğüm soruna yönelik bir çözümü hızlıca prototipleyebilir miyim?" Google AI Studio tam da bu noktada devreye girer. Bu platformda her şeyin prototipini hızlıca oluşturabilirsiniz. Bu codelab'de, vibe coding kullanarak basit bir web uygulaması oluşturup Cloud Run'a dağıtacağız.
Ne oluşturacaksınız?
Bir web uygulaması oluşturup diğer kullanıcıların denemesine hazır mısınız? Yalnızca AI Studio'yu kullanarak bir web uygulaması oluşturup Cloud Run'a dağıtacağız. Bu laboratuvar kapsamında şunları yapacaksınız:
- Vibe coding kullanarak basit bir web uygulaması oluşturma
- Uygulamanın beklendiği gibi çalıştığını test etme
- Uygulamayı Cloud Run'a dağıtma
Şartlar
2. Başlamadan önce
- Google Cloud Console'daki proje seçici sayfasında bir Google Cloud projesi seçin veya oluşturun.
- Cloud projeniz için faturalandırmanın etkinleştirildiğinden emin olun. Bir projede faturalandırmanın etkin olup olmadığını kontrol etmeyi öğrenin .
- Kredileri kullanma bağlantınız varsa buradakitalimatları uygulayarak kredileri kullanabilirsiniz.
3. Prototip
Google AI Studio'ya gidin. Oluşturmak istediğiniz uygulamayı açıklayan isteminizi yazmaya başlayın. İstemim:
Create a formal looking frontend application that has two buttons: "Snowflakes" and "Balloons". If the user clicks on the "Snowflakes" button, snowflakes of medium size should start falling on the screen from top to bottom for 5 seconds. If the user clicks on the "Balloons" button, balloons of medium size should start floating from the bottom of the screen and float to the top for 5 seconds.
İstediğiniz modeli seçin. Burada Gemini 3 Pro Önizleme kullanılıyor. Oluştur düğmesini tıklayın.
AI Studio, bu basit açıklamaya dayanarak sağladığınız açıklamayla tam olarak eşleşen bir web uygulaması oluşturur. Uygulamanın oluşturulması 2-3 dakika sürer.
Uygulamayla ilgili herhangi bir sorunla karşılaşırsanız uygulamanın davranışını düzelten ek istemler verebilirsiniz. Örneğin, kar tanesinin boyutunu mevcut boyutunun iki katına çıkarın.
Oluşturulan uygulamanın anlık görüntüsünü aşağıda görebilirsiniz:
4. Cloud Run'a dağıt
Uygulama hazır olduğuna göre şimdi Cloud Run'a dağıtalım.
- AI Studio sayfasının sağ üst köşesindeki roket benzeri düğmeyi tıklayın. Düğme, üzerine gelindiğinde "Uygulamayı dağıt" ifadesini gösterir.
- **Deploy app on Google Cloud** (Uygulamayı Google Cloud'da dağıt) pop-up'ı açılır.
- Bulut projesi seçin açılır listesini tıklayın.
- Açılır listeden projeyi seçin. Projenizi açılır listede bulamıyorsanız Projeyi içe aktar'ı tıklayın ve Projeyi içe aktar bölmesinden projeyi seçin.
- Projeyi seçtiğinizde faturalandırmanın etkin olup olmadığı doğrulanır. İlk adımlarda faturalandırma hesabını projeye eklediğimiz için bu doğrulama başarılı olur.
- Uygulamayı dağıt düğmesini tıklayın ve uygulamanın Cloud Run'a dağıtılmasını bekleyin.
Cloud Run hizmeti adının otomatik olarak oluşturulacağını unutmayın.
- Dağıtım birkaç dakika içinde tamamlanır ve Uygulama URL'si'ni alırsınız. URL'yi tıkladığınızda dağıtılan web uygulamasını görürsünüz.
5. Temizleme
Bu yayında kullanılan kaynaklar için Google Cloud hesabınızın ücretlendirilmesini istemiyorsanız şu adımları uygulayın:
- Google Cloud Console'da Kaynakları yönetin sayfasına gidin.
- Proje listesinde silmek istediğiniz projeyi seçin ve Sil'i tıklayın.
- İletişim kutusunda proje kimliğini yazın ve projeyi silmek için Kapat'ı tıklayın.
6. Tebrikler
Tebrikler! AI Studio'da bir uygulamayı başarıyla vibe-code'ladınız ve Cloud Run'a dağıttınız.
AI Studio, uygulamaları geliştirip test etmek için ideal bir platformdur. Kullanıcılar, tasarımlarını anında görselleştirebilir.
AI Studio'nun Cloud Run ile sorunsuz entegrasyonu, kullanıcıların uygulamalarını doğrudan Google Cloud'a kolayca dağıtmasını sağlar. Cloud Run'ı kullanmak, sunucusuz bir ortamın tüm doğal avantajlarını sağlar ve altyapı yönetiminin karmaşıklıklarını ve ek yükünü ortadan kaldırır.