Kod modu nedir?
Kod modu, yazılım işleri için ayarlanmış bir sohbet modudur. Normal moda göre farkları:
- Cevaplar eksiksiz ve çalıştırılabilir kod vermeye yöneliktir (yarım parçalar yerine bütün dosya).
- Kod blokları dil etiketli ve kolay kopyalanabilir biçimde gösterilir.
- Yapay zekanın ürettiği HTML sayfası otomatik olarak yan panelde canlı önizleme ile açılır.
- Öneri kartları yazılımcıya göredir: hata ayıklama, refactor, test yazma, API oluşturma.
Moda nasıl geçilir?
- Sol üstte, logonun yanındaki iki küçük simgeye bakın: biri sohbet, diğeri kod (
<>) simgesidir. - Kod simgesine tıklayın. Arayüz kod moduna geçer ve karşılama metni değişir.
- Sohbet moduna dönmek için sohbet simgesine tıklayın.
Mod, sohbet bazında saklanır: bir sohbeti kod modunda başlattıysanız, geçmişten açtığınızda yine kod modunda açılır. Son seçtiğiniz mod da tarayıcınızda hatırlanır.
Kod yazdırmak: İyi bir istek nasıl olur?
Kod modunda da net ve ayrıntılı istek yazmak en önemli şeydir. İstediğiniz şunları içersin:
- Dil ve sürüm: "Python 3.12", "Node.js 20", "React + TypeScript".
- Ne yapacağı: girdi, çıktı, kenar durumlar.
- Kısıtlar: harici kütüphane kullanımı, performans, stil.
- Mevcut kod: hata ayıklıyorsanız, ilgili kodu ve tam hata mesajını yapıştırın.
Örnek: "Node.js 20 ile, verilen bir klasördeki tüm .log dosyalarını okuyup içlerinde 'ERROR' geçen satırları tarihe göre sıralayan bir betik yaz. Yalnızca standart kütüphane kullan ve sonucu bir dosyaya yaz."
Hazır başlangıç için öneri kartlarını kullanabilirsiniz: Hata ayıkla, Refactor et, Test yaz, API oluştur. Karta tıklayınca örnek bir başlangıç metni kutuya gelir; altına kodunuzu yapıştırırsınız.
Daha fazla teknik için Yapay zeka ile kod yazma rehberimize bakın.
Kod bloklarıyla çalışmak
Cevapta kod, gri bir kutu içinde gösterilir. Kutunun üst çubuğunda dilin adı ve düğmeler bulunur:
- Kopyala: Kodun tamamını panoya kopyalar. Düğme kısa süre "Kopyalandı" yazar.
- Önizle: HTML kodunda görünür; kodu yan panelde çalıştırır.
Uzun kodlar kutu içinde kaydırılır. Kopyalarken kutuyu elle seçmenize gerek yoktur.
HTML sayfalarını canlı önizlemek
Yapay zeka bir web sayfası (HTML) ürettiğinde, cevap tamamlanınca sağ tarafta önizleme paneli otomatik açılır. Panelde:
- Sayfa, gerçek bir tarayıcı penceresi gibi çalışır (stiller, düğmeler, betikler).
- Üst çubuktaki düğmeler:
- Kod / Önizleme: Önizlemeyle ham kod arasında geçiş yapar.
- Yeni sekmede aç: Sayfayı ayrı bir sekmede tam ekran açar.
- İndir: Kodu bir .html dosyası olarak indirir.
- Kapat: Paneli kapatır.
- Paneli yeniden boyutlandırma: Panelle sohbet arasındaki dikey ayırıcıyı fareyle sola/sağa sürükleyin. Çift tıklarsanız varsayılan genişliğe döner.
İstediğiniz değişiklikleri sohbetten yazarak yaptırın: "Başlığı büyüt", "arka planı koyu mavi yap", "iletişim formu ekle". Yapay zeka güncel sayfayı yeniden üretir ve önizleme yenilenir.
Önizlemenin sınırları
- Önizleme tek bir HTML dosyası içindir. Birden fazla dosyalı projeler (ayrı CSS/JS/sunucu kodu) için kodu kopyalayıp kendi ortamınızda çalıştırmanız gerekir.
- Dış kaynaklar (CDN'den yazı tipleri, kütüphaneler) internet bağlantısı gerektirir.
- Sunucu tarafı kod (Node, Python vb.) önizlenmez; yalnızca gösterilir.
İş akışı önerisi
- İsteği küçük tutun: bir fonksiyon, bir bileşen, bir sayfa.
- Kodu okuyun ve anlayın; kopyalamadan önce ne yaptığını sorun.
- Çalıştırın ve test edin. Hata olursa, hata mesajını yapıştırıp "Bu hatayı alıyorum" deyin.
- Beğenmediğiniz yeri belirtip adım adım düzelttirin.
- Önemli kodları canlıya almadan önce bir insanın incelemesinden geçirin.
Gizlilik hatırlatması
Yapıştırdığınız kod, cevap üretilebilmesi için yapay zeka sağlayıcılarına iletilir. API anahtarlarını, parolaları, özel anahtarları ve gerçek müşteri verilerini yapıştırmayın; YOUR_API_KEY gibi yer tutucular kullanın.
Sık sorulanlar
Önizleme paneli açılmadı. Panel yalnızca cevapta bir HTML bloğu olduğunda açılır. Kod bloğundaki Önizle düğmesine basarak elle de açabilirsiniz.
Kod modunda başka konularda da sohbet edebilir miyim? Evet, ama mod yazılıma ayarlıdır; genel konular için sohbet moduna geçmek daha iyi sonuç verir.
Hangi model kod için iyi? Bkz. Model seçimi ve modellerin farkları.