ChatGPT veya Gemini ile kod yazma: vibe coding için başlangıç rehberi

Vibe coding, ne istediğini sade kelimelerle anlatıp kodu ChatGPT veya Gemini'ye yazdırmaktır. Yeni başlayan biri olarak bunu iyi yapmak için tam dosyalar iste, her seferinde küçük bir adım at ve çalışan her sürümü kaydet. Ücretsiz AI Code Harvester eklentisi sohbetteki tüm dosyaları listeler ve tek tıkla indirir, böylece kod aramak için kaydırmazsın. Tarayıcında çalışır ve hesap gerektirmez.

Vibe coding nedir ve yeni başlayanlar nerede takılır

Vibe coding'de kodu kendin yazmazsın. Yapay zekaya neyi yapacağını söylersin (fırınım için bir sayfa), o dosyaları yazar, sen denersin ve neyin değişeceğini söylersin. Sonuçları dakikalar içinde gördüğün için gerçekten iyi bir başlangıç yoludur. Sorun bir saat sonra çıkar. Sohbet çok uzamıştır, kod birçok cevaba dağılmıştır ve her dosyanın son sürümünü bulmak için aşağı yukarı kaydırırsın. Kopyalar, yapıştırır, takibi kaybeder ve çalışan bir şeyi bozarsın. Aşağıdaki alışkanlıklar bunun çoğunu çözer.

Yapay zekayla kod yazmayı kolaylaştıran yedi alışkanlık

1. Net bir cümleyle başla. Ne yaptığını, kimin için olduğunu ve nasıl görünmesi gerektiğini söyle. Bir köpek gezdiricisi için fotoğraf, fiyatlar ve iletişim formu olan tek sayfalık bir web sitesi. Net bir hedef, uzun bir prompttan daha değerlidir.
2. Her seferinde tam dosyayı iste. Şunu yaz: Her zaman dosyanın tamamını göster, sadece değişen satırları değil. Parça parça kodlar, yeni başlayanların kodu yanlış yere yapıştırmasının bir numaralı nedenidir.
3. Yapay zekaya her dosyayı adlandırt. Her kod bloğunun üstüne index.html veya style.css gibi dosya adını ve uzantısını yazmasını iste. Bunu kalıcı kural olarak kaydet: ChatGPT'de Settings → Personalization → Custom Instructions bölümüne git.
4. Bir seferde tek şeyi değiştir. Bir istek, sonra test. Aynı anda on değişiklik isteyip bir şey bozulursa hangisinin yüzünden olduğunu bilemezsin.
5. Hata mesajını sohbete geri yapıştır. Sayfa boşsa veya bir düğme çalışmıyorsa hatanın tam metnini yapıştır ve bunu düzelt yaz. Henüz anlaman gerekmiyor.
6. Her büyük değişiklikten önce çalışan bir sürümü kaydet. Dosyaları indir, bir klasöre koy ve o kopyayı sakla. Sonraki cevap her şeyi bozarsa bir dakikada geri dönersin.
7. Nedenini sade kelimelerle sor. Bu kısmın ne yaptığını yeniymişim gibi açıkla de. Sohbetin yanında temel konularda kısa bir kurs da çok yardımcı olur, çünkü yapay zeka yanıldığında fark edersin.

Kaydırmaya son veren yardımcı: AI Code Harvester

• Uzun sohbet yerine dosya listesi. Panel, son cevaptaki her kod bloğunu dosya adı ve türü gösteren renkli bir noktayla bir satır olarak gösterir.
• Kopyala veya zıpla. Her satırda bir Copy düğmesi ve sohbeti o bloğa kaydıran bir ok düğmesi vardır.
• Neyin kaydedileceğini seç. Her dosya için Include in download kutusunu işaretle veya kaldır.
• Hepsi için tek tık. Download all as ZIP tüm cevabı tek bir ZIP olarak kaydeder. Ayrı dosya mı istiyorsun? 1-by-1 moduna geç.
• Kullanışlı ekstralar. Bir Jump to Bottom düğmesi, panelin sohbeti kapatmaması için saydamlık kaydırıcısı ve kurulumu açıklayan bir düğme.
• Koyduğun yerde kalır. Sürükle, boyutunu değiştir veya küçült; konumunu hatırlayabilir.

Görünümü de değiştirebilirsin. Ayarlarda dört vurgu renginden birini seçersin: mor, mavi, yeşil veya kehribar; dosyaların nereye gideceğini de belirlersin: İndirilenler içinde AI_Code_Harvester klasörü, doğrudan İndirilenler veya her seferinde sor. Kurulum bir dakika sürer: Chrome Web Mağazası'ndan ekle ve ChatGPT veya Gemini'yi aç.

Neden ilk günden kurmalı

Yeni olduğunda çok sayıda küçük deneme yaparsın ve her biri dosya üretir. Yardımcı yoksa her biri elle yapılan iştir: kaydır, seç, kopyala, bir dosyaya yapıştır, adlandır. Harvester ile tek tıktır ve dosyalar zaten doğru adlarla gelir, böylece proje klasörün ilk günden düzenli kalır. Bu, altıncı alışkanlığı (çalışan sürümü kaydetmek) neredeyse bedava yapar ve eklentinin en çok başlangıçta işe yaramasının nedeni budur. Ücretsizdir, yalnızca chatgpt.com ve gemini.google.com'da çalışır ve sohbetlerin bilgisayarında kalır. Daha fazlası AI Code Harvester sayfasında.

Dürüst sınırlar

• Yalnızca kod bloklarını toplar. Yapay zeka sadece PDF, resim veya dosya bağlantısı verirse ekranda kaydedilecek bir şey yoktur.
• Klasörleri yeniden oluşturmaz. ZIP düzdür, dosyaları klasörlere kendin taşırsın.
• Kod yazmaz ve düzeltmez. Bu hâlâ yapay zekanın işi, test etmek ise senin işin.
• Canvas görünümleri (bazı sohbetlerin açtığı yan pencere) bulunamayabilir. Yapay zekadan kodu sohbete yapıştırmasını iste.

ZIP olarak kaydetme kısmını zaten biliyor musun? Adım adım anlatım yapay zeka kodunu ZIP olarak indirme rehberimizde.

Başlamadan önce bilmekte fayda var

Sıkça Sorulan Sorular