Yeni başlayanlar için vibe coding nasıl yapılır: adım adım başlangıç

Yeni başlayanlar için vibe coding beş adıma iner: sizin için uygulamayı çalıştıran bir araç seçin, tek bir küçük uygulamayı sade sözlerle tarif edin, bir kullanıcı gibi deneyin, her seferinde yalnızca bir düzeltme isteyin ve çalıştığında yayınlayın. Kod nasıl yazılacağını bilmeniz gerekmez. Bu rehber, her adımı gerçek bir ilk projeyle, yazmanız gereken tam promptlarla ve neredeyse her yeni başlayanın ilk haftasında yaptığı hatalarla birlikte anlatır.

Önce arka plan istiyorsanız — terimin nereden geldiğini ve insanların neden tartıştığını — vibe coding nedir sayfasını okuyun. Bu sayfa pratik tarafıdır.

Başlamadan önce ihtiyacınız olanlar

Sandığınızdan daha azı:

• Bir tarayıcı ve bir vibe coding aracında bir hesap. Yeni başlayanlar, dosyaları ve sunucuları kendilerinin yönetmesini bekleyen bir kodlama asistanı yerine, kodu yazan, çalıştıran ve barındıran bir yapay zeka uygulama oluşturucusunu seçmelidir.
• Küçük bir fikir. Girişiminiz değil. Bir ya da iki ekranı olan, yalnızca sizin (sizin) kullanacağınız bir araç.
• Kesintisiz bir ya da iki saat. İlk oturum size ritmi öğretir.

Bu kadar. Kurulum yok, programlama kursu yok, terminal yok.

Yeni başlayan olarak hangi aracı seçmeli

Araç, alışkanlıklardan daha az önemlidir; ama üç şeyi yapmalıdır: oluştururken canlı bir önizleme göstermeli, kötü bir değişikliği geri almanıza izin vermeli ve paylaşabileceğiniz bir bağlantıya yayınlamalıdır. En iyi vibe coding araçları rehberimiz ana seçenekleri dürüstçe karşılaştırır. Mythex de bunlardan biridir: uygulamayı sohbette tarif edersiniz, canlı önizlemesi olan gerçek bir tam yığın uygulama oluşturur, uygulama bir şeyleri hatırlaması gerektiğinde bir veritabanı ekler ve tek tıkla yayınlar. Ücretsiz plan kart istemez.

Adım 1: Bitirebileceğiniz bir ilk proje seçin

Yeni başlayanlar genellikle çok büyük hedeflediği için başarısız olur. İyi bir ilk proje:

• Kişisel olarak sizin işinize yarar, bu yüzden düzgünce test edersiniz.
• Bir ya da iki ekrana sığar.
• Size ait az miktarda veri saklar.
• Ödeme, ekip ya da hassas kişisel veri içermez.

İyi ilk projeler:

Bu rehberin geri kalanında okuma listesini kullanacağız.

Adım 2: İlk prompt'unuzu yazın

İlk mesajınız her şeyin şeklini belirler. Kimin için olduğunu, ne yaptığını ve nasıl görünmesi gerektiğini söyleyin. Kısa bir paragrafta tutun.

Zayıf bir ilk prompt:

Bana bir kitap uygulaması yap.

İyi bir ilk prompt:

Benim için bir okuma listesi uygulaması yap. Bir kitabı başlığı, yazarı ve durumuyla (okunacak, okunuyor, bitti) ekleyebileyim. Kitapları duruma göre gruplanmış kartlar olarak göster, en yeni en üstte olsun. Bir kitabın durumunu değiştirebilir ya da silebileyim. Sade tutun: beyaz arka plan, tek bir vurgu rengi, telefonumda çalışsın. Kitaplar yenilemeden sonra da kalsın diye kaydet.

İkincisinin ne yaptığına dikkat edin. Alanları, eylemleri, yerleşimi ve yeni başlayanların her zaman unuttuğu tek bir kuralı listeler: verileri yenilemeden sonra da kalacak şekilde kaydedin. Bu satır olmadan birçok araç bitmiş gibi görünen ama sayfa yenilendiğinde her şeyi unutan bir sayfa yapar.

Daha fazla başlangıç noktası için vibe coding prompt kopya kâğıdımıza bakın.

Emin değilken bir plan isteyin

Bir şeyi nasıl tarif edeceğinizden emin değilseniz, yapay zekadan inşa etmeden önce planlamasını isteyin:

Bir şey inşa etmeden önce, hangi ekranları yapacağını, hangi verileri saklayacağını ve benden karar vermemi istediğin şeyleri sade sözlerle anlat.

Mythex'te Plan modu tam olarak bunun içindir: ajan yaklaşımı ortaya koyar ve siz hiçbir dosya değişmeden önce onaylarsınız.

Adım 3: Onu uygulamayı yapan kişi gibi değil, bir kullanıcı gibi test edin

Önizleme göründüğünde sadece beğenmekle yetinmeyin. Kullanın:

1. Biri çok uzun bir başlık olmak üzere üç kitap ekleyin.
2. Bir durumu değiştirin. Kart doğru gruba geçiyor mu?
3. Sayfayı yenileyin. Kitaplar hâlâ orada mı?
4. Boş bir başlıkla kitap eklemeye çalışın. Ne oluyor?
5. Önizlemeyi telefonunuzda açın ya da tarayıcı penceresini daraltın.

Neyin yanlış olduğunu sade sözlerle not edin. "Uzun başlık kart yerleşimini bozuyor" mükemmel bir hata raporudur. "Bozuk" ise değildir.

Adım 4: Her mesajda bir şeyi düzeltin

Bitirenleri pes edenlerden ayıran alışkanlık budur. Tek bir değişiklik gönderin, kontrol edin, sonra bir sonrakini gönderin.

"The Hitchhiker's Guide to the Galaxy: The Complete Trilogy" gibi uzun başlıklar kartın dışına taşıyor. Uzun başlıkları iki satıra sarın ve gerisini "…" ile kesin.

Sonra:

Formu boş bir başlıkla gönderirsem hiçbir şey olmuyor ve bir mesaj çıkmıyor. Alanın altında "Bir başlık ekleyin" göster ve kitabı kaydetme.

Neden tek tek? Tek bir mesajda beş değişiklik istediğinizde yapay zeka dördünü iyi yapabilir ve sessizce başka bir şeyi bozabilir; hangi değişikliğin neye yol açtığını da bilemezsiniz. Küçük adımlar geri almayı da işe yarar hale getirir: bir değişiklik ters giderse, hemen öncesindeki sürüme dönün ve daha net bir istek deneyin.

Bir şey bozulduğunda

Bozulacaktır. Her oluşturucu hatalarla karşılaşır. Tam hata metnini kopyalayın ya da tam olarak neye tıkladığınızı ve neyi gördüğünüzü tarif edip geri yapıştırın:

Bir kartta Sil düğmesine tıkladığımda "Bir şeyler ters gitti" yazısı çıkıyor ve kitap yerinde kalıyor. Nedenini bulup düzelt. Nedenin ne olduğunu bana söyle.

Nedenini istemek önemlidir. Bu, uygulamaların nasıl çalıştığını size öğretir ve yapay zekanın tahmin yürütmesini engeller. Daha derin bilgi için yapay zekayla yapılmış bir uygulama nasıl hata ayıklanır rehberine bakın.

Adım 5: Uygulamayı kendinize göre yapın

Çalıştığında, aynı küçük adımlarla geliştirin:

• "Bitmiş kitaplarda görünen 1–5 yıldızlı bir puanlama ekle."
• "Kartların üstüne başlığa ya da yazara göre filtreleyen bir arama kutusu ekle."
• "Sıcak bir kırık beyaz arka plan ve koyu yeşil bir vurgu rengi kullan."
• "En üste bir sayaç ekle: bu yıl bitirilen kitaplar."

Her biri tek, test edilebilir bir değişikliktir.

Adım 6: Yayınlayın ve paylaşın

İhtiyacınızı karşıladığında yayınlayın. Mythex'te bu tek tıklamadır ve herhangi bir cihazda açabileceğiniz ya da bir arkadaşa gönderebileceğiniz herkese açık bir URL alırsınız. Daha sonra kendi alan adınızı istiyorsanız bu bir Pro özelliğidir ve özel alan adı bağlama rehberimiz bunu açıklar.

Birkaç arkadaşınızın ötesinde herhangi bir şeyi paylaşmadan önce vibe coding güvenli mi sayfasını okuyun. Kişisel bir okuma listesi için risk düşüktür. Yabancıların kayıt olup veri sakladığı bir uygulama için önce yapmanız gereken kontroller vardır.

Kaçınılması gereken yeni başlayan hataları

• Her şeyi aynı anda istemek. "Bana Goodreads yap" etkileyici görünen ama kötü çalışan bir şey üretir. En küçük yararlı sürümle başlayın.
• Yenilemeyi test etmemek. Yenilemede kaybolan veriler, yeni başlayanların en yaygın sürprizidir.
• İsteğinizi her seferinde baştan yeniden yazmak. Neyin değişeceğini ve neyin kalacağını söyleyin: "Yerleşimi koru, yalnızca renkleri değiştir."
• "Düzeltildi"ye güvenmek. Yapay zeka çoğu zaman bir hatanın düzeltildiğini söyler. Her seferinde kendiniz kontrol edin.
• Parolaları ya da API anahtarlarını sohbete yapıştırmak. Uygulamanız dış bir servis için anahtar gerektiriyorsa, onu aracın gizli bilgiler ayarlarına koyun; asla bir mesaja ya da koda değil. API anahtarları nasıl güvende tutulur sayfasına bakın.
• İlk hatadan sonra pes etmek. Hatalar normaldir. Onları geri yapıştırın ve nedenini isteyin.

Yol boyunca öğrenilecekler

Bir kursa ihtiyacınız yok, ama birkaç fikir her isteğinizi daha keskin yapacaktır. Yapay zekadan bunları kendi uygulamanızın bağlamında açıklamasını isteyin:

• Ön yüz ve arka yüz: ziyaretçinin tarayıcısında neyin, sunucuda neyin çalıştığı. (Ön yüz ve arka yüz)
• Veritabanı: uygulamanın verilerini nerede tuttuğu. (Veritabanı nedir?)
• Kimlik doğrulama: uygulamanın birinin kim olduğunu nasıl bildiği.
• Gizli bilgiler: uygulamanın kullandığı ve ziyaretçilerin asla görmemesi gereken özel anahtarlar.

Bunun için iyi bir prompt: "Okuma listemin bir kitabı, Ekle'ye tıkladığımdan verilerin saklanmasına kadar nasıl kaydettiğini açıkla. Sade sözler kullan ve gerçek dosyalara atıfta bulun."

İkinci ve üçüncü projeleriniz

İlk uygulamadan sonra bir adım daha zor bir şey seçin. Haftalık grafikli bir alışkanlık takipçisi. Size e-posta gönderen bir randevu formu. Bir Google E-Tablo'dan okuyan küçük bir pano. Vibe coding örnekleri sayfamız, arkasındaki promptlar ve ters giden şeylerle gerçek uygulama türlerini gösterir; vibe coding ile uygulama nasıl yapılır rehberi ise daha büyük bir projeyi, kullanıcıları olan yayınlanmış bir uygulamaya kadar fikirden anlatır.

Başlamaya hazır olduğunuzda, yapay zeka uygulama oluşturucusunu açın, yukarıdaki okuma listesi promptunu yapıştırın ve kendi fikrinize göre değiştirin.

Sorular