THE CLEANUP EPISODE
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
يوثّق البث مرحلة واسعة من تنقيح TalkStore، وهو مساعد لتجّار Shopify ينتقل من السؤال وتشخيص مشكلات المتجر إلى اقتراح إجراءات يعتمدها المستخدم. ركّز العمل العملي على إعادة تصميم واجهة المحادثة والتنقّل وسجل المحادثات والنتائج المنظمة، وتحسين الرسائل وMarkdown وحالات التحميل، مع تفضيل واجهة داكنة هادئة تُبرز قيمة المنتج من دون ازدحام أو مؤثرات شكلية. كما جرى اختبار تدفقات أوصاف المنتجات ومراجعة أخطاء في التخطيط والتنقّل وصفحة Findings؛ بعض التحسينات نُفذت، لكن أخطاء 500 وبطء فتح التطبيق والتنقّل لم يُحسم سببهما نهائياً، وظلت فرضيات SSR والاستضافة والطلبات المتتابعة وN+1 بحاجة إلى قياس أدق. ناقش لُقمان أيضاً ضبط نطاق V1 وشحنه قبل الإفراط في التلميع، ثم مراجعة الخلفية والأمان والامتثال قبل تقديمه إلى Shopify، مع عرض أثر صادق مثل الوقت الموفر وجودة الكتالوج بدلاً من ادعاءات الإيرادات. شملت الأسئلة والنقاشات اختيار نماذج الذكاء الاصطناعي وتوجيهها عبر OpenRouter، دمج دعم Crisp، بناء الثقة والحصول على المراجعات الأولى، متطلبات شارة Build for Shopify كما ظهرت وقت التسجيل، والتحقق من أفكار المنتجات بالإعلانات وصفحات الهبوط. ورداً على الجمهور، أوضح أن القناة توثّق بالعربية رحلة المشاريع من الفكرة والتحقق إلى البناء والتسويق، مع استخدام الإنجليزية في محادثات الوكلاء.
69 لحظة من البث
- 0:00:13
تلميع TalkStore وإطلاق النسخة الأولى
TalkStore في مرحلة تصحيح الأخطاء ومراجعة تجربة المستخدم والواجهة والخلفية قبل تقديمه إلى Shopify. يُعامل الإصدار كنسخة أولى قابلة للشحن، مع الإقرار بأن العمل الحالي أقل انتظاماً من سير مهام التحضير والبدء والإكمال المعتاد ويحتاج إلى تركيز ومراجعة أوثق مع الوكلاء.
- 0:01:20
التخطيط للتحقق من السوق قبل البناء
بعد شحن النسخة الأولى الحالية، يخطط المتحدث لتجربة التحقق من السوق قبل البناء باستخدام إعلانات Facebook قبل التوسع في أفكار جديدة. طُرحت الخطة كتجربة مستقبلية وليست نتيجة مكتملة أو مثبتة.
- 0:03:54
توجيه نماذج متعددة عبر OpenRouter
يشرح النقاش استخدام OpenRouter كمفتاح وصول إلى نماذج متعددة، ثم توزيع وظائف التطبيق مثل الرؤية وكتابة الوصف على نماذج مناسبة. الاقتراح للنسخة الأولى هو استخدام مفتاح واحد وتوجيه المهام داخله، مع احتمال فصل المفاتيح حسب الوظيفة لاحقاً لتحسين القياس والتحكم في التكلفة.
- 0:07:53
الموازنة بين جودة نماذج الذكاء الاصطناعي وتكلفتها
تُراجع خريطة نماذج OpenRouter بحسب مهام مثل تصنيف النية وكتابة الوصف وتحليل الصور، مع مقارنة طبقات Haiku وSonnet وOpus والتفكير في Gemini Flash للرؤية. الخلاصة المؤقتة هي تثبيت الاختيارات الحالية وإنجاز التلميع أولاً، ثم بحث البدائل وتحسين التكلفة لاحقاً بحسب جودة كل مهمة.
- 0:13:08
تشخيص خطأ 500 في بيئة تطوير Shopify
ظهرت استجابة 500 عند تشغيل بيئة تطوير تطبيق Shopify بعد مشكلة سابقة نُسبت إلى اتصال Supabase. طُرح تعديل إعداد رابط قاعدة البيانات ليتوافق Prisma مع PgBouncer، ثم أُعيدت محاولة تشغيل بيئة التطوير؛ ولا تؤكد هذه المقاطع أن المشكلة حُلّت.
- 0:15:44
شحن النسخة الأولى قبل التوسع في تصميم الواجهة
يُستخدم جزء بسيط من الواجهة مثالاً على قرار تقليل الوقت المستهلك في ابتكار تخطيطات جديدة الآن. الأولوية هي شحن TalkStore سريعاً، وتأجيل الاستثمار الأعمق في تفاصيل التخطيط إلى ما بعد إصدار المنتج.
- 0:17:19
العربية والإنجليزية لجمهور عربي
رداً على تعليق من الجمهور، يقول المتحدث إنه يتحدث الإنجليزية لكن القناة موجهة لخدمة المجتمع العربي. ويتوقع أن يكون معظم المحتوى بالعربية، بينما تُجرى المحادثات مع الوكلاء بالإنجليزية.
- 0:19:00
العصف الذهني لإعادة تصميم TalkStore باستخدام Codex وClaude
يستخدم لقطة من الصفحة الحالية ويطلب من Codex وClaude أفكارًا مكتوبة لإعادة بناء الواجهة بشكل بسيط، مدمج، مستقبلي وسهل الاستخدام، مع التفكير أيضًا في سلوك المنتج بعد إرسال النص. الخطة في هذه المرحلة هي مقارنة التصورات قبل الانتقال إلى التنفيذ، وليست خطة تنفيذ بحد ذاتها.
- 0:25:35
قيود واجهة الدردشة والنمذجة البصرية قبل البناء
يناقش ضرورة فهم حدود تصميم مربع الدردشة داخل تطبيق Shopify، بما في ذلك مدى الالتزام بالمكوّنات المألوفة وإمكان إضافة تأثيرات حركية، مع الإقرار بوجود مزايا وعيوب للابتعاد عن شكل التطبيقات المعتاد. كما يستكشف سير عمل يولّد عدة تصورات بصرية للواجهة ويعرضها في المتصفح للمراجعة قبل البناء.
- 0:29:08
تقديم TalkStore كمساعد خبير بدل لوحة قيادة مزدحمة
يفضّل أن يكون الانطباع الأول هو مساعد خبير ذكي بدل لوحة قيادة تقليدية قد تربك المستخدم، مع إبقاء تجربة الدردشة بسيطة وتوفير مساعدة واضحة للبدء. تشمل الأفكار رسالة استباقية أولى، أو نبذة حية ومختصرة عن حالة المتجر، أو محفزات ذكية للمحادثة؛ لكنه يشترط أن تبدو الرسالة الاستباقية محددة ومدروسة لا مزعجة أو عامة.
- 0:35:37
مراجعة نماذج واجهة مميزة لـ Talk Store
مراجعة أفكار ونماذج للواجهة مع رفض الشرائح الحالية لأنها عامة وغير إبداعية، والتأكيد على أن التصميم ينبغي أن يعكس تميّز المنتج. تتضمن النماذج حالات للصفحة الأولية والعمل، وتدفقاً يتيح السؤال، والعثور على المشكلات، وفحصها، والتوصية بإجراءات وتنفيذها.
- 0:38:25
واجهة محادثة داخل قيود Shopify وتجربة تحميل صادقة
واجهة المحادثة مكوّن React مخصص يعمل داخل iframe في Shopify Admin، ما يقيّد مساحة العرض والتحكم في الإطار الخارجي ويفرض اعتبارات أمنية. يقترح النقاش معالجة فترة فحص الكتالوج برسالة صريحة وحركة بسيطة، ثم إظهار الرؤية الحقيقية بعد اكتمال الفحص من دون ادعاء معرفة بيانات لم تُراجع بعد.
- 0:41:12
إيصال دورة Talk Store من السؤال إلى اعتماد الإجراء
يُرجأ قرار الرسالة الافتتاحية لأنها قد تخص المستخدمين لأول مرة فقط ولا ينبغي تكرارها عند كل دخول. الأولوية هي أن يوضّح الانطباع الأول اختلاف Talk Store عبر ثلاث مراحل أساسية: السؤال، والعثور على ما هو معطّل، ثم اعتماد ما سيُصلح؛ فالمنتج لا يكتفي بمعرفة المتجر بل يتخذ إجراءً بعد الاعتماد.
- 0:43:48
تبسيط واجهة البداية وإبراز عرض القيمة
مقارنة اتجاهات لتصميم قسم البداية، منها تخطيط مدمج وعنوان يعرض أسئلة نموذجية متغيرة. كان التفضيل لواجهة مباشرة وبسيطة ذات عرض قيمة قوي، مع تقليل العناصر المزعجة والاحتفاظ بالعبارة التعريفية وعرض القيمة قرب حقل الإدخال.
- 0:51:24
ردود منظمة تحول النتائج إلى إجراءات واضحة
اقتُرح أن تعرض الواجهة النتائج داخل إطارات منظمة بدلاً من فقاعات محادثة عادية. يوضح مثال أوصاف المنتجات مساراً من فحص الأوصاف وتحديد العناصر الأهم إلى معاينة إجراء لإعادة الكتابة، مع ضبط مستوى التفصيل بحسب نوع السؤال ومجاله.
- 0:54:51
اختيار سمة داكنة دافئة للواجهة
تناقش المفاضلة بين السمتين الداكنة والفاتحة لواجهة تريد أن تبدو كخبير لا كصفحة إعدادات تقليدية. مال الرأي إلى سمة داكنة دافئة وليست سوداء بالكامل، مع اعتبار مفتاح التبديل بين السمتين إضافة محتملة لاحقاً، مع الإقرار بأن المظهر الداكن قد يبدو عاماً إن لم يُميَّز بعناية.
- 0:57:16
تقسيم تنفيذ إعادة التصميم إلى مراحل قابلة للتحقق
رغم الحماس للنماذج والتوصيات، يميّز النقاش بين سهولة التصور وصعوبة التطبيق. يقترح البدء بوثيقة تصميم ومواصفات وخطة تنفيذ، ثم تقسيم العمل إلى مراحل مثل صفحة البداية والردود المنظمة، مع مطالبة وكيل البناء بفحص الواجهة في المتصفح والتقاط صور للتغييرات قبل التسليم.
- 1:01:58
إعادة تنظيم قائمة TalkStore حول سير عمل المنتج
مناقشة ما إذا كان ينبغي إبقاء التنقّل مدمجاً مع استبدال بنية الصفحات الإدارية العامة بأقسام تعبّر عن سير العمل الفعلي، مثل المساعد والنشاط والفوترة والإعدادات، مع اعتبار «النشاط» بديلاً محتملاً للسجل. ويصف Luqman نموذجاً أولياً سريعاً قابلاً للتفاعل، ويرى أن الجمع بين أفكار Codex وClaude قدّم عناصر واجهة مفيدة من كل منهما.
- 1:06:07
تنفيذ مواصفة واجهة على مراحل مع المراجعة
يُقترح بدء جلسة جديدة لتنفيذ مواصفة الواجهة مرحلةً بمرحلة، مع مراجعة العمل بعد كل مرحلة قبل الانتقال إلى التالية. يبدأ المسار بقراءة ملف المواصفة وفهم نطاق المرحلة الأولى، التي وُصفت بأنها مرتبطة بالألوان.
- 1:10:20
فكرة مركز أوامر ذكي لتجار Shopify
اقتراح لقسم داخل التطبيق يعرض المشكلات والتوصيات وما ينبغي إصلاحه تالياً، مع تحليل مدعوم بالذكاء الاصطناعي لصحة المنتجات أو الكتالوج. يشدّد Luqman على أن تكون الوظيفة عملية وليست مجرد إضافة شكلية.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب