Etkili istem yazma

Uygulama planınızın etkinliği ve oluşturulan kodun kalitesi, istemlerinizin netliğine ve ayrıntı düzeyine bağlıdır. App Prototyping agent kullanırken, uygulama oluşturma ve hata ayıklama sırasında etkili istemler oluşturmak için aşağıdaki yönergeleri göz önünde bulundurun:

  • Net olun: Uygulamanızın özelliklerini, kullanıcı etkileşimlerini ve veri gereksinimlerini net bir şekilde tanımlayın. Mümkün olduğunda belirli teknolojileri kullanmasını isteyin. Örneğin, 3D öğeler içeren bir web uygulaması oluşturmaya çalışıyorsanız Gemini'dan three.js kullanmasını isteyebilirsiniz.
  • Hizmetleri ayarlamak için ek görevler hakkında soru sorun: Gemini, uygulamanız için kod yazabilir ancak hizmetleri ayarlayamaz, API'leri etkinleştiremez veya kaynak (ör. Cloud Storage paketi veya Stripe hesabı) sağlayamaz. Gemini modeline, belirli hizmetler için kod yazarsa bu hizmetleri nasıl kuracağınızı da söylemesi gerektiğini belirtin.
  • Firebase projesi isteyin: App Prototyping agent'den Firebase hizmetlerini ayarlamanıza yardımcı olmasını isterseniz sizin adınıza bir Firebase projesi oluşturur. Örneğin, "Firestore'u eklememe yardım et" veya "Uygulamamı Firebase'e bağla" diyebilirsiniz.
  • İsteminizi hassaslaştırmak için Gemini kullanın: İsteminizi hassaslaştırmak ve optimize etmek için Google için Gemini'ı kullanın, Code görünümünde Gemini ile sohbet edin veya diğer Gemini yüzeylerini kullanın.
  • Bağlam sağlayın: Uygulamanızın amacı, hedef kitlesi ve istediğiniz kullanıcı deneyimi hakkında arka plan bilgileri ekleyin.
  • Örneklerden yararlanın: Mümkünse kullanıcıların uygulamayla nasıl etkileşim kurması gerektiğine veya hangi verilerin gösterilmesi gerektiğine dair örnekler verin.
  • Yineleyin ve iyileştirin: Geliştirme sürecinizi yinelemeli olarak ele alın. Temel bir istekle başlayıp bir özellik ekleyebilir, test edebilir, iyileştirebilir ve ardından başka bir özellik ekleyebilirsiniz.

Bu yönergeleri uygulayarak Firebase Studio tarafından oluşturulan uygulama şablonlarının kalitesini ve alaka düzeyini, ayrıca uygulamanızda hata ayıklama yaparken elde ettiği başarıyı önemli ölçüde artırabilirsiniz.

Yanıtları hassaslaştırmak için ek istemler kullanma

İlk sonuçlar beklediğiniz gibi değilse daha fazla ayrıntı ekleyerek veya belirli talimatlar vererek istemlerinizi hassaslaştırabilirsiniz:

  • Kısıtlama ekleme: Kullanıcı arayüzü, veri modeli veya özelliklerle ilgili kısıtlamaları belirtin.
  • Örnekler verin: Kullanıcıların uygulamayla nasıl etkileşim kurması gerektiğine ve hangi verilerin görünmesi gerektiğine dair örnekler verin.
  • Anahtar kelimeler kullanın: İstediğiniz özellikleri veya işlevleri açıklamak için anahtar kelimeler kullanın. LLM, bu anahtar kelimeleri istediğiniz çıkış sınıfıyla ilişkilendirebilir. Örneğin, uygulamanızın Google tasarım standartlarına uymasını istediğinizi belirttiğiniz bir istemde Materyal Tasarım'ı kullanabilirsiniz.
  • Belirli değişiklikler isteme: Oluşturulan kodda veya planda belirli değişiklikler yapılmasını isteyin. Her özellik isteğini ayrı bir istek olarak ekleyin.
  • Modelden akıl yürütmesini isteyin: İstediğiniz sonuçları almakta zorlanıyorsanız modelden istem üzerinde akıl yürütmesini isteyin. Örneğin, "Adım adım düşün. Görev uygulamam için bir giriş kutusu oluşturmak istiyorum. Bu kutuda "Görev ekle" ve "İptal" düğmeleri olmalı."

Bu teknikleri kullanarak istemlerinizi istediğiniz sonuçları elde edecek şekilde iyileştirebilirsiniz.

Uygulama şablonları için etkili istem örnekleri

Farklı uygulama türleri için etkili istem örneklerini aşağıda bulabilirsiniz:

Basit görev takipçisi:

Create a simple web app that displays a list of to-do items.
Users should be able to add new items to the list and mark items as complete.
Provide a way to delete items and export the list as a text file.
Use a clean and modern UI using Google Material Design principles.

Bütçe uygulaması:

A budgeting and expense tracking app with spending categories, charts, and
budget goals. Include a clean dashboard with key insights. It should include
spending categories, charts, and budget goals. The app should allow users to
manually add expenses or upload csv files. The app should also allow users to
upload receipts, then use AI to convert the receipt into an expense entry that
users can edit. Data should be stored in browser cache, with download and
delete options.

Gemini desteğiyle oyun uygulaması istemi (Markdown):

Generate a delightful sliding number puzzle game (15-puzzle) with Javascript,
HTML, and CSS.

- **Setup:** Create a 4x4 grid with numbers 1-15 and one empty space. Use a
  **solvable shuffling algorithm** to randomize the start.
- **Gameplay:** Allow clicking tiles **adjacent to the empty space** to slide
  them. Count and display the number of moves.
- **Timer:** Include a **countdown timer** starting at **120 seconds**
  (2 minutes).
- **End Conditions:**
    - If solved (numbers 1-15 in order): Alert with an encouraging winning
      statement generated by AI.
    - If timer reaches 0: Alert with a funny retort generated by AI.

Hata ayıklamayla ilgili ipuçları

Code çalışma alanınızda veya App Prototyping agent panelinde sohbet ederek kodunuzda hata ayıklamak için Gemini kullanabilirsiniz.

Gemini sizin için kod yazabilir ancak bazen hata da yapabilir. Bir hata tespit ettiğinde bu hatayı düzeltmeye çalışır. Hata mesajı nedeniyle sorunu çözemediğini fark ederseniz aşağıdaki tekniklerden bazılarını deneyebilirsiniz:

  • Sorunu açıklayın: Sohbet arayüzünde, karşılaştığınız sorunu mümkün olduğunca net ve kısa bir şekilde açıklayın. Gemini, hata mesajları ve günlükler gibi bağlamlara erişebilse de bağlamın tamamını anlayamayabilir. Hata mesajıyla birlikte davranışın açıklanması, Gemini ekibinin hataları daha hızlı düzeltmesine yardımcı olabilir.

  • Spesifik sorular sorun: Kodunuzla ilgili doğrudan sorular sormaktan Gemini çekinmeyin. Örneğin, "Bu işlevde boş işaretçi istisnasına ne sebep olabilir?" veya "Bu yarışma durumunu nasıl önleyebilirim?"

  • Karmaşık sorunları parçalara ayırın: Karmaşık bir sorunla uğraşıyorsanız sorunu daha küçük ve daha yönetilebilir parçalara ayırın. Gemini'dan her bir parçada ayrı ayrı hata ayıklama yapmanıza ve sorunları adım adım düşünmenize yardımcı olmasını isteyin.

  • Kod blokları kullanın: Kod snippet'lerini paylaşırken kodun doğru şekilde biçimlendirildiğinden emin olmak için kod blokları kullanın. Bu sayede Gemini, kodunuzu daha kolay okuyup anlayabilir.

  • Tekrarlayın ve hassaslaştırın: Gemini her zaman ilk denemede mükemmel çözümü sunmayabilir. Yanıtları inceleyin, açıklayıcı sorular sorun ve gerektiğinde ek bilgi verin.

  • İstem döngülerinden kaçının: Gemini bir döngüye girerse veya sorunuzu yanıtlayamazsa isteminizi yeniden ifade etmeyi veya ek bağlam sağlamayı deneyin. Bazen sorunuzu farklı bir şekilde ifade etmek, Gemini uygulamasının ne sorduğunuzu anlamasına yardımcı olabilir.

    İsteminizi yeniden ifade etmek döngüyü çözmezse aşağıdaki teknikleri deneyin:

    • Yeni bir sohbet başlatın: Code çalışma alanınızda Gemini sohbetini kullanıyorsanız Gemini bağlamını sıfırlamak için yeni bir sohbet oturumu başlatın. Bu sayede, Gemini önceki sohbette yapmış olabileceği yanlış anlamalardan veya varsayımlardan kurtulabilir.

    • Karşıt örnekler verin: Gemini yanlış varsayımlarda bulunuyorsa doğru davranışı anlamasına yardımcı olmak için karşıt örnekler verin.

Sonraki adımlar