Working on Merchant Facing UI
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
يتابع البث العمل على تجهيز تطبيق Shopify للتقديم، مع إعطاء الأولوية لاستكمال الانتقال من Polaris React إلى Polaris Web Components ومراجعة واجهة التاجر بصريًا ووظيفيًا قبل العودة إلى صقل الموقع والتقرير ومسار التحويل. شمل العمل أيضًا إعداد GA4 وGoogle Tag Manager وPostHog والتحقق من وصول التغييرات عبر GitHub وCloudflare، ومراجعة تنظيم جداول Supabase واتصال MCP، من دون اعتبار ظهور المعرّفات وحده إثباتًا لاكتمال التتبع. واستخلص لقمان دروسًا من تراكم فروع Git وworktrees ومن تأكيدات وكلاء برمجيين لم تصمد أمام الفحص اليدوي، داعيًا إلى دمج أكثر انتظامًا ومراجعة التنفيذ فعليًا. كما ناقش أتمتة بناء المهام ومراجعتها بين الوكلاء، والفروق التي لاحظها شخصيًا بين Codex وClaude، وأسئلة الجمهور حول النشر والنماذج ولغات المشروع والعملاء والسيو البرمجي ولوحات Kanban وHermes. بقيت عدة نقاط غير محسومة، منها أسباب بعض إخفاقات Cloudflare وMCP، والتنظيم الأفضل للجداول، وجدوى بعض أدوات الوكلاء، وموعد التقديم النهائي.
104 لحظة من البث
- 2:35:55
التحقق من إنجاز المهام واعتماد مكوّنات الويب
طُلب شرح ما حدث في المهام والتحقق من البنود المنجزة، ثم ذُكر أن المراجعة أكدت اعتماد تطبيق Shopify على مكوّنات الويب بالكامل.
- 2:37:20
تسليم مرحلة عمل إلى جلسة وكيل أخرى
وُضعت متطلبات موجّه تسليم لجلسة وكيل أخرى: إكمال المرحلة وإغلاقها أولًا، ثم فتح واجهة إدارة التاجر ومراجعة سطحها بصريًا بصورة مشتركة.
- 2:38:45
توضيح التحقق من HTML المنشور في الإنتاج
طُرح سؤال عمّا ينبغي التحقق منه في HTML المنشور، مع تصحيح أن آخر نشر كان على بيئة الإنتاج لا على بيئة المعاينة، ثم طُلب شرح خطوات التأكيد بالتتابع.
- 2:42:44
تشخيص غياب إعدادات التحليلات
محاولة لتحديد سبب عدم ظهور سكربت GA4 أو Google Tag Manager أو معرّف القياس، وكذلك مفتاح مشروع PostHog، مع اقتراح تحقيق متوازٍ والتنبيه إلى الرجوع عند ظهور عوائق في Cloudflare أو DNS.
- 2:43:58
مقارنة عملية بين وكلاء البرمجة في تنفيذ المهام والنشر
يصف المتحدث، بوصفه انطباعًا شخصيًا، تفاوتًا كبيرًا بين أداتي برمجة بالذكاء الاصطناعي في إنجاز مهمة ونشرها، ويتساءل إن كانت صياغة تعليماته قد أثرت في النتيجة.
- 2:49:50
مراجعة واجهة خدمة إدارة التجار والتحقق البصري
استعراض لحالة العمل على خدمة إدارة التجار، حيث تتطلب عدة مهام مراجعة واجهة المستخدم والتحقق البصري يدويًا، مع فتح واجهة Shopify لمتابعة التصميم والاستعانة بأداة ذكاء اصطناعي للإشراف على العمل.
- 2:51:29
اختيار مستوى جهد الاستدلال حسب المهمة
يقارن المتحدث بين Codex وClaude في أعمال الواجهة، ويوضح أنه يغيّر مستوى جهد الاستدلال مع Claude بحسب صعوبة المهمة، بينما يميل إلى استخدام مستوى مرتفع مع Codex؛ وهذه تقييمات شخصية غير مثبتة باختبار موثق هنا.
- 2:53:50
اختيار مستوى الاستدلال واستخدام GPT عبر OpenCode
يرى المتحدث أن مستوى الاستدلال العالي قد يكفي للمشكلات الواضحة، بينما يطيل المستوى الأعلى جدًا التنفيذ وقد يفشل أحيانًا في تجربته. ويوضح، بحسب فهمه، أن OpenCode يستخدم واجهة GPT، لذلك لا يتحول GPT داخله إلى نموذج مختلف.
- 2:55:07
التحقق من عمل وكيل البرمجة بدل الاكتفاء بتأكيده
يعرض المتحدث تجربة قال فيها الوكيل إن مهمة إعداد التتبع والنشر اكتملت، لكن الفحص اليدوي أظهر أن التغييرات المطلوبة لم تكن موجودة وأن النشر لم يحدث. يناقش ذلك بوصفه مشكلة موثوقية وأدوات، مع ملاحظة أن إضافة Supabase نجحت لديه حين تعذر الوصول عبر MCP.
- 2:59:12
التسليم إلى وكيل آخر عند تعثر وكيل البرمجة
بعد تعثر الوكيل في الاتصال بخدمات المشروع وتنفيذ الدمج، يطلب المتحدث منه إما إكمال العمل أو تقديم مطالبة تسليم لوكيل آخر. ويؤكد أن المقارنة كانت داخل المشروع نفسه وبالوصول نفسه إلى المهارات وخوادم MCP، مع بقاء سبب اختلاف السلوك غير محسوم.
- 3:02:20
إضافة متغيرات مستودع GitHub كحل سريع
يتتبع المتحدث مكان إعداد متغيرات أو أسرار مستودع GitHub، ثم يضيف المتغيرات ويدمج التغيير ويطلب من الوكيل إعادة التحقق والمتابعة. وينبه إلى أن الإعداد على مستوى المستودع كان حلًا سريعًا لا يراه بالضرورة الخيار الأفضل.
- 3:07:12
مقارنة نموذجين داخل بيئة المشروع نفسها
في نقاش مع أحد الحضور حول تنظيم ملفات Markdown، يقول المتحدث إن نموذجين عملا على المستودع والملفات والمهارات وخوادم MCP والملحقات نفسها لكن أداءهما اختلف في تجربته. ويطرح احتمالًا غير محسوم بأن طريقة تنظيم المشروع قد تكون أقرب إلى أسلوب Claude من أسلوب GPT.
- 3:09:30
لماذا لا تحل ملفات Markdown محل MCP والملحقات
يوضح المتحدث أن خوادم MCP والملحقات وملفات Markdown ليست بدائل مباشرة: فالملفات تقدم سياقًا وتعليمات، وقد تُبنى المهارة حول ملف، بينما توفر MCP والملحقات جسرًا للوصول إلى أدوات أو خدمات خارجية. لذلك يعترض على اقتراح إيقافها جميعًا والاكتفاء بملفات Markdown، مع إقراره باحتمال وجود جانب لم يفهمه.
- 3:14:58
متى تصبح مهارات الوكيل التلقائية مصدر إرباك؟
يناقش المتحدث كيف قد تستدعي بعض الوكلاء مهارة أو إضافة تلقائيًا رغم أن الطلب لا يحتاجها، فتزيد خطوات العمل واستهلاك الرموز. ويرى أن هذا السلوك يكون ظاهرًا عادة، بينما قد تكون مشكلات أخرى ناتجة عن اختلاف صلاحيات الوصول إلى الأدوات والمواقع بين بيئات الوكلاء؛ وهذه كانت فرضية منه وليست نتيجة مؤكدة.
- 3:17:34
فهم تعثّر النشر إلى Cloudflare
يعرض المتحدث حالة استطاع فيها أحد المساعدين نشر المستودع نفسه إلى Cloudflare سريعًا، ثم تعثّر أو رفض تنفيذ خطوة مشابهة لاحقًا. يناقش احتمالات مثل النشر من ملف Worker محلي بدل GitHub، واختلاف بيئة التشغيل أو الصلاحيات، والحاجة إلى وجود متغيرات البيئة في المشروع الرئيسي كي تظهر في Cloudflare، مع بقاء السبب النهائي غير محسوم في هذه الصفحة.
- 3:23:09
التحقق من إعدادات التحليلات بعد النشر عبر GitHub وCloudflare
يوضح النقاش أن النشر المباشر لم يكن كافيًا لإظهار إعدادات Google Tag Manager وGA4 وPostHog المتوقعة، لأن تغييرات مطلوبة لم تدخل مسار GitHub. جرى دمج التغييرات ونشرها، ثم التحقق من وجود المعرّفات في مصدر الصفحة قبل اعتبار المهمة منتهية؛ ولا يثبت هذا وحده أن تتبع الأحداث كان يعمل بالكامل.
- 3:28:27
تحسين دمج أدوات البرمجة بالذكاء الاصطناعي في سير العمل
يعكس المتحدث على أن حل مشكلة النشر بأداة أخرى كان ممكنًا، لكنه يرى أن الأفضل على المدى البعيد هو تهيئة Codex بصورة أنسب للأدوات ومسار العمل حتى يتعامل مع النشر والدمج بموثوقية أكبر.
- 3:32:14
الانتقال إلى مراجعة واجهة التطبيق داخل Shopify
بعد الانتهاء من مشكلة إعدادات القياس، يعيد المتحدث ترتيب الأولويات نحو مراجعة واجهة التطبيق داخل Shopify وإجراء فحص بصري للوحة التحكم باعتبار ذلك المهمة التالية المهمة. لا تعرض هذه الصفحة نتائج المراجعة نفسها.
- 3:33:20
إعداد معاينة Shopify وسجلاتها لاختبار الواجهة
يوضح المتحدث أن اختبار الواجهة بصريًا يتطلب تشغيل خادم تطوير تطبيق Shopify داخل بيئة البرمجة، وفتح معاينة التطبيق، مع إبقاء السجلات مقروءة أثناء استخدام متصفح آخر.
- 3:35:00
تكهّن حول أوضاع النماذج وطبقة التشغيل
في رد قصير على نقاش مع الجمهور، يتكهن المتحدث بأن أوضاع الجهد أو السرعة التي قدمتها أدوات برمجة مثل Cursor مع Claude وCodex قد تكون مرتبطة بطبقة التشغيل التي يدور حولها السؤال، من دون تقديم استنتاج مؤكد.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب