เผยแพร่: 27 ตุลาคม 2025
เมื่อเดือนที่แล้ว เราได้เปิดตัว Baseline Tooling Hackathon เพื่อเชิญชวนให้คุณสร้างเครื่องมือใหม่ๆ ที่เป็นนวัตกรรมและมีประโยชน์มากที่สุดเพื่อช่วยให้นักพัฒนาแอปนำฟีเจอร์เว็บที่ทันสมัยยิ่งขึ้นมาใช้ เมื่อเวลาสิ้นสุดลง นักพัฒนาแอปเกือบ 3,000 คนได้ตอบรับคำเชิญและส่งโปรเจ็กต์หลายร้อยรายการ เราได้รับผลงานที่ฉลาด สร้างสรรค์ และสนุกสนานมากมาย แต่มีเพียง 3 ผลงานเท่านั้นที่จะได้รับส่วนแบ่งจากเงินรางวัลรวมมูลค่า $10,000 หลังจากพิจารณาอย่างรอบคอบแล้ว ในที่สุดเราซึ่งเป็นกรรมการก็ได้เลือกผู้ชนะแล้ว
🥇 ผู้ชนะอันดับ 1 คือ eslint-plugin-baseline-js ซึ่งส่งโดย Ryuya Hasegawa
นี่คือปลั๊กอิน ESLint ที่ตรวจสอบสถานะ Baseline ของฟีเจอร์ JavaScript และแจ้งรายการที่ใหม่กว่าเป้าหมาย Baseline ที่กำหนดค่าไว้ โดยทำงานได้ทั้งในสภาพแวดล้อม JavaScript และ TypeScript ซึ่งครอบคลุมฟีเจอร์หลายร้อยรายการ
สิ่งที่โดดเด่นจริงๆ เกี่ยวกับการส่งนี้คือประโยชน์ของมัน ซึ่งก็คือความเป็นไปได้ที่นักพัฒนาแอปทั่วไปจะเริ่มใช้และได้รับประโยชน์จากเครื่องมือนี้จริงๆ โดยจะผสานรวมเข้ากับระบบนิเวศของ ESLint ได้อย่างลงตัวด้วยการเสริมเครื่องมือที่มีอยู่ เช่น ESLint สำหรับ CSS ที่รองรับอย่างเป็นทางการ และปลั๊กอินชุมชน HTML ESLint ตัวเลือกการกำหนดค่าที่คุ้นเคยสำหรับเป้าหมายพื้นฐาน เช่น พร้อมใช้งานใหม่ พร้อมใช้งานอย่างกว้างขวาง และปีพื้นฐาน จะช่วยให้คุณได้รับประสบการณ์การใช้งานที่สอดคล้องกันในโค้ดทั้งหมด นอกจากนี้ ยังมีเอกสารประกอบคุณภาพสูง ซึ่งรวมถึงวิธีการติดตั้ง แนวทางปฏิบัติแนะนำ และตัวอย่างที่จะช่วยให้คุณพร้อมใช้งานได้อย่างรวดเร็ว
เบื้องหลังแล้ว ปลั๊กอินจะซิงค์กับชุดข้อมูล web-features เพื่อเป็นแหล่งที่มาของความจริงสำหรับความเข้ากันได้ของฟีเจอร์เว็บ ปลั๊กอินจะผสานรวมกับแกนหลักของ ESLint และ eslint-plugin-es-x เพื่อตรวจหาฟีเจอร์เหล่านี้ในซอร์สโค้ด แทนที่จะอาศัยนิพจน์ทั่วไปที่เปราะบาง นอกจากนี้ยังรองรับtypescript-eslintพาร์สเซอร์ ซึ่งตรวจหาฟีเจอร์ได้อย่างน่าเชื่อถือมากขึ้น
โดยรวมแล้ว เครื่องมือนี้เป็นเครื่องมือที่มีนวัตกรรมสูงและมีประโยชน์มากที่สมควรได้รับรางวัลสูงสุด และเราขอแนะนำให้คุณลองใช้ หากต้องการดูซอร์สโค้ดหรือแจ้งปัญหา โปรดไปที่ 3ru/eslint-plugin-baseline-js ใน GitHub
🥈 ผู้ชนะอันดับที่ 2 คือ baseline-mcp ซึ่งส่งโดย Technickel Dev
นี่คือเซิร์ฟเวอร์ MCP ที่มีเวิร์กโฟลว์การพัฒนาที่เปิดใช้ AI พร้อมข้อมูลที่ถูกต้องเกี่ยวกับความเข้ากันได้ของฟีเจอร์บนเว็บและสถานะ Baseline
ปฏิเสธไม่ได้ว่า AI มีบทบาทอย่างมากในการพัฒนาเว็บ ซึ่งเป็นเหตุผลที่ทำให้เครื่องมืออย่างนี้มีความสำคัญมากขึ้นเรื่อยๆ ในการนำทางเอเจนต์ไปสู่การสร้างโค้ดที่ทันสมัยยิ่งขึ้น โปรเจ็กต์นี้ตอบโจทย์ความต้องการดังกล่าวได้เป็นอย่างดีด้วยการมอบเครื่องมือ MCP ที่มีประโยชน์หลายอย่างให้แก่ตัวแทนเพื่อตอบคำถามต่างๆ เกี่ยวกับฟีเจอร์บนเว็บ โดยอิงตามข้อมูล web-features ที่เชื่อถือได้ นอกจากจะทำงานที่ต้องทำซ้ำๆ เช่น การค้นหาสถานะพื้นฐานสำหรับรหัสฟีเจอร์ที่กำหนดแล้ว ยังสามารถทำงานเชิงตรรกะได้ด้วย เช่น การค้นหารหัสฟีเจอร์ที่ถูกต้องตามบริบท และการแนะนำทางเลือกที่ทันสมัยสำหรับฟีเจอร์เว็บที่ล้าสมัย
ลองใช้ในการสาธิตไคลเอ็นต์บนเว็บ และดูที่เก็บ GitHub เพื่อดูวิธีการติดตั้ง วิธีโต้ตอบกับเซิร์ฟเวอร์ และซอร์สโค้ด
🥉 ผู้ชนะอันดับที่ 3 คือ Baseline Status for Video ซึ่งส่งโดย Zoran Jambor
นี่คือเว็บแอปพลิเคชันสำหรับสร้างวิดเจ็ต Baseline ที่ฝังอยู่ในวิดีโอ
บทบาทของ Baseline คือการให้ข้อมูลความเข้ากันได้ของเบราว์เซอร์ที่ชัดเจนเกี่ยวกับฟีเจอร์ของเว็บ ซึ่งคุณสามารถอ้างอิงได้ในบทความ MDN, เอกสาร caniuse และ IDE เช่น VS Code และ WebStorm แต่นักพัฒนาแอปจะได้รับข้อมูลเกี่ยวกับฟีเจอร์ของเว็บจากที่อื่นๆ ด้วย เช่น YouTube โปรเจ็กต์นี้ช่วยให้ครีเอเตอร์วิดีโอและอินฟลูเอนเซอร์บนเว็บสร้างข้อมูลพื้นฐานสำหรับฟีเจอร์ในรูปแบบที่ปรับแต่งได้และเหมาะกับวิดีโอได้ง่ายขึ้น เนื่องจากอินฟลูเอนเซอร์บนเว็บที่ได้รับความนิยมมากที่สุดบางคนมีผู้ติดตามจำนวนมาก เราจึงตื่นเต้นกับศักยภาพของเครื่องมือนี้ที่จะช่วยเผยแพร่การรับรู้เกี่ยวกับ Baseline ให้แก่นักพัฒนาซอฟต์แวร์อีกมากมาย
เครื่องมือนี้ขับเคลื่อนโดยคอมโพเนนต์เว็บ <baseline-status> ซึ่งใช้ Web Platform Dashboard API เพื่อดูสถานะพื้นฐานและรายละเอียดการติดตั้งใช้งานเบราว์เซอร์สำหรับรหัสฟีเจอร์ที่คุณป้อน แอปจะบันทึกวิดเจ็ตที่เคลื่อนไหวเข้าและออกจากพื้นหลังแบบทึบ ซึ่งสามารถคีย์ออกในซอฟต์แวร์แก้ไข
ไปที่แอป Baseline Status for Video เพื่อลองใช้ด้วยตัวคุณเอง หรือเรียกดูซอร์สโค้ดใน GitHub
ขอแสดงความยินดีอย่างยิ่งกับผู้ชนะทุกท่าน นอกจากนี้ เราขอขอบคุณทุกคนที่ส่งโปรเจ็กต์และทำแบบสำรวจความคิดเห็นจนเสร็จ เราขอขอบคุณสำหรับเวลาและความพยายามทั้งหมดที่คุณทุ่มเทให้กับโปรเจ็กต์ที่สร้างสรรค์และสร้างแรงบันดาลใจ เราได้แจ้งให้ผู้ชนะทั้ง 10 คนที่ได้รับรางวัล "ความคิดเห็นที่มีคุณค่ามากที่สุด" ทราบแล้ว และโดยรวมแล้วเราได้รับคำแนะนำที่มีคุณค่าและนำไปใช้ได้จริงมากมาย จึงจะนำคำแนะนำเหล่านั้นกลับไปให้ทีมที่เกี่ยวข้องเพื่อปรับปรุง Baseline ให้ดียิ่งขึ้น