Vibe_Coding___Göker_Güner.pdf

Transcript

1. VİBE CODİNG · 2026 Vibe Coding Niyetinizi yazın, yazılıma dönüşsün GÖKER GÜNER IŞIK ÜNİVERSİTESİ NİSAN 2026
2. Ben Göker. AI Consultant · Entrepreneur · Community Builder Viza AI Türkiye Yapay Zeka Topluluğu goker.ai 0 1 — M E R H A B A KURUCU getviza.ai KURUCU WEB VİBE CODİNG 02 / 19
3. Vibe Coding nedir? Kodun her satırını yazmıyorsun. Niyetini söylüyorsun, model yazıyor. Sen yön veriyorsun. Terim 2025'te Andrej Karpathy tarafından gündeme getirildi. Geliştirici niyeti tanımlar; AI uygulamayı çıkarır. 0 2 — T A N I M KARPATHY, 2025 03 / 19
4. Yeni bir yazılım çağı. Makine kodu 0 ve 1. Assembly İlk insan dili denemeleri. Düşük seviye C, Cobol, Java. Yüksek Seviye React, Rust, Python. Doğal dil Türkçe, İngilizce. Her seferinde soyutlama bir kat yukarı çıktı. Şimdi bir kat daha çıktı. 0 3 — B A Ğ L A M 1950S 1960S 1970S+ 2010S 2020+ BAĞLAM 04 / 19
5. Geleneksel kod, vibe coding. Yazıcı Doc oku, syntax öğren Stack overflow turu Uzun testler Saatler debug Her satır el yazması Yönetmen Niyeti tarif et Modele plan kurdur Çıktıyı değerlendir, yön ver Test et, iterate et 5–10x hız kazancı 0 4 — K A R Ş I L A Ş T I R M A GELENEKSEL VİBE CODİNG KARŞILAŞTIRMA 05 / 19
6. Proje geliştirme süreci. Ne, kim için, neden? Tek cümleyle problem ve hedef kitle. Mimari, akış, kararlar Büyük model, derin düşünme. Edge case'ler dahil. Parça parça yazdır Hızlı model, küçük ve net görevler. Sürekli commit. Kullan, kır, geri ver Hatayı modele aynen yapıştır. Döngü tekrar başlar. hızlı döngü 0 5 — S Ü R E Ç 01 NİYET 02 PLAN 03 İNŞA 04 TEST niyet ─→ plan ─→ inşa ─→ test ─↻ SÜREÇ 06 / 19
7. Popüler araçlar. Cursor VS Code temelli, AI- first editor. Claude Code Komut satırından agent gibi çalışır. v0 Promptan React/Tailwind UI çıkarır. Lovable Tarayıcıdan tam uygulama; deploy dahil. Bolt Tarayıcıda Node ortamı + AI iterasyon. 0 6 — E K O S İ S T E M IDE TERMİNAL · AGENT UI GENERATOR FULL-STACK WEB BUİLDER Bir araca kilitlenmeyin. İhtiyaca göre seçin, geçişler doğaldır. EKOSİSTEM 07 / 19
8. Model seçimi Düşünme ve yazma farklı işler. Modeli işine göre seç. B Ö L Ü M 0 2 BÖLÜM 02 08 / 19
9. Planlama: Claude Opus 4.7 4.7 Yavaş, biraz pahalı, kafası iyi çalışan. Bir saat plan, günlerce iş kazandırır. Mimari kararlar — frontend, backend, deploy Veritabanı şeması ve ilişkiler Kullanıcı akışları — login'den ödemeye Edge case ve hata senaryoları API tasarımı ve connection kurguları 0 7 — D Ü Ş Ü N M E K A T M A N I OPUS · PLANLAMA MODELİ BUNLAR İÇİN KULLANIN MODEL · PLAN 09 / 19
10. Kodlama: Claude Sonnet 4.6 4.6 Hızlı, ucuz, bu işin kasabı. Plan iyiyse Sonnet o planı çok iyi uygular. Component ve fonksiyon yazımı Refactor ve ufak değişiklikler Test ve fixture yazma Hata düzeltme ve debug Bug fix iterasyonları 0 8 — Y A Z M A K A T M A N I SONNET · KODLAMA MODELİ BUNLAR İÇİN KULLANIN İpucu — Sonnet'e büyük tasklar yerine küçük ve net tasklar verin. MODEL · KOD 10 / 19
11. Başlamadan önce. 01 Tek cümleyle ne yaptığını yaz Yazamıyorsan, henüz hazır değilsin. Bu en zor adım. 02 Kullanıcı akışını kabaca çiz Bir kullanıcı uygulamana girince ne görür, ne tıklar? 03 Stack'ini netleştir Auth ne, DB ne, hosting ne — kararları önceden ver. 0 9 — H A Z I R L I K HAZIRLIK 11 / 19
12. Modelin bilmediği şey: bağlam. CONTEXT.md · projeni anlat. Kararları yaz. Kütüphaneleri, isimlendirmeyi, kuralları yaz. Her oturumda modele oku. Proje özeti Mimari kararlar Kütüphaneler Stil & isimlendirme "Model her şeyi biliyor" yanılgısı — en pahalıya patlayan hata. 1 0 — D O K Ü M A N T A S Y O N 01 02 03 04 DOKÜMANTASYON 12 / 19
13. Süreçte dikkat edilecekler. a. Kodu okumadan merge etme. Hız tuzağı en sinsi tuzaktır. b. Küçük commit'ler at. Geri dönebilmek hayat kurtarır. c. Güven, ama doğrula. Özellikle güvenlik, ödeme, kullanıcı verisi. d. "Çalışıyor" yetmez — doğru çalışıyor mu? 1 1 — S Ü R E Ç DİKKAT 13 / 19
14. Püf noktaları. Kısa tut. Çok bağlam = dağılan model. Gereksiz dosyaları temizle. Aynen yapıştır. Özetleme. Stack trace ne kadar kirliyse o kadar iyi. Çalışan örnek ver. "Şu dosyayı örnek al" — model patternleri çok iyi yakalar. "Dur, geri dön." Yanlış yola sapıyorsa kabul etme. Yeni mesajla baştan başla. Üçüncü deneme. İlkte mükemmel olmaz. Üçüncü iterasyonda olur. Ekran görüntüsü at. UI hatasını anlatma; göster. Multimodal her şeyi değiştirdi. 1 2 — P Ü F N O K T A L A R I ↳ BAĞLAM ↳ HATA MESAJI ↳ REFERANS ↳ REDDET ↳ SABIR ↳ GÖRSEL PÜF NOKTALARI 14 / 19
15. Sık yapılan hatalar. Tek prompt'ta her şeyi istemek. Parçala, sıraya koy, adım adım git. Plan yapmadan koda atlamak. "Hadi başlayalım" en pahalı cümle. Sadece "düzelt" demek. Ne yanlış, neyi nasıl bekliyorsun — söyle. Test etmeden production'a çıkmak. "Çalışıyor gibi görünüyor" production değildir. Kodu hiç anlamamak. Bir gün bir şey kırılır — o zaman geç. Aynı modele her şeyi yaptırmak. Plana plan modeli, koda kod modeli. 1 3 — T U Z A K L A R TUZAKLAR 15 / 19
16. Bir örnek: Viza. Frontend ve backend. Tamamı vibe coding. 1 ~3 ∞ Eskiden bir ekibin işiydi. Şimdi tek başıma, üretim ortamında, gerçek kullanıcılarla. 1 4 — S A H A N O T U GETVİZA.Aİ GELİŞTİRİCİ AY ITERASYON SAHA NOTU 16 / 19
17. Yöntem ölçekleniyor. Viza getviza.ai Ürün — frontend + backend. TYZ Topluluğu turkishai.community Topluluk sitesi. goker.ai goker.ai Portfolio + blog. 1 5 — S A H A N O T U ŞİRKET TOPLULUK KİŞİSEL Üç farklı ürün, üç farklı ihtiyaç — aynı yöntem. SAHA NOTU 17 / 19
18. Yazıcılıktan yönetmenliğe. 01 İyi plan Opus ile mimariyi netleştir. 02 Doğru model Sonnet ile hızlı, tertemiz uygula. 03 İyi dokümantasyon Bağlamı modele sen ver. Yazılımcılığı bırakmıyorsunuz — bir kademe yukarı çıkıyorsunuz. S O N U Ç SONUÇ 18 / 19
19. TEŞEKKÜRLER Sorularınız? goker.ai Göker Güner İLETİŞİM KONUŞMACI AI Consultant · Entrepreneur · Community Builder