🎉 WEBZEN BÜYÜK LANSMAN: İlk 500 Webmaster'a 1 Yıllık ⭐ PRO Üyelik & Telefon Onayı HEDİYE!
Hemen Katıl & Kap ↗Neden Webzen? 🏆 İtibarını Taşı
Türkiye'nin webmaster topluluğu
Bilgi paylaş · Proje geliştir · Güvenle ticaret yap
REHBER

Modern Yazılım Süreçlerinde AI: Cursor ve Claude 3.5 Sonnet ile Kodlama Verimliliğini Zirveye Taşımak

mertdev · 9 Eki · 3 yanıt

Giriş: AI Çağında Geliştirici Olmak

Son dönemde Cursor IDE ve Claude 3.5 Sonnet entegrasyonu, yazılım geliştirme süreçlerimizde bir paradigma değişimi yarattı. Artık sadece kod yazmıyoruz, kodun mimarisini AI ile birlikte tasarlıyoruz. Bu rehberde, Cursor üzerinde Claude 3.5 Sonnet'i kullanarak nasıl 10 kat daha hızlı ve temiz kod üretebileceğinizi ele alacağız.

1. Context (Bağlam) Yönetimi ve @ Sembolleri

Cursor'ın en güçlü yanı, projenin tamamını 'anlayabilmesi'. Composer (Ctrl+I) özelliğini kullanırken, sadece genel komutlar vermek yerine @ sembolünü kullanarak spesifik dosyaları veya dökümanları modele referans göstermek başarı oranını %80 artırıyor.

  • İpucu: Ctrl+K ile kod bloğunu seçip 'refactor' komutu verirken, projenizdeki tailwind.config.js veya types/index.ts dosyalarını mutlaka bağlam içine alın.

2. Prompt Mühendisliği: 'Chain of Thought' Tekniği

Claude 3.5 Sonnet, karmaşık mantıkları yürütmede çok başarılıdır. Basit bir 'şu formu yap' komutu yerine, adım adım düşünmesini sağlayın:

'Bir Next.js 14 server action oluşturmanı istiyorum. Önce veri doğrulama şemasını Zod ile tanımla, ardından hata yönetimi için try-catch bloğunu ekle ve son olarak veritabanı işlemini Prisma ile gerçekleştir. Kodun temiz, tip güvenli ve performans odaklı olmasını sağla.'

3. Cursor ile Kod İnceleme ve Test Yazımı

AI'a sadece kod yazdırmakla kalmayın, test yazdırın. Jest veya Vitest yapılandırmanızı AI'a tanıtın ve her yeni fonksiyon için otomatik bir test dosyası üretmesini isteyin. Bu, kod kalitesini (code coverage) standartların üzerine çıkaracaktır.

Örnek İş Akışı:

  1. Planlama: Composer'a projenin genel yapısını özetleyin.
  2. Uygulama: Küçük parçalar halinde (modular) fonksiyonları yazdırın.
  3. Review: Cursor'ın 'Chat' kısmında yazdığınız kodu 'Audit my code for security vulnerabilities' diyerek güvenliğinizi test edin.

Sizler Cursor ve Claude ikilisini projelerinizde nasıl konumlandırıyorsunuz? Özellikle büyük ölçekli projelerde 'context window' sınırlarını nasıl yönetiyorsunuz?

Yanıtla

Giriş: AI Çağında Geliştirici Olmak

Son dönemde Cursor IDE ve Claude 3.5 Sonnet entegrasyonu, yazılım geliştirme süreçlerimizde bir paradigma değişimi yarattı. Artık sadece kod yazmıyoruz, kodun mimarisini AI ile birlikte tasarlıyoruz. Bu rehberde, Cursor üzerinde Claude 3.5 Sonnet'i kullanarak nasıl 10 kat daha hızlı ve temiz kod üretebileceğinizi ele alacağız.

1. Context (Bağlam) Yönetimi ve @ Sembolleri

Cursor'ın en güçlü yanı, projenin tamamını 'anlayabilmesi'. Composer (Ctrl+I) özelliğini kullanırken, sadece genel komutlar vermek yerine @ sembolünü kullanarak spesifik dosyaları veya dökümanları modele referans göstermek başarı oranını %80 artırıyor.

  • İpucu: Ctrl+K ile kod bloğunu seçip 'refactor' komutu verirken, projenizdeki tailwind.config.js veya types/index.ts dosyalarını mutlaka bağlam içine alın.

2. Prompt Mühendisliği: 'Chain of Thought' Tekniği

Claude 3.5 Sonnet, karmaşık mantıkları yürütmede çok başarılıdır. Basit bir 'şu formu yap' komutu yerine, adım adım düşünmesini sağlayın:

'Bir Next.js 14 server action oluşturmanı istiyorum. Önce veri doğrulama şemasını Zod ile tanımla, ardından hata yönetimi için try-catch bloğunu ekle ve son olarak veritabanı işlemini Prisma ile gerçekleştir. Kodun temiz, tip güvenli ve performans odaklı olmasını sağla.'

3. Cursor ile Kod İnceleme ve Test Yazımı

AI'a sadece kod yazdırmakla kalmayın, test yazdırın. Jest veya Vitest yapılandırmanızı AI'a tanıtın ve her yeni fonksiyon için otomatik bir test dosyası üretmesini isteyin. Bu, kod kalitesini (code coverage) standartların üzerine çıkaracaktır.

Örnek İş Akışı:

  1. Planlama: Composer'a projenin genel yapısını özetleyin.
  2. Uygulama: Küçük parçalar halinde (modular) fonksiyonları yazdırın.
  3. Review: Cursor'ın 'Chat' kısmında yazdığınız kodu 'Audit my code for security vulnerabilities' diyerek güvenliğinizi test edin.

Sizler Cursor ve Claude ikilisini projelerinizde nasıl konumlandırıyorsunuz? Özellikle büyük ölçekli projelerde 'context window' sınırlarını nasıl yönetiyorsunuz?

Alıntıla

Harika bir rehber olmuş mertdev. Özellikle DevOps tarafında Cursor'ı, Dockerfile ve k8s manifest dosyalarını optimize etmek için kullanıyorum. Claude 3.5 Sonnet'in YAML dosyalarındaki girinti hatalarını ve konfigürasyon çakışmalarını tespit etme yeteneği inanılmaz. Bir ipucu da benden: .cursorrules dosyasını mutlaka kullanın. Proje kök dizinine ekleyeceğiniz bu dosya ile AI'a 'Her zaman TypeScript kullan', 'Asla any tipini kullanma', 'Logları Winston ile yönet' gibi kuralları zorunlu kılabiliyorsunuz. Bu, ekiple çalışırken kod standardını korumak için altın değerinde.

Alıntıla

Frontend tarafında tam olarak dediğin gibi çalışıyorum. Özellikle Tailwind CSS sınıflarını düzenlerken Cursor'ın 'Apply' özelliği hayat kurtarıyor. Tasarımdan koda geçerken Claude'a ekran görüntüsü yükleyip (Vision özelliği) 'Bu tasarımı ShadcnUI bileşenlerini kullanarak kodla' dediğimde, aldığım sonuçlar %90 oranında düzenleme gerektirmiyor. Tasarım sistemine sadık kalmak isteyen arkadaşlar için büyük bir zaman tasarrufu. Peki, büyük projelerde 'Codebase indexing' kısmında yavaşlık yaşıyor musunuz? Ben bazen node_modules klasörünü hariç tutmak için .cursorignore dosyasını çok sıkı tutmak zorunda kalıyorum.

Alıntıla

Sohbete katıl

Devam etmek için topluluğa katılın. Giriş yap veya kayıt ol.