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 لحظة من البث
- 0:47:39
دورة آلية لبناء المهام ومراجعتها وفك اعتمادياتها
يشرح المتحدث سير عمل لوحدة عمل مترابطة: ينفذ وكيل البناء المهمة من تعليمات مجهزة، ثم يراجعها وكيل تدقيق مستقل، وبعد قبولها تُعلَّم كمكتملة وتُفتح المهام التابعة تلقائيا. تتكرر الدورة حتى انتهاء الوحدة، مع تشكيكه في دقة التقدير الزمني الذي قدمه الوكيل.
- 0:50:39
تنظيم عدد كبير من جداول Supabase
طرح المتحدث سؤالًا عن طريقة أوضح لتجميع جداول Supabase حسب الغرض، مثل جداول الواجهة أو الأداء، بدل عرضها جميعًا في قائمة واحدة. لم تقدّم هذه الوحدات حلًا مؤكدًا.
- 0:52:06
حلقة تنفيذ ومراجعة بين الوكلاء
شرح المتحدث سير عمل يتولى فيه وكيل التنسيق تمرير المهمة، ثم يراجعها وكيل تدقيق؛ فإذا لم تظهر مشكلات تُنقل إلى حالة الإنجاز وتستمر الحلقة حتى اكتمال المرحلة.
- 0:53:13
تشخيص تعثر اتصال Supabase MCP
وجّه المتحدث الوكيل إلى التحقيق في سبب فشل الوصول إلى Supabase MCP رغم إجراء التفويض، واقترح بحثًا سريعًا عن طريقة الإعداد الصحيحة إذا تعذر حل المشكلة مباشرة.
- 0:55:50
اختلاف تجربة Supabase MCP بين Codex وClaude
ذكر المتحدث أن إعداد Supabase MCP تعثر لديه مع Codex رغم وجوده في الإعدادات، بينما وصف الوصول إليه عبر Claude بأنه سلس. هذه مقارنة لتجربته في ذلك الوقت وليست حكمًا عامًا على الأداتين.
- 0:56:18
رأي في مستويات جهد Codex وClaude
قارن المتحدث، من واقع تجربته الشخصية، بين تأثير مستويات الجهد في Claude وCodex؛ ورأى أن اختيارات الجهد في Claude تبدو أكثر تأثيرًا، بينما لم يلحظ فرقًا مماثلًا بوضوح مع Codex.
- 0:57:44
اكتشاف إضافة Supabase داخل Codex
بعد تعثر إعداد MCP، لاحظ المتحدث وجود إضافة Supabase داخل Codex وثبّتها. بدا له لاحقًا أن الوكيل بدأ ينشئ قائمة مهام ويعمل بالطريقة المطلوبة، فاستنتج أن الإضافات قد تكون مسار Codex لتجميع تكاملات MCP، لكنه طرح ذلك كتفسير شخصي لا كمعلومة مؤكدة.
- 0:58:27
تفكيك العمل تلقائيًا إلى قائمة مهام
أشاد المتحدث بأن الوكيل أنشأ قائمة مهام وبدأ تنفيذها من تلقاء نفسه، وقارن ذلك بتجربته مع وكيل آخر في مركز الأوامر. ورأى أن هذا التفكيك قد يسرّع التقدم مقارنة بالتقدير الأولي، من دون إثبات اكتمال المرحلة في هذه الوحدات.
- 0:59:56
استخدام وصول الوكيل لتحليل تنظيم الجداول
اقترح المتحدث الاستفادة من وصول الوكيل إلى Supabase لتحليل الجداول واقتراح تنظيم أفضل لها، بوصفها خطوة تالية محتملة لا عملًا مؤكد التنفيذ.
- 1:02:17
مراجعة اعتماديات المرحلة الأولى من أعلى مسار التسويق
يحدد المتحدث هدف الجلسة بالتقدم في المرحلة الأولى من قسم أعلى مسار التسويق، مع مراجعة مهامها لمعرفة ما إذا كانت تعتمد على أعمال تأسيسية يجب إنجازها أولًا.
- 1:02:22
تنظيم جداول Supabase ضمن مجموعات منطقية
يناقش المتحدث صعوبة التنقل بين عدد متزايد من الجداول، ويقترح وضع خريطة وتصنيفات واضحة لها. ثم يسأل إن كانت المجموعات المنطقية ستظل توثيقًا داخليًا أم يمكن تمثيلها بصريًا داخل Supabase، مع التفكير أيضًا في الملكية والتنظيم الفعلي.
- 1:06:25
دروس من تعارض فروع Git وworktrees واستعادة الواجهة
يروي المتحدث أن تراكم الفروع وworktrees وعمليات الدمج، ثم تكليف وكيل برمجي بالتنظيف دون متابعة كافية، أضر بالنسخة الرئيسية وأعاد واجهة أقدم. تمكّن الوكيل لاحقًا من استعادة أجزاء من العمل، وخلص المتحدث إلى تقليل عدد الفروع وفهم إدارة الفروع وworktrees بصورة أفضل.
- 1:11:28
تنظيم جداول قاعدة البيانات باستخدام المخططات
بحث إمكانية استخدام مخطط لتجميع عدد كبير من جداول الخلفية بصورة أوضح، مع فحص البنية الحالية أولًا لفهمها بصورة أفضل.
- 1:14:46
الاستفادة من نسخة متصفح محفوظة لاستعادة واجهة موقع
يوضح كيف حافظ تبويب خفي لم يُحدَّث على نسخة ظاهرة من الموقع بعد تعطل النسخة الحالية، ما أتاح أخذ لقطات مرجعية وتتبع آخر تغيير في الكود للمساعدة في الاستعادة.
- 1:17:58
انطباع عن تجربة Claude Code
يشبّه المتحدث الانتقال إلى Claude Code بتجربة قيادة سيارة كهربائية بعد الاعتياد على سيارات البنزين: تجربة مختلفة بوضوح حتى عند مقارنتها بأدوات جيدة مألوفة. هذا تشبيه وانطباع شخصي، لا اختبار أداء.
- 1:19:30
تنفيذ GA4 وتجميع أدوات القياس
يناقش إعداد GA4 وربطه بأدوات قياس أخرى داخل قسم موحّد للمؤشرات، مع طلب إرشادات شديدة الاختصار خطوة بخطوة واستخدام لقطات الشاشة. كما يطرح متصفحًا مزودًا بمساعد يرى الصفحة كوسيلة مفيدة لمهام التنقل وإعداد الحسابات.
- 1:24:56
دروس من استعادة عمل موزع بين فروع Git وworktrees
يروي كيف أدى تراكم تغييرات غير مدمجة عبر فروع وworktrees متعددة إلى استعادة صعبة وجزئية. الخلاصة المعلنة هي أن عدم الدمج والدفع إلى الفرع الرئيسي كان خطأً مبتدئًا، لكنه أصبح درسًا عمليًا في إدارة العمل.
- 1:29:48
سير عمل آلي لبناء واجهة Shopify باستخدام Polaris
يصف العمل على مكوّن ويب من Polaris ضمن مرحلة تحتوي مهام متتابعة يراجعها مدقق آلي ويوافق عليها في حلقة. بعد اكتمالها، تكون الخطوة التالية فحص شكل التطبيق داخل Shopify بصريًا ومواصلة البناء تدريجيًا نحو التصميم المرجعي.
- 1:33:37
استخدام لقطات الشاشة كسياق داخل Codex
استكشف Luqman تمرير لقطة شاشة لشرح الحالة وفتح سير العمل داخل Codex، ووصف هذه الطريقة بأنها سهلة ومريحة.
- 1:34:31
تنظيم متغيرات البيئة مع توسّع المشروع
أوضح أن مفاتيح ومتغيرات البيئة تزداد مع تطور المشروع، وأن مزامنتها بين خدمات النشر مثل Railway وCloudflare تتطلب تنظيماً جيداً.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب