Bu sayfada, Google AI Studio'yu kullanarak Gemini'ın en yeni özelliklerini (ör. Nano Banana ve Live API) test eden uygulamaları hızlıca oluşturma (veya "vibe code") ve dağıtma açıklanmaktadır. Google AI Studio artık tam yığın çalışma zamanlarını destekliyor. Bu sayede, doğal dil istemiyle sunulan sunucu tarafı mantığı, güvenli sır yönetimi ve npm paketi desteği gibi özelliklerle sağlam uygulamalar oluşturabilirsiniz.
Başlayın
Google AI Studio'nun Build mode'unda vibe kodlamaya başlayın. Birkaç şekilde oluşturmaya başlayabilirsiniz:
- İstemle başlayın: Oluşturma modunda, giriş kutusunu kullanarak oluşturmak istediğiniz öğenin açıklamasını girin. İsteminize görüntü üretme veya Google Haritalar verileri gibi belirli özellikler eklemek için Yapay Zeka Çipleri'ni seçin. Hatta sesle yazma düğmesini kullanarak ne istediğinizi söyleyebilirsiniz.
- "Kendimi Şanslı Hissediyorum" düğmesi: Yaratıcı bir başlangıca ihtiyacınız varsa "Kendimi Şanslı Hissediyorum" düğmesini kullanın. Gemini, başlamanıza yardımcı olacak bir proje fikri içeren istem oluşturur.
- Galerideki bir projeyi remiksleme: Uygulama Galerisi'nden bir proje açın ve Uygulamayı Kopyala'yı seçin.
İstemi çalıştırdıktan sonra gerekli kod ve dosyaların oluşturulduğunu görürsünüz. Uygulamanızın canlı önizlemesi sağ tarafta gösterilir.
Ne oluşturulur?
İsteminizi çalıştırdığınızda AI Studio, eksiksiz bir uygulama oluşturur. Varsayılan olarak, aşağıdakileri içerebilen tam yığınlı bir ortam oluşturur:
- İstemci tarafı: Web ön ucu (varsayılan olarak React kullanılır).
- Sunucu tarafı: Güvenli API çağrılarına, veritabanı bağlantılarına ve npm paketi kullanımına olanak tanıyan bir Node.js çalışma zamanı.
Oluşturulan kodu, sağdaki önizleme bölmesinde Kod sekmesini seçerek görüntüleyebilirsiniz. Antigravity Agent, yığınınızdaki birden fazla dosyayı akıllıca yöneterek değişikliklerin doğru şekilde yayılmasını sağlar.
The Antigravity Agent
Antigravity Agent, Google Antigravity'deki temel yapay zeka işlevidir. Artık aracı donanımının temel bileşenleri, Google AI Studio'daki Oluşturma modu deneyimine güç veriyor. Tüm projenizin bağlamını koruyarak, birden fazla dosyayı yöneterek ve karmaşık talimatları anlayarak basit kod oluşturmanın ötesine geçer. Böylece sağlam ve tam yığın uygulamalar oluşturabilirsiniz.
Temel özellikler:
- Bağlam farkındalığı: Önceki istemlerin ve dosya durumlarının bağlamını korur.
- Çoklu dosya yönetimi: Birden fazla dosyadaki bağımlılıkları yönetir.
- Doğrulanmış yürütme: Halüsinasyonları azaltmak için kod güncellemelerini doğrular.
Yazılım çapında özellikler
Google AI Studio, modern web ekosisteminin gücünden yararlanmanızı sağlayarak yalnızca istemci tarafı prototipler oluşturmanıza olanak tanır.
- Sunucu tarafı çalışma zamanı ve npm: npm paketlerinin geniş kitaplığından yararlanın. Aracı, uygulamanız için gereken paketleri (ör. veri görselleştirme veya API istemcileri için belirli kitaplıklar) otomatik olarak tanımlayıp yükler. İsterseniz belirli paketleri de isteyebilirsiniz.
- Gizli Anahtar Yönetimi: API anahtarlarını ve gizli anahtarları Ayarlar menüsünde güvenli bir şekilde saklayın. Bunlara sunucu tarafı kodunuzdan erişilebilir ve istemci tarafında görünmelerine karşı korunurlar.
- Çok oyunculu: Doğrudan AI Studio'da gerçek zamanlı ortak çalışma deneyimleri oluşturun. Sunucu tarafı çalışma zamanı, kullanıcıların birlikte etkileşimde bulunması için gereken durumu ve bağlantıları yönetir.
Tam yığın uygulamalar geliştirme hakkında daha fazla bilgi edinin.
Geliştirmeye devam etme
Google AI Studio, uygulamanız için ilk kodu oluşturduktan sonra kodu iyileştirmeye devam edebilirsiniz:
Google AI Studio'da geliştirme
- Gemini ile yineleme yapma: Gemini'dan değişiklik yapmasını, yeni özellikler eklemesini veya stili değiştirmesini istemek için Oluşturma modundaki sohbet panelini kullanın.
- Kodu Doğrudan Düzenleme: Canlı düzenlemeler yapmak için önizleme panelinde Kod sekmesini açın.
Harici olarak geliştirme
Daha gelişmiş iş akışları için kodu dışa aktarabilir ve tercih ettiğiniz ortamda çalışabilirsiniz:
- İndirin ve yerel olarak geliştirin: Oluşturulan kodu ZIP dosyası olarak dışa aktarın ve kod düzenleyicinize aktarın.
- GitHub'a gönderme: Kodu GitHub deposuna göndererek mevcut geliştirme ve dağıtım süreçlerinize entegre edin.
Temel özellikler
Google AI Studio, geliştirme sürecini sezgisel ve görsel hale getirmek için çeşitli özellikler içerir:
- Tam yığın uygulamalar oluşturma ve üzerinde yineleme yapma: Yalnızca bir istemle tam yığın uygulamalar oluşturun ve sohbet ya da not ekleme modu ile yineleme yapın. Not ekleme modu, uygulamanızın kullanıcı arayüzünün herhangi bir bölümünü vurgulamanıza ve istediğiniz değişikliği açıklamanıza olanak tanır.
- Uygulamanızı paylaşma ve dağıtma: Oluşturduğunuz içerikleri başkalarıyla paylaşarak ortak çalışabilir veya çalışmalarınızı sergileyebilirsiniz. Uygulamanız hazır olduğunda Cloud Run'a dağıtın.
- Uygulama galerisi: Uygulama Galerisi, proje fikirlerinin görsel kitaplığını sunar. Gemini ile neler yapabileceğinize göz atabilir, uygulamaları anında önizleyebilir ve kendi uygulamalarınızı oluşturmak için bunları remiks edebilirsiniz.
Tam yığın uygulamaları oluşturma ve yineleme: Çalışma zamanı desteğiyle ilgili kısa açıklama, not ekleme moduyla yineleme Paylaşma ve dağıtma: Uygulamanızı AI Studio'da paylaşma veya Cloud Run'a dağıtma Uygulama galerisini keşfetme
Uygulamanızı dağıtma veya arşivleme
Uygulamanız hazır olduğunda dağıtabilirsiniz:
- Google Cloud Run: Uygulamanızı ölçeklenebilir bir hizmet olarak dağıtın. Google Cloud Run fiyatlandırması, kullanıma bağlı olarak geçerli olabilir.
- GitHub: Projenizi bir GitHub deposuna aktarın.
Sınırlamalar
Bu bölümde, Google AI Studio'daki derleme modunun mevcut sınırlamaları listelenmektedir.
API anahtarı güvenliği
- İstemci tarafı: Gerçek API anahtarlarını istemci tarafı kodunda doğrudan kullanmayın.
- Sunucu tarafı: Sunucu tarafı çalışma zamanında hassas anahtarları güvenli bir şekilde işlemek için Secrets Management özelliğini kullanın.
Google AI Studio dışında dağıtım
- Uygulamanızı herkese açık bir URL için Cloud Run'a dağıtabilirsiniz ancak bu kurulumda tüm kullanıcıların Gemini API çağrıları için API anahtarınız kullanılır.
- JavaScript uygulamaları istemci tarafında çalıştırılır. Bu nedenle, veri sızıntılarını veya kötüye kullanımı önlemek için API anahtarlarının yalnızca minimum erişime sahip olduğundan emin olun. Örneğin, aynı projede yer alan diğer Dosya Arama Mağazaları, bu mekanizma aracılığıyla kullanıcılara erişilebilir olabilir.
- Güvenli harici dağıtım: Bir uygulamayı AI Studio dışında güvenli bir şekilde çalıştırmak için (ör. zip dosyasını indirdikten sonra) API anahtarını kullanan mantığı, anahtarın son kullanıcılara gösterilmesini önlemek amacıyla sunucu tarafı bir bileşene taşımanız gerekir. Cloud Run kullanarak dağıtım yapıyorsanız bu gerekli değildir.
- Anahtarın açığa çıkmasıyla ilgili uyarı: Yer tutucuyu istemci tarafı ortamında gerçek bir API anahtarıyla değiştirmeniz kesinlikle önerilmez. Aksi takdirde anahtar, tüm kullanıcılar tarafından görülebilir.
Uygulamalar paylaşılırken hata oluşuyor
Uygulamanızı paylaştığınızda son kullanıcınız, paylaşılan URL'yi kullanırken 403 Erişim Kısıtlandı hatasıyla karşılaşıyorsa bunun nedeni aşağıdakilerden biri olabilir:
- Tarayıcı uzantıları: Privacy Badger gibi gizlilik uzantıları uygulamayı engelliyor olabilir. Hatayı önlemek için uzantıyı devre dışı bırakın.
- Derleme sorunları: Mevcut kodla ilgili sorunlar olabilir. Aracıdan "mevcut kodla ilgili tüm derleme sorunlarını düzeltmesini" isteyin ve ardından URL'yi yeniden paylaşın.
Sırada ne var?
- Tam Yığın Uygulamalar Geliştirme
- Uygulama Galerisi'ndeki örneklere bakın.