Dipublikasikan: 27 Oktober 2025
Bulan lalu, kami meluncurkan Hackathon Alat Dasar, yang mengajak Anda untuk membuat alat baru yang paling inovatif dan berguna untuk membantu developer mengadopsi fitur web yang lebih modern. Saat waktu berhenti, hampir 3.000 developer menjawab panggilan dan mengirimkan ratusan project. Ada begitu banyak kiriman yang cerdas, inovatif, dan menghibur, tetapi hanya 3 yang dapat memenangkan bagian dari kumpulan hadiah sebesar $10.000. Setelah mempertimbangkan dengan cermat, kami para juri akhirnya memilih pemenang.
🥇 Pemenang pertama adalah eslint-plugin-baseline-js, yang dikirimkan oleh Ryuya Hasegawa.
Ini adalah plugin ESLint yang memeriksa status Dasar dari fitur JavaScript, dan menandai apa pun yang lebih baru dari target Dasar yang dikonfigurasi. Library ini berfungsi di lingkungan JavaScript dan TypeScript, yang mencakup ratusan fitur.
Yang benar-benar menarik bagi kami tentang kiriman ini adalah kegunaannya; kemungkinan developer rata-rata benar-benar mulai menggunakan dan mendapatkan manfaat dari alat ini. Plugin ini cocok dengan ekosistem ESLint dengan melengkapi alat yang ada seperti ESLint untuk CSS yang didukung secara resmi dan plugin komunitas HTML ESLint. Dengan opsi konfigurasi yang sudah dikenal untuk target Dasar Pengukuran seperti Baru tersedia, Tersedia luas, dan Tahun dasar pengukuran, Anda dapat mengharapkan pengalaman yang konsisten di seluruh kode Anda. Untuk membantu Anda memulai dengan cepat, SDK ini juga dilengkapi dengan dokumentasi berkualitas tinggi, termasuk petunjuk penginstalan, praktik terbaik, dan contoh.
Di balik layar, plugin ini disinkronkan dengan set data web-features sebagai sumber tepercaya untuk kompatibilitas fitur web. Untuk mendeteksi fitur ini dalam kode sumber, plugin terintegrasi dengan inti ESLint dan eslint-plugin-es-x, bukan mengandalkan ekspresi reguler yang tidak stabil. Selain itu, API ini mendukung parser typescript-eslint, yang dapat mendeteksi fitur dengan lebih andal.
Secara keseluruhan, ini adalah alat yang sangat inovatif dan berguna yang layak mendapatkan hadiah utama, dan kami mendorong Anda untuk mencobanya. Jika Anda ingin mempelajari kode sumber atau melaporkan masalah, Anda dapat menemukannya di GitHub di 3ru/eslint-plugin-baseline-js.
🥈 Pemenang kedua adalah baseline-mcp, yang dikirimkan oleh Technickel Dev.
Server ini adalah server MCP yang menyediakan alur kerja pengembangan yang mendukung AI dengan informasi akurat tentang kompatibilitas fitur web dan status Dasarnya.
Tidak dapat disangkal betapa lazimnya AI dalam pengembangan web, itulah sebabnya alat seperti ini menjadi semakin penting untuk mengarahkan agen agar menghasilkan kode yang lebih modern. Project ini memenuhi kebutuhan tersebut dengan baik dengan menyediakan beberapa alat MCP yang berguna bagi agen untuk menjawab berbagai pertanyaan tentang fitur web, yang didasarkan pada data web-features yang tepercaya. Selain melakukan tugas rutin seperti mencari status Dasar untuk ID fitur tertentu, alat ini juga dapat melakukan tugas logis seperti mencari tahu ID fitur yang benar berdasarkan konteks dan menyarankan alternatif modern untuk fitur web yang sudah usang.
Coba di demo klien web dan lihat repo GitHub untuk mengetahui petunjuk penginstalan, cara berinteraksi dengan server, dan kode sumber.
🥉 Pemenang ketiga adalah Status Dasar untuk Video, yang dikirimkan oleh Zoran Jambor!
Ini adalah aplikasi web untuk membuat widget Dasar Pengukuran yang disematkan dalam video.
Peran Baseline adalah memberikan informasi kompatibilitas browser yang tidak ambigu tentang fitur web, yang dapat Anda rujuk dalam artikel MDN, dokumen caniuse, dan IDE seperti VS Code dan WebStorm. Namun, developer juga mendapatkan informasi tentang fitur web dari tempat lain, seperti YouTube. Project ini mempermudah kreator video dan influencer web untuk membuat informasi Dasar Pengukuran untuk sebuah fitur dengan cara yang dapat disesuaikan dan ramah video. Mengingat jangkauan besar beberapa influencer web paling populer, kami sangat antusias dengan potensi alat ini untuk membantu menyebarkan pengetahuan tentang Dasar Pengukuran kepada lebih banyak developer.
Alat ini didukung oleh komponen web <baseline-status>, yang menggunakan Web Platform Dashboard API untuk mendapatkan status Dasar dan detail implementasi browser untuk ID fitur apa pun yang Anda masukkan. Aplikasi merekam widget yang masuk dan keluar dengan animasi di atas latar belakang solid, yang dapat dihapus di software pengeditan.
Buka aplikasi Status Dasar untuk Video untuk mencobanya sendiri, atau jelajahi kode sumber di GitHub.
Selamat kepada semua pemenang! Kami juga ingin berterima kasih kepada semua orang yang telah mengirimkan project dan menyelesaikan survei masukan. Kami sangat mengapresiasi semua waktu dan upaya yang telah Anda curahkan untuk project kreatif dan inspiratif Anda. 10 pemenang hadiah "Masukan Paling Berharga" telah diberi tahu, dan secara keseluruhan ada begitu banyak saran berharga dan dapat ditindaklanjuti sehingga kami akan menyampaikannya kepada tim yang tepat untuk membuat Baseline menjadi lebih baik.