Building AI Apps Live from Cairo 🔴
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
يركّز البث على تطوير موقع وسير عمل برمجي بمساعدة أدوات مثل Codex وClaude وAntigravity، مع تحسين بنية الواجهة وأزرار الدعوة إلى الإجراء وبطاقات المشاريع وتجربة المعاينة الحية واختيار العناصر داخل بيئة التطوير. يناقش لقمان أيضًا مركز قيادة قيد البناء لتنظيم خرائط المشاريع والمهام وفرق الوكلاء وتوليد مطالبات تنفيذ من سياق المشروع؛ وأظهر الفحص أن المطالبات الديناميكية ما تزال طويلة وعامة وتحتاج إلى ملفات تعريف وسياق أذكى بحسب نوع الوكيل. ومن المحاور البارزة ربط الموقع بحالة بث YouTube وصور مصغرة للحالتيْن المباشرة وغير المباشرة عبر خيارات تشمل YouTube Data API وCloudflare Workers وKV، لكن التكامل أُجّل ولم يثبت اكتماله. ويتناول البث أتمتة إعادة توظيف المحتوى، وتنظيمه في قوائم تشغيل، وفصل الأدوات الموصى بها وروابط الإحالة عن الحزمة التقنية. وفي نقاشات الجمهور، يقدّم لقمان رأيه بأن بناء منتجات فعلية أفضل من الاكتفاء بالمقارنات والدورات، مع الاستمرار في الدراسة، ويؤكد ضرورة البدء بمشكلة حقيقية واختبار السوق واقتصاديات الوحدة وخطة التوزيع قبل التنفيذ. كما تُناقش فكرة مجتمع عبر Telegram وخيار عضوية مدفوعة بتحقق يدوي مبدئي، وأسئلة غير محسومة حول أتمتة الدفع إلى GitHub والأذونات. ظل عدد من الأعمال تجريبيًا أو غير مكتمل، وتعرضت الجلسة لانقطاع كهرباء وتعطل في الموقع من دون إثبات سبب التعطل.
40 لحظة من البث
- 0:01:47
أتمتة إعادة توظيف محتوى البث
يوضح المتحدث أن تحويل البث الطويل إلى مقاطع قصيرة وReels وإدارة النشر عبر المنصات يمثل عبئًا مستقلًا، لذلك يحاول أتمتة أكبر قدر ممكن من سير العمل.
- 0:04:31
تنظيم محتوى يوتيوب في ثلاث قوائم تشغيل
يعرض المتحدث تصورًا لثلاثة مسارات على يوتيوب: بث رئيسي متكرر، وقائمة مختلفة سيكشف عنها لاحقًا، وفيديوهات أقصر تجمع الاختصارات والدروس المستفادة. ويذكر أن تفضيل المقاطع الأقصر مرتبط برأيه في خوارزمية يوتيوب.
- 0:06:09
تحسين واجهة موقع باستخدام أدوات برمجة بالذكاء الاصطناعي
ينتقل المتحدث من مشروع آخر إلى تحسين واجهة موقع داخل Antigravity، موضحًا ميزة فتح المتصفح المحلي داخل بيئة التطوير. ويقول إن نسخة سابقة بُنيت بسرعة باستخدام Claude ثم صُقلت بنموذج GPT، لكنه يفضل Claude في العمل الأساسي بسبب نافذة السياق الأكبر بحسب تقييمه، ويخطط لاستخدام Codex للصقل وClaude للتوجيه العام. يبدأ العمل بإزالة تكرار الشعار مع الحفاظ على الشعار العلوي، ثم يشير إلى أن صفحة الهبوط ما تزال تعتمد على عناصر نائبة؛ ولا تعرض الصفحة نتيجة نهائية لهذه التعديلات.
- 0:12:25
توضيح وجهة أزرار الدعوة إلى الإجراء
مراجعة قسم الصفحة الرئيسي فرّقت بين زر مشاهدة البث الذي يقود إلى يوتيوب وزر الانضمام إلى المجتمع الذي كان يقود إلى نموذج بريد إلكتروني. الاقتراح هو أن يوضح نص الزر وجهته الفعلية حتى تتوافق العبارة مع توقع المستخدم.
- 0:13:43
تحديد عناصر الصفحة داخل بيئة التطوير
تجربة لمعاينة الموقع مباشرة داخل بيئة التطوير وإرسال عنصر محدد إلى المحادثة كي يفهم المساعد موضع التعديل دون لقطة شاشة أو وصف مطوّل. ظهرت التغييرات مباشرة، لكن نسخ العنصر أو إرساله إلى المحادثة لم يعمل بوضوح أثناء التجربة، كما ظل توفر الميزة خارج الأداة المستخدمة غير مؤكد.
- 0:18:17
خيارات أتمتة حالة البث والصورة المصغرة
ناقش تصميم قسم البث إضافة صورة مصغرة وربط نافذة البث بحالة مباشرة. شملت الخيارات صورة سهلة الاستبدال، وجلب صورة عبر معرّف فيديو يوتيوب، واستخدام YouTube Data API، أو تحديث حالة مباشرة عبر سكربت OBS مع Cloudflare Worker وKV؛ ولكل خيار متطلبات ومفاضلات مثل مفتاح API وحدود الطلبات أو إعداد بنية إضافية.
- 0:23:13
تأجيل التكاملات التي تتطلب إعدادًا خارج جلسة البناء
اختار تأجيل إعداد الصورة المصغرة وربط حالة البث لأن التنفيذ يحتاج إلى فتح أدوات خارجية وتهيئة واجهة يوتيوب. الهدف المعلن داخل سير العمل هو الحفاظ على التركيز أثناء جلسة البناء ثم استكمال التكامل الديناميكي لاحقًا.
- 0:27:20
الرجوع إلى مستندات مشروع آخر
استكشاف ما إذا كان المساعد يستطيع الرجوع إلى مشروع آخر للحصول على مستند تخطيط. أشارت الاستجابة إلى إمكان ذلك عند توفير المسار، بينما لم ينجح نقل المستند مباشرة في المحاولة الظاهرة، فطُرح النسخ كبديل.
- 0:31:20
توضيح مشاريع الذكاء الاصطناعي داخل الموقع
العمل على بطاقات قابلة للنقر تقدم وصفًا موجزًا لكل مشروع. يُعرض Command Center كمساحة لإدارة المشروع تضم مسارات عمل ومهام ومركزًا للوكلاء مع قدر كبير من الاستقلالية، بينما يُقدَّم Talk Store كمساعد للمتاجر ينفذ تعديلات وإثراءً للمنتجات عبر المحادثة. ظهرت النتيجة كتجربة أولية تحتاج إلى تحسين واجهتها لاحقًا باستخدام Codex.
- 0:36:37
تخطيط تحقيق الدخل من قسم الأدوات بالإحالة
مناقشة استكشافية حول كيفية بدء تحقيق الدخل بالإحالة من قوائم الأدوات التقنية، وفهم متطلبات التسجيل وتدفق العمولات، ومقارنة البرامج، وتحويل البطاقات إلى روابط قابلة للنقر. كانت هذه مرحلة تخطيط وبحث وليست تنفيذًا مثبتًا.
- 0:38:55
ربط قسم الموقع بحالة بث YouTube
تخطيط قسم بث يفتح فيديو YouTube الحالي عند وجود بث مباشر، ثم يعود إلى صورة مصغرة ثابتة عندما يكون البث متوقفًا، مع بحث الآلية المطلوبة وإمكان استخدام واجهة YouTube البرمجية.
- 0:41:37
فصل روابط الإحالة عن بقية حزمة الأدوات
اقتُرح تخصيص قسم للأدوات التي تتوفر لها إحالات، مع إبقاء الأدوات الأخرى في قسم مستقل يعرض حزمة العمل المستخدمة. كان الهدف الحفاظ على وضوح التوصيات بدل تقديم كل الأدوات بالطريقة نفسها.
- 0:44:12
اكتشاف بث YouTube المباشر وعرضه على الموقع
نوقشت ترقية عنصر ثابت في الموقع ليعرض حالة بث YouTube ورابطه ديناميكيًا. تضمن التصور استعلامًا دوريًا خفيفًا إلى YouTube Data API v3 عبر دالة طرفية، وتخزين الحالة مؤقتًا في Cloudflare KV كي يقرأها الموقع دون إجراء طلب مباشر عند كل زيارة؛ بقي ذلك تصورًا مقترحًا ولم تُثبت الصفحة تنفيذه بنجاح.
- 0:47:32
معاينة الموقع واختيار عناصره داخل Antigravity
شرح المتحدث أن Antigravity يعرض الموقع داخل بيئة التطوير، مما يتيح تحديد جزء من الصفحة وإرساله إلى المحادثة لطلب تعديله بدل وصفه أو التقاط صورة له. أثناء العرض تعطل الموقع، كما ظل خيار إضافة العنصر إلى المحادثة غير واضح ولم يُحسم سبب عدم ظهوره في أي محادثة. وأبدى المتحدث رأيه بأن هذا النوع من العمل لا يتطلب بالضرورة دورات تدريبية.
- 0:50:55
فرق وكلاء الذكاء الاصطناعي وتجنب تداخل العمل
بعد تعطل الموقع، طُرح احتمال أن يكون تشغيل عدة وكلاء معًا سببًا للمشكلة، مع شرح مفهوم فرق الوكلاء التي تتواصل فيما بينها لتنسيق العمل وتقليل التداخل. ظل سبب التعطل مجرد احتمال غير مؤكد.
- 0:52:41
ابدأ بهدف وخطة توزيع قبل بناء التطبيق
سهولة بناء المواقع والتطبيقات بالذكاء الاصطناعي لا تحل مشكلة ما بعد البناء: من سيستخدم المنتج، وما الذي سيُباع، وكيف سيصل إلى السوق. النصيحة هي تحديد الغرض ونموذج الربح والتسويق والتوزيع قبل بدء المشروع.
- 0:54:39
لقطات الشاشة والمعاينة الحية في بيئات التطوير بالوكلاء
نقاش عملي عن إمكانية رفع لقطات الشاشة إلى وكيل Antigravity دون الطرفيات، وإمكانية تشغيل عدة طرفيات وأدوات مثل Codex، مقابل فائدة عرض الموقع مباشرة ومشاهدة تغيراته أثناء العمل.
- 0:58:35
اختبر الربحية والسوق واقتصاديات الوحدة قبل التنفيذ
يدعو النقاش إلى تجنب وعود الثراء السريع، واستخدام مساعد ذكاء اصطناعي لمناقشة هيكل الربح ومسار البيع والتسويق قبل طلب أفكار أو تنفيذ المنتج. وقد يكشف بحث السوق واقتصاديات الوحدة أن فكرة محبوبة غير قابلة للاستدامة، خصوصًا عند عدم توافق تكلفة الخدمة مع قدرة السوق على الدفع.
- 1:05:46
استعادة سير عمل البرمجة بعد انقطاع الكهرباء
أوقف انقطاع الكهرباء جلسة التطوير المحلية. بعد عودة التشغيل، تحقّق المطوّر من عمل البيئة والتحديثات، ثم حاول تحديد المهمة السابقة واستئناف سياق محادثة مساعد البرمجة لمتابعة تعديل واجهة قيد العمل. وأوضح أن مزوّد الطاقة غير المنقطعة يحمي الحاسوب مؤقتًا لكنه لا يمنع تعطّل سير العمل.
- 1:11:49
خريطة مشروع ولوحة مهام ومركز للوكلاء
شرح مركز قيادة قيد البناء يحوّل العمل المعقّد إلى خريطة مرئية بمسارات زمنية ومهام أسبوعية، مع لوحة مهام ومركز لوكلاء ذكاء اصطناعي يمكنهم التنسيق ومعرفة مسؤولياتهم. وُصف تقدير الأسابيع المعروض بوصفه ناتج الأداة، لا موعدًا مؤكدًا.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب