Bu sayfada, Google AI Studio'daki Oluşturma modunu kullanarak nano banana ve Live API gibi Gemini'ın en yeni özelliklerini test eden uygulamaları nasıl hızlı bir şekilde oluşturup (veya vibe code) dağıtabileceğiniz açıklanmaktadır.
Başlayın
Google AI Studio'nun Build mode'unda vibe kodlamaya başlayın. İnşa etmeye başlamanın birkaç yolu vardır:
- İ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 bir web uygulaması oluşturur. Varsayılan olarak bir React web uygulaması oluşturulur ancak Ayarlar menüsünde Angular uygulaması oluşturmayı da seçebilirsiniz. Sağdaki önizleme bölmesinde Kod sekmesini seçerek oluşturulan kodu görüntüleyebilirsiniz.
Aşağıdaki dosyaları not edin:
- geminiService.ts: Bu dosya, istem oluşturmaktan Gemini API'yi çağırmaya ve yanıtlarını ayrıştırmaya kadar uygulamanızın ana mantığını içerir. Bu dosyada temel istemi düzenleyebilir veya herhangi bir bileşen işlevini doğrudan ya da Gemini ile etkileşimli olarak sohbet ederek (Oluşturma modunda) değiştirebilirsiniz. Bu dosyadaki kodun, Gemini API ile etkileşim kurmak için GenAI TS SDK'yı kullandığını unutmayın.
Geliştirmeye devam et
Google AI Studio, web uygulamanız için ilk kodu oluşturduktan sonra projenize devam etmek için iki temel seçeneğiniz vardır: AI Studio'da geliştirme veya Harici geliştirme.
Google AI Studio'da geliştirme
Uygulamanızı doğrudan Google AI Studio ortamında iyileştirmeye ve genişletmeye devam edebilirsiniz:
- 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. Örneğin, "Kullanıcıyı uyaran bir düğme ekle" veya "Renk düzenini mavi ve beyaz olarak değiştir" gibi bir istekte bulunabilirsiniz.
- Kodu Doğrudan Düzenleme: Canlı düzenlemeler yapmak için önizleme panelinde Kod sekmesini açın. Geliştirme sırasında sürüm kontrolünden yararlanmak için projenizi GitHub'a kaydedebilirsiniz.
Harici olarak geliştirme
Daha gelişmiş iş akışları için kodu dışa aktarabilir ve tercih ettiğiniz ortamda çalışabilirsiniz:
- İndirme ve Yerel Geliştirme: Oluşturulan kodu ZIP dosyası olarak dışa aktarın ve kod düzenleyicinize aktarın. Bu sayede, ilk prototipin ötesine geçerek geliştirmeye devam etmek için alıştığınız araçları, derleme sistemlerini ve yerel sürüm kontrolü uygulamalarını kullanabilirsiniz.
- 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:
- Açıklama modu: Uygulamanızın görünümünü değiştirmek için kod yazmak yerine, açıklama moduyla uygulamanızın kullanıcı arayüzünün herhangi bir bölümünü vurgulayabilir ve istediğiniz değişikliği açıklayabilirsiniz. Örneğin, bir bileşen seçip "Bu düğmeyi mavi yap" veya "Bu resmi soldan kaydırarak animasyonlu hale getir" yazabilirsiniz. Sohbete ekle'yi seçtiğinizde, açıklamalı uygulamanın ekran görüntüsünü içeren bir istem oluşturulur.
- Uygulamanızı paylaşma: Oluşturduğunuz içerikleri başkalarıyla paylaşarak işbirliği yapabilir veya çalışmalarınızı sergileyebilirsiniz.
- 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ı remiksleyebilirsiniz.
Uygulamanızı dağıtma veya arşivleme
Uygulamanız hazır olduğunda doğrudan AI Studio'dan dağıtabilirsiniz. Dağıtım seçenekleri şunlardır:
- Google Cloud Run: Uygulamanızı ölçeklenebilir bir hizmet olarak dağıtın. Google Cloud Run'ın fiyatlandırmasının kullanıma göre değişebileceğini unutmayın.
- GitHub: Projenizi mevcut geliştirme ve dağıtım iş akışlarınıza entegre etmek için GitHub deposuna aktarın.
Sınırlamalar
Bu bölümde, Google Yapay Zeka Stüdyosu'nda Oluşturma modunu kullanırken dikkat edilmesi gereken önemli sınırlamalar özetlenmektedir.
API anahtarı güvenliği ve açığa çıkması
- Paylaşılan uygulamaların kodu, uygulamaları görüntüleyen herkes tarafından görülebilir. Uygulamanızın kodunda hiçbir zaman gerçek bir API anahtarı kullanmayın.
- Uygulamalar, API anahtarı için varsayılan olarak bir yer tutucu (ör. process.env.GEMINI_API_KEY) kullanır. Bir kullanıcı, paylaşılan uygulamanızı AI Studio'da çalıştırdığında AI Studio, yer tutucuyu son kullanıcının API anahtarıyla değiştirerek proxy görevi görür ve anahtarınızın gizli kalmasını sağlar.
Uygulama görünürlüğü ve paylaşımı
- Uygulamalar Google Drive'da depolanır ve izin modelini devralır. Bu nedenle, varsayılan olarak gizlidirler.
- Paylaşım İzinleri: Bir uygulamayı diğer kullanıcılarla paylaştığınızda:
- Paylaşılan kullanıcılar kodu görebilir ve uygulamayı kendi kullanımları için çatallayabilir.
- Düzenleme izni verilen paylaşılan kullanıcılar, uygulamanın kodunu değiştirebilir.
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ı projeden 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 işlem gerekli değildir.
- Anahtarın açığa çıkması uyarısı: 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.
Araç ve özellik desteği
- Yerel geliştirme içe aktarma: Şu anda harici araçlarla uygulamaları yerel olarak geliştiremez ve bunları AI Studio'ya aktaramazsınız.
Sırada ne var?
- Diğer kullanıcıların oluşturduğu projeleri inceleyin ve Uygulama Galerisi'ndeki mevcut bir projeyi remiksleyerek ilham alın.
- Başlamanıza yardımcı olacak AI Studio'da vibe kodlama eğitimlerinden oluşan bir koleksiyon için YouTube oynatma listesine göz atın.