Firebase Studio'da Firebase'deki Gemini'yi deneyin

Firebase içindeki Firebase Studio Gemini, kodlama iş akışınızı kolaylaştırmak için yapay zeka yardımı sunar. Bu yardımı kod düzenleyicinizde satır içi olarak, komut satırı arayüzü (CLI) üzerinden ve sohbeti kullanarak alabilirsiniz. Firebase içindeki Gemini; kod önerileri sunabilir, kod oluşturabilir, kod kavramlarını açıklayabilir, proje dosyalarını güncelleyebilir, terminal komutlarını çalıştırabilir ve komut çıkışını yorumlayabilir.

Herhangi bir kurulum yapmadan Firebase içinde Gemini'ı hemen kullanmaya başlayabilirsiniz:

Satır içi kod tamamlama ve kod tabanı dizine eklemenin varsayılan olarak etkin olduğunu unutmayın. Bu kullanıcıların ayarlarını nasıl düzenleyeceğinizi öğrenin.

Firebase'da Gemini, Code görünümündeyken kullanılabilir. Firebase Studio'da başlattığınız, Firebase Studio'ya aktardığınız ve App Prototyping agent tarafından oluşturulan uygulamalarda kullanabilirsiniz.

Firebase'da Gemini ile sohbet etme

Firebase Studio, yapay zeka destekli sohbet özelliğiyle geliştirme iş akışlarınızı kolaylaştırır.

Sohbeti kullanmaya başlama

  1. Firebase Studio içinde bir çalışma alanı açın veya oluşturun.

  2. Çalışma alanının alt kısmındaki spark'ıGemini tıklayın.

    adresine dönmek için

  3. Gemini ile sohbet etmeye başlayın.

  4. (İsteğe bağlı) Gemini'a çok formatlı bir istem göndermek için Ekle simgesi Ekle'yi tıklayın ve aşağıdaki seçeneklerden birini belirleyin:

    • Çizim: Çizim araçlarını kullanarak istediğiniz tasarımı oluşturun, ardından isteminizi yazıp Gönder'i tıklayın.
    • Resim: Bir resim yükleyin, isteminizi ekleyin ve Gönder'i tıklayın.
    • Dosya: Bağlam olarak kullanılacak bir dosyayı çalışma alanınızdan seçin, isteminizi ekleyin ve Gönder'i tıklayın.

  5. (İsteğe bağlı) Gemini'nın isteklere yanıt vermek için kullandığı modu değiştirin:

    • İstem: Bir plan oluştur. Bu modda Gemini, kod değişikliği önermeden soruları yanıtlar.
    • Aracı: Uygulamanızda değişiklikler yapın. Bu modda Gemini uygulamanızda değişiklikler önerir ancak onayınız olmadan bunları uygulamaz.
    • Aracı (Otomatik çalıştırma): Uygulamanızda değişiklikleri otomatik olarak uygular. Bu modda, Gemini isteklerinize göre kodunuzda otomatik olarak değişiklik yapar ancak terminal komutlarını çalıştırmak için yine de onay ister.

  6. (İsteğe bağlı) Kendi Gemini API anahtarınızı ekleyin ve farklı bir Gemini modeli seçin. Daha fazla bilgi için Kendi anahtarınızı getirin: Chat'te diğer Gemini modellerini kullanma başlıklı makaleyi inceleyin.

  7. (İsteğe bağlı) Firebase'daki Gemini'ın ayarlarını düzenleyip yapay zeka kuralı dosyaları ekleyerek size nasıl yardımcı olacağını özelleştirin. Daha fazla bilgi edinin.

Sohbet panelinde soru sorabilir Gemini ve kod önerileri alabilirsiniz. Aracı modunda, Gemini proje yapılandırma dosyalarınızı ve kodunuzu güncelleyebilir, hatta doğrudan çalışma alanınızda sizin için terminal komutları çalıştırabilir. Gemini, sizin için aşağıdakilerden herhangi birini yapıp yapamayacağını sorabilir:

  • Dosyaları değiştirme: Gemini özellik ekleyebilir, hatayı düzeltebilir veya kodu yeniden düzenleyebilir. Gemini bir dosyada değişiklik önerdiğinde iki seçenek görürsünüz:

    • Dosyayı Güncelle: Dosyayı doğrudan Gemini'ın önerdiği değişikliklerle güncelleyin.
    • Değişiklikleri İnceleme: Önerilen değişiklikleri uygulamadan önce incelemek için başka bir pencerede açın.

  • Terminal komutlarını çalıştırma: Gemini, bağımlılıkları yükleme veya geliştirme sunucusu başlatma gibi komutları çalıştırabilir. Bu komutları kendisi önerebilir veya Gemini'dan bunları çalıştırmasını isteyebilirsiniz. Gemini bir komut önerdikten sonra Terminal Komutunu Çalıştır düğmesi görünür. Firebase Studio içinde bir terminalde komutu yürütmek için bu düğmeyi tıklayın. Gemini, komutu çalıştırır, sonuçları sohbet penceresinde sizin için yorumlar ve sonraki adımları belirlemenize yardımcı olur.

Sohbet ile karmaşık görevleri tamamlama

Firebase'daki Gemini, aşağıdakiler gibi karmaşık geliştirme görevlerini tamamlamanıza yardımcı olabilir:

  • Kodunuzu belgeleme: Gemini, "Belgelerimi yaz" istemini gönderdiğinizde kodunuz için uygun biçimde otomatik olarak doküman oluşturabilir.
  • Test senaryoları yazma: Gemini birim testlerini otomatik olarak güncelleyip oluşturabilir. Gemini'dan "testlerimi yaz" komutunu verdiğinizde Gemini, mevcut bir birim testi dosyası bulur ve eksik testleri dosyaya ekleyebilir. Mevcut birim testi dosyaları bulunamazsa incelemeniz, üzerinde yineleme yapmanız ve kabul etmeniz için birim testi oluşturulur. Hatta Gemini'dan testi çalıştırmasını bile isteyebilirsiniz.
  • Bağımlılıkları yönetme: Gemini'dan kodunuzdaki eksik bağımlılıkları tespit etmesini ve bunları doğrudan sohbet arayüzünden çözmesini isteyebilirsiniz.
  • Kodu yeniden düzenleme: Gemini'dan sizin adınıza kodu yeniden düzenlemesini isteyebilirsiniz. Örneğin, bir işlevi ayıklayabilir veya birden fazla dosyadaki bir değişkeni yeniden adlandırabilirsiniz. Gemini, önerilen değişikliklerin bir listesini oluşturur. Değişiklikleri inceleyip uyguladıktan sonra Gemini'dan birim testlerini güncelleyip çalıştırmasını isteyerek yeniden düzenlemeyi doğrulayabilir ve testlerin geçmeye devam etmesini sağlayabilirsiniz.
  • Docker iş akışları oluşturma ve çalıştırma: Çalışma alanınızda Docker'ı etkinleştirdiyseniz Gemini'dan Dockerfile oluşturmasını isteyerek (ör. "Uygulamam için Dockerfile oluştur") uygulamanızı hızlıca container mimarisine alabilirsiniz. Gemini, Dockerfile'ı oluşturduktan sonra sizin için container'ı derleyip çalıştırabilir.
  • Birim ve entegrasyon testleri çalıştırma: Gemini'dan belirli test paketlerini çalıştırmasını isteyerek test yürütmeyi başlatabilirsiniz (örneğin, "Birim testlerimi çalıştır" veya "Entegrasyon testlerini çalıştır"). Gemini, projeniz için uygun komutu (örneğin, npm test veya belirli bir test çalıştırıcı komutu) yürütür ve test sonuçlarını sohbet arayüzünde gösterir.

Sohbette eğik çizgi komutlarını kullanma

Eğik çizgiyle başlayan komutlar (/) kullanarak Firebase sohbetinde Gemini'ın sağladığı çıktıyı yönlendirebilirsiniz. Gemini sohbet isteminizin başına / girin ve kullanılabilir eğik çizgiyle başlayan komutlar listesinden istediğiniz işlemi seçin.

Eğik çizgi komutlarının tam listesi için sohbete / yazın.

Örneğin, /generate simgesinin ardından istediğiniz şeyin kısa bir açıklaması, kod snippet'leri oluşturmak için kullanılan bir istem kısayoludur.

/generate css for a black background çalıştırmanın dönüşüyle ilgili bir örneği aşağıda görebilirsiniz:

body {
  background-color: black;
}

/* This CSS code sets the background color of the <body> element to black. This will make the background of the entire web page black. */

Sohbette belirli dosya ve klasörlere referans verme

Firebase'da Gemini'a sorduğunuz istekler ve sorular için ek bağlam bilgisi sağlamak üzere @ simgesini kullanarak belirli dosya ve klasörlere başvurabilirsiniz.

Örneğin, Explain what's contained within the @src/ai directory.

Sohbet geçmişini yönetme

Farklı mesaj dizileri başlatarak Gemini'daki Firebase sohbetlerinizde farklı konuları ayrı tutabilirsiniz. Daha sonra konulara göre önceki ileti dizilerine geri dönebilirsiniz.

Yeni bir sohbet başlatmak için:

  1. Sohbet başlık çubuğunda Yeni Sohbet'i tıklayın.

  2. İsteminizi girin.

Başka bir sohbet ileti dizisine geçmek için:

  1. Sohbet başlığı çubuğunda Son sohbetler'i tıklayın.

  2. Erişmek istediğiniz sohbet dizisini seçin.

  3. Bu sohbet dizisine devam edin veya önceki sohbetlere Gemini ile geri dönün.

Bir sohbet dizisini silmek için:

  1. Sohbet başlığı çubuğundaki Son sohbetler'den silmek istediğiniz sohbet dizisini seçin.

  2. Sohbet başlığı çubuğunda Sohbeti sil'i tıklayın. Sohbet dizisini sohbet geçmişinden silmek istediğinizi onaylayın.

Sohbette kod alıntılarını görüntüleme

Firebase Studio, kod önerilerini doğrulamanıza yardımcı olmak için orijinal kaynak ve ilişkili lisanslar hakkında bilgi paylaşır. Sohbet üstbilgi çubuğundaki Lisans Günlüğü simgesini tıklayarak sohbet penceresindeki kod alıntılarının tam günlüğünü görebilirsiniz.

Sohbet başlık çubuğundaki lisans günlüğü simgesi

Google kod alıntıları hakkında daha fazla bilgi edinmek için Üretken Kod Yardımı başlıklı makaleyi inceleyin.

Firebase'da Gemini'dan satır içi yardım alma

Firebase Studio, Gemini'dan gelen yapay zeka destekli kod önerileriyle üretkenliğinizi artırır.

Kod tamamlama özelliğinin varsayılan olarak etkin olduğunu unutmayın. Ayarlarını nasıl yapacağınızı öğrenin.

Firebase'da Gemini'dan kod önerileri alma

Gemini, olası kodların eksiksiz bloklarını satır içi olarak oluşturur. Gemini satır içi kod yardımını kullanmak için aşağıdaki adımları uygulayın:

  1. Firebase Studio uygulamasında bir çalışma alanı açın.

  2. Yardım almak istediğiniz dosyaya veya kod satırına gidip Ctrl+I (MacOS'te Cmd+I) tuşuna basın.

  3. İstediğiniz şeyin açıklamasını girin. Gemini Öneri oluşturulur. Önerilere yön vermek için işlemleri kısayol olarak da kullanabilirsiniz. Örneğin, satır içi koddaki hataları düzeltmeyle ilgili yardım için /fixError girin.

  4. Aşağıdaki seçeneklerden birini belirleyin:

    • Oluşturulan kodu kullanmak için Kabul et'i tıklayın.
    • Öneriyi başka bir yere yapıştırmak veya yeni bir dosyaya taşımak için Sil düğmesindeki açılır menüden ilgili seçeneği belirleyin.
    • Yeni öneri üretmek için Yeniden oluştur'u tıklayın.
    • Öneriyi tamamen kaldırmak için Sil'i tıklayın.

  5. (İsteğe bağlı) Firebase'daki Gemini'ın ayarlarını düzenleyip yapay zeka kuralı dosyaları ekleyerek size nasıl yardımcı olacağını özelleştirin. Daha fazla bilgi edinin.

Firebase komutlarını satır içi olarak Gemini'da görüntüleme

  1. Belirli bir kod için Gemini komutlarını satır içi olarak görüntülemek istiyorsanız yardım almak istediğiniz kodu seçip sağ tıklayın.

  2. Menüden spark'ıGemini seçin ve ardından gerçekleştirmek istediğiniz işlemi belirleyin.

Gemini tarafından önerilen kod tamamlama özelliğini kullanma

Firebase Studio, kod yazmanıza yardımcı olmak için yapay zeka destekli kod tamamlama özelliği sunar. Bu özellik, yazmaya başladığınız anda açık olan tüm dosyalardaki kodu tahmin edip otomatik olarak doldurur.

Kod tamamlama özelliğinin varsayılan olarak etkin olduğunu unutmayın.

Kod tamamlama özelliğini etkinleştirmek veya devre dışı bırakmak için aşağıdaki yöntemlerden birini kullanarak kod tamamlama ayarlarınızı düzenleyin:

  • settings.json dosyası kullanıyorsanız "IDX.aI.enableInlineCompletion" değerini true veya false olarak ayarlayın.

  • Firebase Studio çalışma alanındaki ayarları güncellemek için:

    1. Dişli simgesi Yönet'i (çalışma alanının sol alt kısmında bulunur) tıklayın, ardından Ayarlar'ı seçin veya Ctrl+, (Mac'te Cmd+,) tuşuna basın.

      App Prototyping agent özelliğini Prototyper view, click Code switch icon Switch to Code to open Code view. kullanıyorsanız

    2. Workspace sekmesini seçin, ardından Firebase Studio > Yapay Zeka > Satır İçi Tamamlama'yı Etkinleştir ayarını bulun.

    3. Kod tamamlama özelliğini devre dışı bırakmak için Yazarken satır içi kod tamamlama özelliğini etkinleştir seçeneğinin işaretini kaldırın.

Gemini CLI kullanarak Gemini ile sohbet etme

Gemini CLI, Google'ın Gemini modellerinin gücünü doğrudan terminalinize getiren açık kaynaklı bir yapay zeka aracısıdır. Gemini CLI, Firebase'deki Gemini'a benzer görevleri yerine getirir. Ancak kod oluşturma, hata ayıklama, komut yürütme veya proje dosyalarını yönetme gibi görevler için terminalde önemli ölçüde zaman harcayan bir geliştiriciyseniz Gemini CLI'yı kullanmayı tercih edebilirsiniz.

Gemini CLI çözümünü kullanmaya başlayın

Firebase Studio uygulamasında Gemini CLI'a erişmek için:

  1. Kod görünümüne geçme: Prototyper mode, Code switch icon Switch to Code to open Code view.

  2. Terminal'e erişin: menü simgesi menüsü > Terminal > Yeni Terminal'i açın.

  3. Açma Gemini CLI: Terminalde aşağıdaki komutu girin:

    gemini
    yükleyin.

  4. Özelleştirme: Klavyenizdeki ok tuşlarını kullanarak bir renk teması seçin, ardından Enter tuşuna basın.

  5. Kimlik doğrulama: Bir kimlik doğrulama yöntemi seçin. Dakikada 60 model isteği ve günde 1.000 istek izniyle ücretsiz Gemini Code Assist lisans almak için Google ile giriş yap'ı seçin. Kimlik doğrulama hakkında daha fazla bilgi için belgeleri inceleyin.

Gelecekte gemini uygulamasına erişmek için terminale Gemini CLI yazmanız yeterli olacaktır.

Alternatif olarak, Gemini CLI komutunu etkileşimli olmayan modda da çalıştırabilirsiniz. Bu mod, komut dosyası oluşturma ve otomasyon için kullanışlıdır. Bu modda, Gemini CLI girdiğiniz komutu yürüttükten sonra otomatik olarak çıkar. Bu modu kullanmak için --prompt veya -p işaretini kullanın. Örneğin: 

gemini -p "Create a markdown file that explains my app's architecture"

Gemini CLI ile komutları kullanma

Soru sormak veya istekte bulunmak için Gemini CLI ile sohbet edebilirsiniz. Şu soruyu sorabilirsiniz:

  • explain [file_name.js]: Tanıdık olmayan bir kodla karşılaşırsanız açıklama istemek için bu komutu kullanın. [file_name.js] yerine ilgili yolu girmeniz veya kodu doğrudan isteme yapıştırmanız yeterlidir.
  • refactor [code_snippet]: Gemini istemini kullanarak kodunuzun yapısını veya verimliliğini artıracak yeniden düzenleme önerileri alın.
  • debug "Error: Module not found: 'firebase-admin'": Hatalarla karşılaştığınızda analizler ve olası çözümler için hata mesajını Gemini'e verin.
  • summarize "Key features of Firebase Realtime Database": Gemini hızlı araştırma ve kısa içerik özetleri sunabilir.

Ayrıca oturumunuzu yönetmenize, arayüzü özelleştirmenize ve davranışını kontrol etmenize yardımcı olacak çeşitli yerleşik komutları da destekler. Örneğin:

  • /help: Kullanılabilir komutların ve seçeneklerin kapsamlı bir listesini görüntülemek için bu komutu girin. Bu liste, keşif için mükemmel bir başlangıç noktasıdır.
  • /chat: Dallanan sohbetler oluşturmak veya önceki bir durumu daha sonraki bir oturumdan devam ettirmek için sohbet geçmişini kaydedin ve devam ettirin.
  • /tools: Gemini CLI içinde kullanılabilen araçların listesini gösterir.
  • /restore: Proje dosyalarını, bir araç çalıştırılmadan hemen önceki durumuna geri yükler. Bu özellik, özellikle bir araç tarafından yapılan dosya düzenlemelerini geri almak için kullanışlıdır.

Komutların tam listesi için Gemini CLI belgelerini inceleyin.