Building AI Apps Live from Cairo 🔴
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
يوثّق البث عملاً عملياً على واجهات موقع ومركز قيادة للمشروعات، إلى جانب نقاشات أوسع حول إدارة عمل وكلاء البرمجة. شملت المراجعات تحسين الحركة المستمرة والبطاقات وحالات القفل والوضوح البصري ودعوات Telegram، مع تأكيد أن جودة الواجهة تحتاج إلى معايير صريحة ولقطات مرجعية ومراجعة بشرية؛ وظلت بعض المؤثرات البصرية بحاجة إلى ضبط، بينما أُجّلت أتمتة الحالات لأن سيرها المستقبلي ومتطلباتها لم يتضحا بعد. وفي مركز القيادة، نوقشت الاعتماديات وقوائم الانتظار ومتطلبات Shopify وأوضاع التنفيذ البشري والآلي والمشترك، ثم بُني خادم MCP ليوفر للوكيل سياق المهام ويعيد تحديثات الحالة؛ نجحت اختبارات أساسية لإنشاء بطاقة وتعديلها وحذفها، لكن تحديث واجهة Electron وتغطية بيانات المراحل ومركز الوكلاء ظلا غير مكتملين. كما تناول البث تحسين تعليمات الوكلاء بالسياق ومعايير القبول والمراجع، ومراجعة موقع وكالة من منظور بصري وتسويقي، وفكرة تحويل البناء المباشر إلى دورات عند ثبوت اهتمام الجمهور. تخللت الجلسة متابعة مشكلات استقرار البث وYouTube API والنشر على Cloudflare؛ ظهرت بعض الحالات لاحقاً، لكن أسباب بعض الأعطال لم تُحسم نهائياً.
53 لحظة من البث
- 0:01:03
مراقبة جودة البث ومعالجة مشكلات الاتصال
بعد تعطل بث سابق، عُدّلت إعدادات الاتصال وأصبحت لوحة YouTube Studio مرجعاً لمراقبة جودة البث واكتشاف المشكلات مبكراً. كما طُرح Cloudflare WARP كخيار محتمل إذا استمر عدم الاستقرار، دون تأكيد تجربته أو نجاحه.
- 0:03:41
تنسيق عدة أدوات وجلسات لبناء واجهة موقع
يوضح النقاش أسلوب العمل على عدة أقسام من الموقع بالتوازي، مع إبقاء جلسات منفصلة مفتوحة للرسوم المتحركة وعنصر beacon وقسم آخر. الفكرة الأساسية هي التنقل بين أكثر من أداة لإنجاز أجزاء المشروع ومراجعتها تدريجياً.
- 0:08:48
تحويل صفوف متحركة إلى شريط دائري متصل
أظهرت مراجعة الواجهة أن الصف الثاني يتحرك أسرع من الأول وأن الصفين يعيدان البدء بشكل ملحوظ. طُلب توحيد السرعة وإنشاء حركة دائرية متصلة بلا تحديث حاد، ثم أُعيد فحص المعاينة لأن اختلاف السرعة ظل ظاهراً.
- 0:10:07
تحسين وضوح وتصميم عنصر Beacon بالاعتماد على لقطة شاشة
استُخدمت لقطة شاشة لمراجعة عنصر beacon؛ كان النص مندمجاً مع الخلفية وصعب القراءة. شملت التحسينات المقترحة تغيير لون الخط، تكبير النص، وإضافة تفاعل بصري بطابع مستقبلي أو شبيه بواجهات الطرفية، مع تنفيذ التغييرات تدريجياً.
- 0:12:58
إزالة قسم غير مطلوب والتحقق من توحيد الحركة
طُلب حذف قسم غير مطلوب من الموقع، ثم ظهرت إفادة بأن الصفين يستخدمان حركة متماثلة، وتبع ذلك فحص سريع للنتيجة في المعاينة.
- 0:14:02
تشخيص تقطع البث عبر الإطارات المفقودة وحالة الاتصال
يناقش المقطع تعطل بث سابق واحتمال ارتباط خلل تسجيل YouTube بالاتصال. بعد تغييرات في الإعدادات، جرت متابعة الإطارات المفقودة وحالة مزود الإنترنت وصحة البث، التي كانت تظهر بحالة ممتازة وقت الفحص فقط.
- 0:15:42
التعامل تلقائيًا مع فيديوهات يوتيوب المحذوفة
مناقشة كيفية إزالة الفيديوهات المحذوفة من قسم البث تلقائيًا عند فقدان الصورة المصغرة، مع تحديث بيانات قائمة التشغيل المخزنة مؤقتًا كل ساعتين دون مراجعة يدوية.
- 0:16:51
تحديد سلوك مراحل البناء وقائمة الانتظار
سؤال حول ما ينبغي أن يحدث عند انتقال واجهة المشروع من مرحلة البناء إلى قائمة الانتظار، وما إذا كانت مرحلة قائمة الانتظار قد أُعدّت بالفعل.
- 0:18:03
تحديث شريط تقدم المشتركين عبر YouTube API
بحث إمكانية جلب عدد المشتركين دوريًا لبطاقة تقدم، مع تقدير أثر الطلبات على حصة YouTube API. نُفّذ تحديث كل ساعتين، لكن الرجوع إلى الصفر عند تعذر الواجهة ظهر كسلوك يحتاج إلى مراجعة.
- 0:20:05
مراجعة الواجهة بصريًا قبل التسليم
طلب التقاط لقطات شاشة وتحليلها بعناية لاكتشاف العيوب الصغيرة، مثل دائرة فارغة غير مقصودة، مع توضيح أن مرحلة الصفحة الرئيسية كانت مثبتة يدويًا ولا تتغير تلقائيًا حسب التاريخ.
- 0:25:27
إعادة ترتيب بطاقات الواجهة
طُلب حذف بطاقة غير مطلوبة وتوسيع بطاقة Sanaa Guides لتطابق عرض البطاقات الرئيسية، تمهيدًا لإضافة الحركة والمؤثرات.
- 0:26:15
حدود الحكم البصري لدى وكيل البرمجة
أظهرت لقطة شاشة غير مُرضية أن تعليمات الوكيل العامة وقيود المشروع وسياق البيئة لا تضمن معيارًا واضحًا للجودة البصرية. وخلص النقاش إلى أن وكيل البرمجة العام قد ينتج واجهات قوية، لكن حكمه الجمالي ليس مضمونًا ويحتاج إلى معايير ومراجعة صريحة.
- 0:28:52
حصر التفاعل في البطاقة المقصودة
طُلب إزالة معالجات النقر وسمات التفاعل من بطاقتين، بحيث تبقى بطاقة Sanaa Guides وحدها قابلة للنقر، مع التحقق من عنصر عرض التفاصيل.
- 0:30:05
نقل العمل بين وكلاء الذكاء الاصطناعي
شرح عملي لطلب ملخص تسليم يوضح ما أُنجز والأهداف والمتطلبات المتبقية، ويفضّل وضعه في ملف Markdown لتمكين وكيل آخر من متابعة العمل بالسياق نفسه. وشمل الطلب أيضًا إظهار خطوات Beacon عند الوصول إلى مرحلة قائمة الانتظار وما بعدها، لا خطوة البناء الأولية وحدها.
- 0:31:38
فكرة دورات مركزة مستخرجة من البناء المباشر
طُرحت فكرة تحويل خبرات جلسات البناء المباشر إلى دورات مكثفة ومنظمة ومركزة، مع تأجيل إطلاقها إلى أن يظهر اهتمام كافٍ من الجمهور.
- 0:36:48
تصميم شريط تقدم وبطاقة مقفلة أكثر حيوية
تضمنت الأفكار إبراز شريط التقدم وتكبيره، وإضافة حركة لمعان عابرة، ومنح البطاقة المقفلة طابعًا يشبه الخزنة مع خط مسح وتوهج محيطي. جرى اختيار تحسين شريط التقدم ومعالجة حالة القفل للتنفيذ، مع طلب تصوير الحالات ومراجعتها بصريًا.
- 0:39:46
مراجعة حالات الواجهة المبلّغ عنها
أفاد الوكيل بأن البطاقة ظهرت بشكل نظيف في الصفحة الرئيسية، وأشار إلى خمس حالات تعمل وإلى بناء نظيف. كانت هذه تقارير من الوكيل داخل الجلسة وليست تحققًا مستقلاً موثقًا في النص.
- 0:40:52
اتجاه محتوى Sanaa Guides وتنظيف المؤثر الذهبي
اقتُرحت دورات متخصصة حول بدء مشروع بالذكاء الاصطناعي وبنائه وإطلاقه وتسويقه، بشرط وجود اهتمام كافٍ. وفي مراجعة الواجهة، اعتُبر شريط التقدم مقبولًا بينما احتاج تأثير اللمعان الذهبي العابر إلى معالجة أنظف.
- 0:41:43
ضبط حركة بطاقة الـ beacon وتأجيل أتمتة حالاتها
راجع Luqman تأثير المسح على البطاقة وطلب أن يكون محصورًا داخلها وبإيقاع غير منتظم، مع تسريع إحدى الحركات والإبقاء على أخرى أبطأ. ناقش أيضًا إمكان تبديل حالات البطاقة تلقائيًا عبر التاريخ أو إعدادات الضبط، لكنه قرر تأجيل الأتمتة لأن سير الحالات والمتطلبات المستقبلية لم يتضحا بعد.
- 0:47:40
إبراز البطاقة بتأثير يتتبع المؤشر وتوهج محيطي
عمل Luqman على جعل البطاقة أوضح من الخلفية. انتقل من تأثير لمعان بسيط إلى فكرة دائرة ضوئية تظهر عند التحويم وتتتبع المؤشر داخل حدود البطاقة، مع توهج محيطي خلف الحواف يشبه أشعة الشروق. وبعد المعاينة، لاحظ أن التوهج غير ظاهر وأن تأثير المؤشر يحتاج إلى ضبط شدة حضوره.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب