VOL102: WebMCP - The Missing Bridge between AI Agents and Web 🚀
ال WebMCP وهو Standard جديد بيخلي المواقع تتعامل مع وكلاء الذكاء الاصطناعي (AI Agents) بشكل مباشر ومنظم
لا تنسوا أهلنا من صالح الدعاء,اللهم إنّا استودعناك اياهم، اللهم كُن عوناً لهم، اللهم انصرهم واحفظهم. 🇵🇸 🇸🇩
أهلًا وسهلًا بكم في العدد 102 من النشرة الأسبوعية لاقرأ-تِك 🚀
سواء كنت مهندس برمجيات مبتدئ أو محترف، فنشرتنا هتساعدك على مواكبة أحدث تطورات عالم البرمجة بمواضيع جديدة كل أسبوع، هتلاقى كمان محتوى عملي بيشمل أفضل الممارسات، ونصائح مفيدة، وترشيحات لمقالات مختارة من اقرأ-تِك.
🌟 مواضيع النشرة لهذا الأسبوع 🌟
أول استبيان سنوي يرسم صورة المجتمع التقني 🎉
ال AI في سطور: WebMCP - W3C Standard for Agents to use Websites 👨💻
شروحات رسومية بالورقة والقلم: Latency vs. Throughput ✍️
أدوات وتقنيات عربية: DevLite - Developer Utility Hub 🧰
بالتعاون مع مجرّة — أول استبيان سنوي يرسم صورة المجتمع التقني 🎉
أخر ٣ سنين المجتمع العربي في مجال البرمجيات عامل شغل رائع وبيتطور وبينمو بسرعة كبيرة و المبرمجين بيقدموا سواء بشكل فردي أو في شركات منتجات عظيمة ومفيدة وبيتم تبنيها واستخدامها في الحياة اليومية ولكن!
مع كل دا بيفضل المجتمع مفيش أي أرقام أو بيانات تقدر ترسم صورة حقيقية ليه تساعدنا نطوره ونتواصل أكتر من كدا.
بالفعل ظهرت مبادرات جميلة خلال السنين ولكن مش بتكمل, مجرة المرة دي بتقدم الاستبيان كمبادرة سنوية بإذن الله تساعدنا دايمًا كمبرمجين نفهم المجال كتقنية بيستعمل إيه ورايح فين و كسوق ووظائف وضعه عامل إزاي ورايح فين.
الاستبيان هيغطي جوانب كتير على سبيل المثال زي:
🔸 الرواتب الحقيقية علشان يبقى فيه صورة سنوية بتوضح ده
🔸 التقنيات اللي بنستخدمها فعلًا في الشغل وبجانب الشغل
🔸 إزاي بنستخدم الـ AI في شغلنا اليومي
🔸 العمل عن بُعد لشركات خارج الوطن العربي
🔸 ومنين بنتعلّم فعلًا وبنتابع المستجدات
مجرة هتفتح الاستبيان خلال أسبوعين وخلال الفترة دي هيستقبلوا أسئلتكم اللي حابين يتم إضافتها للاستبيان لأن
الأسئلة بتاعتكم هي اللي هتشكّل النسخة الأولى — اقترحوا، وهم فعلًا هيراجعوها ويضيفوها باذن الله.
مرة تانية الهدف هو رسم صورة حقيقية عن مجتمعنا العربي في مجال التقنية ، والبيانات دي هتبقى مرجع مفيد لينا كلنا باذن الله .. فيلا نبنيها سوا ونكون جزء من ده 😍
WebMCP - W3C Standard for Agents to use Websites
الأسبوع دا لا يوجد أي Models جديدة أو أخبار نازلة علينا بعد سحب Fable 5 و Mythos 5 العالم بيحاول يتعلم الدرس وأنه دايمًا يكون ليه Fallbacks وميعتمدش بشكل مغلق علي AI Vendor واحد. وأظن بشكل فردي كمطورين محتاجين يكون عندنا Fallbacks في حالة الأدوات اللي بنعتمد عليها بشكل يومي حاليًا لم تصبح متاحة غدًا 😅
فحبينا نستغل الفرصة ونتكلم عن ال WebMCP وهو Standard جديد بيخلي المواقع تتعامل مع وكلاء الذكاء الاصطناعي (AI Agents) بشكل مباشر ومنظم، بدل ما الـ AI يحاول يفهم الموقع عن طريق قراءة الـ HTML أو تصوير الشاشة ومحاكاة ضغطات الماوس. الفكرة إن الموقع نفسه بيقول للـ AI: "دي الخدمات اللي أقدر أقدمها، ودي البيانات اللي محتاجها علشان أنفذها."
المشكلة اللي بيحلها
النهارده معظم الـ AI Agents بيتعاملوا مع المواقع بطريقة غير فعالة:
بيحللوا واجهة المستخدم.
بيحاولوا يخمنوا وظيفة الأزرار والفورمات.
أي تغيير بسيط في تصميم الموقع ممكن يبوظ العملية كلها.
العملية كلها non-deterministic ممكن نفس الAgent ونفس المهمة ويطلعلك نتائج مختلفة.
WebMCP بيحول تفاعل ال Agents مع المواقع من “تخمين” إلى “استدعاء أدوات (Tools) منظمة” بشكل مباشر
بيشتغل إزاي؟
الموقع بيسجل مجموعة من الأدوات أو الوظائف (Tools) داخل المتصفح باستخدام واجهة جديدة اسمها navigator.modelContext.
أمثلة: البحث عن منتج أو إضافة عنصر للسلة أو إرسال نموذج طلب.
بدل ما الـ AI يدور على زر “Search”، يقدر يستدعي أداة اسمها searchProducts مباشرة بالبيانات المطلوبة.
الفرق بين MCP و WebMCP
MCP التقليدي: شغال على مستوى السيرفرات والـ APIs الخلفية.
WebMCP: شغال جوه المتصفح نفسه وعلى الموقع مباشرة.
يعني MCP بيربط الـ AI بالأنظمة والخدمات الخلفية، بينما WebMCP بيربطه بواجهة الموقع اللي المستخدم فاتحها بالفعل. الاتنين مكملين لبعض ومش بدائل لبعض.
ليه الموضوع مهم؟
لو WebMCP انتشر:
الـ AI Agents هتبقى أسرع وأدق.
استهلاك التوكنز والتكلفة هيقلوا بشكل كبير.
المواقع هتبقى “AI-ready” من غير الحاجة لبناء API منفصل في كل حالة.
الخدمات الإلكترونية زي الحجز والشراء والدعم الفني هتبقى أسهل للـ AI إنه ينفذها نيابة عن المستخدم
الوضع الحالي للمشروع
الWebMCP بدأ يظهر في إصدارات تجريبية من متصفح Chrome بدعم من فرق من Google وMicrosoft تحت مظلة W3C. لسه مش معيار نهائي، لكن فيه اهتمام كبير بيه باعتباره خطوة مهمة نحو “الويب المخصص للـ AI Agents.
Latency vs. Throughput
في أنظمة البرمجيات ال Latency و Throughput هما من أهم مقاييس الأداء وغالبًا بنشوفهم جنبًا لجنب في نفس ال Dashboards، لكن كل واحد بيقيس حاجة مختلفة.
1. Latency (زمن الاستجابة)
التعريف: هو الوقت الذي يستغرقه النظام لإنجاز طلب واحد من لحظة إرساله حتى استلام النتيجة.
بمعنى تاني: “هستني قد إيه عشان يجيلي الرد؟”
مثال: إذا أرسلت طلب API الساعة 10:00:00 ووصل الرد الساعة 10:00:00.200 » فالـ Latency = 200 ms
أمثلة على Latency
وقت تحميل صفحة ويب.
زمن استجابة قاعدة البيانات لاستعلام معين.
الوقت بين الضغط على زر وإظهار النتيجة للمستخدم.
كلما كان أقل كان أفضل
2. Throughput (معدل الإنتاجية)
التعريف: هو عدد العمليات أو الطلبات التي يستطيع النظام معالجتها خلال فترة زمنية معينة.
و دايمًا بنسأل: “كم كمية الشغل اللي يقدر النظام ينجزها في وقت معين؟”
مثال: إذا كان السيرفر يعالج: 10,000 Request في الثانية فالـ Throughput = 10,000 Requests/sec
أمثلة على Throughput
عدد الطلبات في الثانية (RPS).
عدد الرسائل التي يعالجها Queue في الدقيقة.
عدد المعاملات البنكية في الثانية.
عدد الملفات التي تتم معالجتها في الساعة.
كلما كان أعلى كان أفضل
العلاقة بينهما
وفقًا لـ Little’s Law في أنظمة الطوابير:
Latency = Concurrency / Throughput
DevLite - Developer Utility Hub
كلنا بنحتاج tools تخلصلنا خطوات صغيرة في الشغل JSON Formatter هنا أو Cron Expression Generator أو حتي ID Generator ولكن دايمًا بنكون قلقانين لو بنتعامل مع بيانات مهمة وهنا بتيجي منصة DevLite!
المنصة بتقدم أكثر من 28 أداة مختلفة لكل المهام دي في مكان واحد مغطية أقسام كثيرة والمميز فعلاً:
إن كل الأدوات دي بتشتغل عندك في المتصفح فمفيش أي remote servers ودا بيضمنلك الخصوصية.
الأدوات بتشتغل بدون إنترنت.
والأدوات كلها سريعة الأداء و خفيفة.
واجهة استخدام سهلة ومنظمة لأن الأدوات بتندرج تحت أقسام أساسية
الأدوات منها
أدوات للتنسيق JSON & SQL Formatters.
أدوات لل Generation سواء ID Generators أو بيانات وهمية للاختبارات.
أدوات لقواعد البيانات و ال Devops
أدوات Encoders & Decoders مختلفة
وأدوات غيرها كتير متنوعة زي Regex Tester و HTTP / API Request Tester.
الخلاصة: الأداة تستحق إن يتعملها Pin في المتصفح عندك لأي مهمة بسيطة هتزود إنتجايتك وأنت متطمن علي بياناتك!
بفضل الله أصبح متاح حالياَ دعمنا من خلال الرعاة والشراكات وفعلنا الـ Sponsorship, بنرحب بجميع الشراكات مع المؤسسات والشركات وأصحاب الأعمال لبناء مجتمع عربي يشجع على القراءة والتعلم ومشاركة التجارب والخبرات العملية في هندسة البرمجيات.
دورك كشريك أو راعي هيكون محوري في دعم المحتوى وتوسيع نطاق تأثيره. فانضم لرحلتنا وكن جزءًا من صناعة مستقبل التكنولوجيا في المنطقة 🚀
تقدروا تشوفوا التفاصيل كاملة من هنا والـ Analytics بتاعتنا من خلال اقرأ-تِك والنشرة الأسبوعية 👇
رؤيتنا هي إثراء المحتوى التقني العربي وجعل التعلم من خلال القراءة أمتع، وذلك من خلال إثراء المحتوى التقني باللغة العربية وتشجيع المبرمجين على القراءة بلغتهم الأم والتفكير أيضًا بها.
لذلك اتحنا الفرصة أمام الجميع للمساهمة ومساعدتنا في نشر واثراء المحتوى التقني باللغة العربية, من خلال كتابة المقالات التقنية في مختلف مجالات هندسة البرمجيات.
وجب التنويه أنه لن يتم نشر كافة الأعمال التي تصل إلينا، وإنما سيتم الانتقاء منها ما يحقق هدفنا بإثراء المحتوى التقني العربي، ولذلك قد تُطلب بعض التعديلات من الكاتب قبل النشر.
لمعرفة المزيد بخصوص :
💬 المعايير العامة لكتابة ونشر المقالات
⚡️ كيفية الإرسال
🔥 التزامات اقرأ-تِك تجاه الكتاب
يمكنكم قراءة كافة التفاصيل من هنا 👇
