الفائزون في مسابقة Baseline Tooling Hackathon هم… | مدونة | web.dev

تاريخ النشر: 27 أكتوبر 2025

في الشهر الماضي، أطلقنا Baseline Tooling Hackathon، حيث ندعوك إلى إنشاء أدوات جديدة أكثر ابتكارًا وإفادة لمساعدة المطورين على اعتماد ميزات ويب أكثر حداثة. وعندما توقفت الساعة، استجاب ما يقرب من 3000 مطور للدعوة وقدموا مئات المشاريع. كان هناك الكثير من المشاركات الذكية والمبتكرة والمسلية، ولكن ثلاثة فقط يمكنهم الفوز بحصتهم من مجموع الجوائز البالغة 10,000 دولار. وبعد دراسة متأنية، قمنا نحن الحكام أخيرًا باختيار الفائزين.

🥇 الفائز بالمركز الأول هو eslint-plugin-baseline-js، المقدم من Ryuya Hasegawa!

هذا هو مكون إضافي لـ ESLint يتحقق من الحالة الأساسية لميزات JavaScript، ويضع علامة على أي شيء أحدث من هدف Baseline الذي تم تكوينه. وهو يعمل في كل من بيئات JavaScript وTypeScript، ويغطي مئات الميزات.

ما لفت انتباهنا حقًا بشأن هذا التقديم هو فائدته؛ احتمالية أن يبدأ المطور العادي فعليًا في استخدام هذه الأداة والاستفادة منها. إنه يتناسب بشكل أنيق مع النظام البيئي ESLint من خلال استكمال الأدوات الموجودة مثل ESLint المدعوم رسميًا لـ CSS والمكون الإضافي لمجتمع HTML ESLint. بفضل خيارات التكوين المألوفة للأهداف الأساسية مثل المتاحة حديثًا، والمتاحة على نطاق واسع، والسنوات الأساسية، يمكنك توقع تجربة متسقة عبر جميع التعليمات البرمجية الخاصة بك. لإعدادك وتشغيلك بسرعة، يأتي أيضًا مزودًا بوثائق عالية الجودة، بما في ذلك تعليمات التثبيت وأفضل الممارسات والأمثلة.

تحت الغطاء، يتزامن البرنامج المساعد مع web-features مجموعة البيانات كمصدر الحقيقة لتوافق ميزات الويب. لاكتشاف هذه الميزات في التعليمات البرمجية المصدر، يتكامل البرنامج المساعد مع ESLint core و eslint-plugin-es-x، بدلاً من الاعتماد على التعبيرات العادية الهشة. كما أنه يدعم typescript-eslint المحلل اللغوي، والذي يمكنه اكتشاف الميزات بشكل أكثر موثوقية.

بشكل عام، هذه أداة مبتكرة ومفيدة للغاية وتستحق الجائزة الكبرى، ونحن نشجعك على تجربتها. إذا كنت ترغب في البحث في الكود المصدري أو إثارة مشكلة، فيمكنك العثور عليه على GitHub على 3ru/eslint-plugin-baseline-js.

🥈 الفائز بالمركز الثاني هو baseline-mcp، المقدم من Technickel Dev!

هذا هو خادم MCP الذي يوفر سير عمل التطوير المدعم بالذكاء الاصطناعي بمعلومات دقيقة حول توافق ميزات الويب وحالتها الأساسية.

ليس هناك من ينكر مدى انتشار الذكاء الاصطناعي في تطوير الويب، ولهذا السبب أصبحت أدوات مثل هذه ذات أهمية متزايدة لتوجيه الوكلاء نحو إنشاء تعليمات برمجية أكثر حداثة. يعالج هذا المشروع تلك الاحتياجات بشكل جيد من خلال تزويد الوكلاء بالعديد من أدوات MCP المفيدة للإجابة على مجموعة متنوعة من الأسئلة حول ميزات الويب، المرتكزة على الموثوقية web-features بيانات. بالإضافة إلى أداء المهام الروتينية مثل البحث عن حالة خط الأساس لمعرف ميزة معين، يمكنه أيضًا تنفيذ مهام منطقية مثل اكتشاف معرف الميزة الصحيح استنادًا إلى السياق واقتراح بدائل حديثة لميزات الويب القديمة.

جربه في العرض التوضيحي لعميل الويب وراجع GitHub repo للحصول على تعليمات التثبيت وطرق التفاعل مع الخادم والتعليمات البرمجية المصدرية.

🥉 الفائز بالمركز الثالث هو Baseline Status للفيديو، المقدم من Zoran Jambor!

هذا هو تطبيق ويب لإنشاء عناصر واجهة المستخدم الأساسية المضمنة في مقاطع الفيديو.

يتمثل دور Baseline في توفير معلومات لا لبس فيها حول توافق المتصفح حول ميزات الويب، والتي يمكنك الرجوع إليها في مقالات MDN ومستندات caniuse وIDEs مثل VS Code وWebStorm. لكن المطورين يحصلون على معلوماتهم حول ميزات الويب من أماكن أخرى أيضًا، مثل YouTube. يسهل هذا المشروع على منشئي الفيديو والمؤثرين على الويب إنشاء معلومات أساسية لميزة ما بطريقة قابلة للتخصيص وسهلة الاستخدام للفيديو. نظرًا للانتشار الهائل لبعض الأشخاص المؤثرين على الويب الأكثر شهرة، نحن متحمسون بشأن إمكانات هذه الأداة للمساعدة في نشر الوعي الأساسي للعديد من المطورين.

يتم تشغيل هذه الأداة بواسطة <baseline-status> مكون الويب، الذي يستخدم Web Platform Dashboard API للحصول على الحالة الأساسية وتفاصيل تنفيذ المتصفح لأي معرف ميزة تدخله. يسجل التطبيق الرسوم المتحركة للداخل والخارج على خلفية صلبة، والتي يمكن إدخالها في برنامج التحرير.

قم بزيارة تطبيق Baseline Status for Video لتجربته بنفسك، أو تصفح الكود المصدري على GitHub.

تهانينا الكبيرة لجميع الفائزين! نود أيضًا أن نشكر كل من أرسل مشروعًا وأكمل استبيان التعليقات. كل الوقت والجهد الذي بذلته في مشاريعك الإبداعية والملهمة موضع تقدير كبير. لقد تم إخطار الفائزين العشرة بجائزة “التعليقات الأكثر قيمة”، وبشكل عام كان هناك الكثير من الاقتراحات القيمة والقابلة للتنفيذ والتي سنعيدها إلى الفرق المناسبة لتحسين خط الأساس.