Tarayıcınız Artık Bir FPGA: WebFPGA Bu Yıl Kurcalayacağınız En Havalı Şey

Tarayıcınız Artık Bir FPGA: WebFPGA Bu Yıl Kurcalayacağınız En Havalı Şey

On yılı aşkın süredir web uygulamaları geliştiriyorum ve JavaScript framework'lerinin moda akımları gibi gelip geçtiğini gördüm. Ama bu hafta, kendimi ilk kez havya tutan bir çocuk gibi hissettiren bir tavşan deliğine düştüm. Bahsettiğim şey **WebFPGA** (webfpga.io) ve bu sadece yeni bir kütüphane değil—tarayıcı sekmenizden gerçek, fiziksel donanımı doğrudan programlamanızı sağlayan bir paradigma değişimi.

Sahneyi bir kurayım. Geçen Salı, bir Flutter uygulamasındaki berbat bir yarış koşulunu (sormayın) debug etmeye çalışıyordum ve zihinsel bir molaya ihtiyacım vardı. Hacker News'te "WebFPGA" yazan bir linke tıkladım. Sıkıcı bir Verilog simülasyonu dersi daha bekliyordum. Bunun yerine, WebUSB ve WebAssembly kullanarak bir bitstream'i gerçek bir FPGA çipine—yönlendiricinizdeki, arabanızdaki veya tıbbi cihazlardaki çiplere—aktaran bir proje buldum.

Hemen ucuz bir geliştirme kartı sipariş ettim (merak ediyorsanız Tang Nano 9K). Cuma gününe kadar Chrome üzerinden çalışan bir yanıp sönen LED'im ve çalışan bir UART arayüzüm vardı. IDE kurulumu yok, lisans anahtarı yok, 2GB'lık Xilinx yazılımı yok. Sadece bir URL.

İşte bu, "donanım" kelimesini tesisat terimi sanan bir backend mühendisi ya da bozuk USB sürücülerinden bıkmış bir hobi tutkunu olun, sizin için neden önemli.

"Bir Dakika, Hepssi JavaScript mi?" Anı

Geleneksel bir FPGA araç zinciri kurmayı hiç denediyseniz, acıyı bilirsiniz. Genellikle 20 GB satıcı yazılımı indirmek, lisans sunucularıyla boğuşmak ve JTAG tanrılarına kartınızın algılanması için dua etmek gerektirir. Yıllardır akıllı yazılım mühendislerini donanımdan uzak tutan bir kabus bu.

WebFPGA işte tam burada devreye giriyor. Tamamen istemci tarafında çalışan bir araç zinciri. Siteyi açtığınızda, Verilog kodunuzu derlemek için bir sunucuya göndermiyorsunuz. Sentez, yerleştirme ve yol bulma (place-and-route) ve bitstream üretimi—hepsi WebAssembly kullanılarak tarayıcınızda yerel olarak gerçekleşiyor.

**Bunun pratikte anlamı şu:**
- **Sıfır Kurulum:** Kelimenin tam anlamıyla `https://webfpga.io/` adresini açıyorsunuz ve başlamaya hazırsınız.
- **Gizlilik:** Fikri mülkiyetiniz (silikon türü) sizin makinenizde kalıyor. Özel algoritmalar üzerinde çalışan şirketler için bu çok büyük bir olay—tasarımınızı rastgele bir bulut derleyiciye sızdırmıyorsunuz.
- **Hız:** Küçük tasarımlar için derleme şaşırtıcı derecede hızlı. Yosys gibi yerel bir araç kadar hızlı değil, ancak bir Cuma öğleden sonra projesinde yinelemek için yeterince hızlı.

Senaryo 1: "Donanıma Hiç Dokunmamış" Backend Geliştiricisi

Meslektaşım Sarah'ı—GPIO'nun "Genel G/Ç Sorunu" anlamına geldiğini düşünen parlak bir Go geliştiricisi—bunu denemeye zorladım. Şüpheciydi. Küçük bir FPGA kartını taktık, "Bağlan"a tıkladık ve Chrome cihaza erişim için izin istedi.

15 dakika içinde, Verilog ile basit bir sayaç yazmıştı ve karttaki LED'lerin ikili sayı saymasını izliyordu. Zamanlama kapanışını veya saat alanı geçişini anlamasına gerek yoktu. Sadece mantık yazdı, "Yükle"ye tıkladı ve fiziksel sonucu gördü.

İşte buradaki en öldürücü özellik: **anında tatmin**. Kod yazmak ile elektronların hareket ettiğini görmek arasındaki geri bildirim döngüsü yaklaşık üç dakika. Bu, web uygulamaları için çoğu CI/CD hattından daha hızlı.

Bu Neden "Blinky" Demosunun Ötesinde Önemli?

Tamam, yanıp sönen LED'ler havalı, ama bunu bir Arduino ve breadboard ile de yapabilirsiniz. WebFPGA'nın asıl gücü **paralellik** ve **deterministik zamanlama**da.

Bir yazılım mühendisi olarak, muhtemelen iş parçacığı (thread) kullanımında duvara tosladınız. JavaScript'te Worker'lar var ama onlar ağır. Python'da GIL var. Bir FPGA, binlerce mantık işlemini *gerçek anlamda aynı anda* çalıştırmanıza olanak tanır.

Senaryo 2: Gerçek Zamanlı Veri Korsanı

Diyelim ki özel bir veri toplama aracı geliştiriyorsunuz. 1 MHz'de 24 bitlik veri tüküren bir sensörünüz var. Yazılımda, bunu bir CPU ile ayrıştırmak döngüler alır ve paketler düşürürsünüz.

WebFPGA ile, veriyi tutan (latch), bir register'a kaydıran ve bir kesme (interrupt) işareti gönderen küçük bir modül yazabilirsiniz—tüm bunlar CPU başka bir şey yaparken olur. Hatta FPGA'nın dokusunda basit bir FFT veya FIR filtre bile uygulayabilirsiniz. Sanki milyonlarca küçük, özel çekirdekte çalışan kod yazmak gibi.

Senaryo 3: Retro Oyun Meraklısı

İşte eğlenceli bir tane: WebFPGA kullanarak basit bir VGA sinyal üreteci uyguladım. Evet, bir VGA çıkışı. Yatay ve dikey senkronizasyon darbelerini üreten bir modül, ardından zıplayan bir kare çizen ikinci bir modül yazdım.

Bir monitörü kartıma bağladım ve kareyi mükemmel bir şekilde gösterdi. Bunu bir Raspberry Pi ile yapmak GPU firmware'ini kurcalamayı gerektirir. FPGA ile yapmak sadece... mantık. Son derece saf. WebFPGA sitesinde bunun için örnekler bile var, uyarlamayı kolaylaştırıyor.

Nasıl Başlanır (Cüzdanı Yakmadan)

Bununla oynamak için 500 dolarlık bir geliştirme kitine ihtiyacınız yok. İşte toplam maliyeti 40 doların altında olan benim tam kurulumum.

1. **Uyumlu bir kart satın alın:** WebFPGA projesi açık kaynaklıdır ve birçok kartı destekler. Şiddetle **Tang Nano 9K** öneriyorum (AliExpress veya Seeed Studio'da mevcut). Minicik, önemli projeler için yeterli mantık elemanına sahip ve webfpga.io'daki araç zinciri tarafından doğal olarak destekleniyor.
2. **Chrome veya Edge kullanın:** WebUSB huysuz olabiliyor. Chromium tarayıcılarda kusursuz çalışıyor, ancak Safari ve Firefox bu özellikte hâlâ geride. Bununla savaşmayın—bu özel görev için sadece Chrome kullanın.
3. **Örneklerle başlayın:** İlk günden bir RISC-V çekirdeği yazmaya çalışmayın. "Blinky" örneğini yükleyin. Ardından daha hızlı yanması için saat bölücüyü (clock divider) değiştirin. Sonra girdi okumak için "Button" örneğini deneyin.
4. **Sözdizimini öğrenin:** Verilog veya VHDL yazabilirsiniz. Yeniyseniz, Verilog'da kalın—hobi dünyasında daha yaygındır ve sitede daha fazla örnek vardır.

Çirkin Taraf (Dürüst Şikayetlerim)

Ben bir blog yazarıyım, hayran değilim. Size karşı dürüst olmalıyım. WebFPGA harika ama henüz mükemmel değil.

- **Araç Olgunluğu:** Sentez aracı (Gowin çipleri için Apicula) tersine mühendislikle oluşturulmuş. Çalışması bile etkileyici, ancak çok karmaşık tasarımlar için resmi satıcı araçlarının vermeyeceği derleme hatalarıyla karşılaşabilirsiniz. Bunu hobi projelerinde fark etmezsiniz, ama ciddi DSP işlerinde fark edersiniz.
- **Tarayıcı Sınırları:** Sekmeyi 48 saat açık bırakırsanız, bellek sızıntıları fark edeceksiniz. Tarayıcılar günlerce 300MB'lık bir WebAssembly örneğini tutmak için tasarlanmamıştır. Arada bir sekmeyi yenilemeniz gerekecek.
- **"Bende Çalışıyor" Sorunu:** Araç zinciri tarayıcıda olduğu için sonuçlarınız CPU'nuza bağlı. M3 MacBook Pro'mda derleme 3 saniye sürüyor. Ucuz bir Windows dizüstüde 15 saniye sürdü. Çalışıyor, ama daha yavaş.

WebFPGA vs. Bulut Devleri

Şöyle düşünüyor olabilirsiniz: "Neden sadece AWS F1 instance'ları veya Google Cloud FPGA kullanmıyorum?" Onlar güçlü, ama aynı zamanda pahalılar (saat başına 1-2 dolar düşünün) ve ağır bir kurulum süreci gerektiriyorlar.

WebFPGA, donanım için **yerel geliştirme ortamıdır**. Kubernetes'e dağıtmadan önce dizüstü bilgisayarınızda Docker kullanmak gibi. Yerel olarak prototip yaparsınız, mantık hatalarınızı düzeltirsiniz ve *sonra* bulut FPGA'nın ölçeğine ihtiyacınız varsa, Verilog'unuzu taşıyabilirsiniz.

Gelecek Prizde

İçtenlikle inanıyorum ki bu, "maker kültürünün" modern web standartlarıyla buluştuğu an. Bir URL'yi bir meslektaşımla paylaşabilmem ve onun tek bir sürücü kurmadan anında şemayı görüp derleyebilmesi devrim niteliğinde.

Giriş engelini o kadar önemli ölçüde düşürüyor ki, yeni bir hobi tutkunu dalgası bekliyorum. Bilgisayarların silikon seviyesinde nasıl çalıştığını hiç merak ettiyseniz ama IDE şişkinliğinden nefret ettiyseniz, sizin için kapı burada.

SSS: Meraklılar İçin Hızlı Cevaplar

**S: WebFPGA'yı kullanmak ücretsiz mi?**
C: Evet, temel araç zinciri açık kaynaklı ve ücretsiz. Sadece fiziksel donanım kartı için para ödüyorsunuz. Web sitesinde temel derleme akışı için ödeme duvarları veya premium katmanlar yok.

**S: Başlamadan önce Verilog/VHDL bilmem gerekiyor mu?**
C: Yardımcı olur, ama şart değil. Sitede temel sözdizimi içeren bir "Öğren" bölümü var. C veya Python biliyorsanız, Verilog'un temellerini bir hafta sonunda öğrenebilirsiniz. Garip çünkü ardışık değil eşzamanlı (concurrent), ama işin eğlenceli kısmı da bu.

**S: Kendi FPGA kartımı kullanabilir miyim?**
C: Yalnızca açık kaynaklı araç zinciri (Project Trellis veya Apicula) tarafından destekleniyorsa. Bu genellikle Lattice ECP5 veya Gowin GW1N serisi çipler anlamına gelir. Xilinx ve Intel (Altera) çipleri burada genellikle *desteklenmez* çünkü bitstream formatları ağır şekilde şifrelenmiş ve tescillidir.

**S: Bu sadece hobiler için mi, yoksa işte de kullanabilir miyim?**
C: Hızlı prototipleme için işte kullanıyorum. Ancak üretim için zamanlama analizi ve doğrulama için satıcı araçlarına ihtiyacınız olacak. WebFPGA'yı bir *karalama defteri* olarak düşünün—fikirler üzerinde yinelemek için inanılmaz derecede kullanışlı, ancak tarayıcı çıktısını doğrudan üretim hattına göndermezsiniz.

**S: Kartım yoksa ne olacak? Yine de test edebilir miyim?**
C: Evet! WebFPGA'nın yerleşik bir simülatörü var. Verilog'unuzu yazıp dalga formunu doğrudan tarayıcıda simüle edebilirsiniz. Gerçek LED'ler görmek kadar tatmin edici değil, ama mantığınızı donanım olmadan gayet iyi debug edebilirsiniz.

Hadi öyleyse. Yeni bir sekme açın, 30 dolarlık bir kart takın ve bir tarayıcının neler yapabileceğine dair algınızı yeniden yazın. Söz veriyorum, bir yapılacaklar listesi uygulamasından daha tatmin edici.