Yayınlanma tarihi: 27 Ekim 2025
Geçtiğimiz ay, geliştiricilerin daha modern web özelliklerini kullanmasına yardımcı olacak en yenilikçi ve faydalı yeni araçları oluşturmanız için Baseline Tooling Hackathon'u başlattık. Saat durduğunda yaklaşık 3.000 geliştirici çağrıya yanıt vererek yüzlerce proje gönderdi. Çok sayıda akıllıca, yenilikçi ve eğlenceli gönderim yapıldı ancak 10.000 ABD doları tutarındaki ödül havuzundan yalnızca 3 kişi payını kazanabilir. Jüri üyeleri olarak dikkatli bir değerlendirme sürecinin ardından kazananları belirledik.
🥇 Birinci olan proje, Ryuya Hasegawa tarafından gönderilen eslint-plugin-baseline-js!
Bu, JavaScript özelliklerinin Baseline durumunu kontrol eden ve yapılandırılmış Baseline hedefinizden daha yeni olan her şeyi işaretleyen bir ESLint eklentisidir. Yüzlerce özelliği kapsayan hem JavaScript hem de TypeScript ortamlarında çalışır.
Bu gönderiyle ilgili olarak en çok dikkatimizi çeken nokta, gönderinin faydalı olmasıydı. Yani, ortalama bir geliştiricinin bu aracı kullanmaya başlayıp yararlanma olasılığı. Resmi olarak desteklenen ESLint for CSS ve HTML ESLint topluluk eklentisi gibi mevcut araçları tamamlayarak ESLint ekosistemine sorunsuz bir şekilde entegre olur. Yeni kullanıma sunulan, yaygın olarak kullanılan ve temel yıllar gibi temel hedef yapılandırma seçenekleri sayesinde, kodunuzun tamamında tutarlı bir deneyim elde edebilirsiniz. Hızlıca kullanmaya başlayabilmeniz için kurulum talimatları, en iyi uygulamalar ve örnekler de dahil olmak üzere yüksek kaliteli belgeler de sunulur.
Eklenti, web özelliği uyumluluğu için web-features veri kümesiyle senkronize olur. Eklenti, kaynak kodundaki bu özellikleri tespit etmek için ESLint çekirdeği ve eslint-plugin-es-x ile entegre olur. Bu sayede, kırılgan düzenli ifadeler yerine daha güvenilir bir yöntem kullanılır. Ayrıca, özellikleri çok daha güvenilir bir şekilde algılayabilen typescript-eslint ayrıştırıcısını da destekler.
Genel olarak, bu araç son derece yenilikçi ve faydalı olup birinciliği hak ediyor. Denemenizi öneririz. Kaynak kodunu incelemek veya sorun bildirmek isterseniz 3ru/eslint-plugin-baseline-js adresinden GitHub'a gidebilirsiniz.
🥈 İkinciliği kazanan, Technickel Dev tarafından gönderilen baseline-mcp oldu.
Bu, web özelliği uyumluluğu ve Temel durumu hakkında doğru bilgilerle yapay zeka destekli geliştirme iş akışları sağlayan bir MCP sunucusudur.
Yapay zekanın web geliştirmede ne kadar yaygınlaştığını yadsımak mümkün değil. Bu nedenle, bu tür araçlar, aracıları daha modern kod oluşturmaya yönlendirmek için giderek daha önemli hale geliyor. Bu proje, web özellikleri hakkında çeşitli soruları yanıtlamak için aracıları güvenilir web-features verilerine dayalı olarak çeşitli faydalı MCP araçlarıyla donatarak bu ihtiyacı iyi bir şekilde karşılıyor. Belirli bir özellik kimliği için temel durumu arama gibi rutin görevleri yapmanın yanı sıra bağlama göre doğru özellik kimliğini bulma ve eski web özellikleri için modern alternatifler önerme gibi mantıksal görevleri de yerine getirebilir.
Web istemcisi demosunda deneyin. Kurulum talimatları, sunucuyla etkileşim kurma yöntemleri ve kaynak kodu için GitHub deposuna bakın.
🥉 Üçüncü olan, Zoran Jambor tarafından gönderilen Baseline Status for Video oldu.
Bu, videolara yerleştirilmiş Baseline widget'ları oluşturmaya yönelik bir web uygulamasıdır.
Baseline'ın rolü, web özellikleri hakkında net tarayıcı uyumluluğu bilgileri sağlamaktır. Bu bilgilere MDN makalelerinde, caniuse belgelerinde ve VS Code ile WebStorm gibi IDE'lerde başvurabilirsiniz. Ancak geliştiriciler, web özellikleri hakkındaki bilgileri YouTube gibi başka yerlerden de alırlar. Bu proje, video içerik üreticilerin ve web'deki influencer'ların bir özellik için temel bilgileri özelleştirilebilir ve videolara uygun bir şekilde oluşturmasını kolaylaştırır. En popüler web etkileyicilerinin bazılarının erişiminin çok geniş olması nedeniyle, bu aracın Baseline'ın farkındalığını çok daha fazla geliştiriciye yayma potansiyelinden heyecan duyuyoruz.
Bu araç, girdiğiniz herhangi bir özellik kimliği için temel durumu ve tarayıcı uygulama ayrıntılarını almak üzere Web Platform Dashboard API'yi kullanan <baseline-status> web bileşeni tarafından desteklenir. Uygulama, düzenleme yazılımında anahtarı çıkarılabilen düz bir arka plan üzerinde animasyonlu olarak açılıp kapanan widget'ı kaydeder.
Kendiniz denemek için Baseline Status for Video uygulamasını ziyaret edin veya GitHub'daki kaynak koduna göz atın.
Tüm kazananları tebrik ederiz. Ayrıca proje gönderen ve geri bildirim anketini tamamlayan diğer herkese de teşekkür ederiz. Yaratıcı ve ilham verici projelerinize harcadığınız tüm zaman ve emek için çok teşekkür ederiz. "En Değerli Geri Bildirim" ödülünün 10 kazananı bilgilendirildi. Genel olarak, Baseline'ı daha da iyi hale getirmek için ilgili ekiplere ileteceğimiz çok sayıda değerli ve uygulanabilir öneri aldık.