انتقل للمحتوى
شغّال
ارجع للمكتبة

Building AI Apps Live from Cairo 🌙

Day 0031:55:41

تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم

الخلاصة

يستعرض البث عملاً عملياً وتصورياً حول بناء أدوات بالذكاء الاصطناعي وإدارة الوكلاء: من إطلاق موقع بعد نقل DNS إلى Cloudflare ومناقشة المسار المتوقع لنشر تحديثاته عبر GitHub وCloudflare، إلى تطوير تطبيق Electron من مخطط زمني متعدد المسارات إلى مركز قيادة موحّد يجمع خريطة الطريق والمهام والاعتماديات وحالة الوكلاء. يناقش لقمان تنفيذه على مراحل قابلة للتوازي باستخدام ملفات Markdown وحالة JSON مشتركة وطابور مراجعة بشرية، مع تأجيل تكامل OpenClaw حتى تجهز الأداة الأساسية. وأظهر استكشاف منفصل أن أداة Electron أُنشئت كمشروع مستقل عن المشروع الرئيسي، مع متتبّع وُصف بأنه جسر بينهما، بينما أُبقيت المستندات المرجعية في مساراتها الأصلية لتجنب تباعد النسخ. تشمل حزمة التطوير المذكورة Supabase وRailway وCloudflare وCodex، كما يتناول البث توزيع العمل بين Claude وCodex، واستهلاك نافذة السياق، واستخدام Warp، ومفاضلات التشغيل المحلي والـVPS وحدود الاستخدام وخيار واجهة API. ويشرح أيضاً نظاماً آلياً لاستخراج مقاطع من البث، مع احتمال إعادة نشرها لاحقاً على منصات مثل TikTok. وتشمل مناقشات الجمهور اللهجة المصرية وأدوات البرمجة، إلى جانب اختيار واجهة تبدأ بالإنجليزية مع إشارات عربية، ورؤية لبناء مجتمع عربي للـvibe coding عبر بث عملية البناء. ويؤكد لقمان، بوصفه رأياً، أن سهولة البناء لا تكفي لإطلاق المنتجات من دون فهم التسويق والتوزيع والربحية؛ وقد ظلت بعض المقارنات دون حسم، وبقي مركز القيادة تصوراً ونموذجاً أولياً غير مكتمل.

  • DNS
  • Cloudflare
  • GoDaddy
  • deployment
  • +4

37 لحظة من البث

  1. 0:03:58

    تشغيل موقع بعد نقل DNS إلى Cloudflare

    ذكر المتحدث أن نقل DNS من GoDaddy إلى Cloudflare اكتمل، وأن الموقع أصبح متاحاً على نطاقه. اسم المشروع غير مثبت بوضوح في النص.

    • DNS
    • Cloudflare
    • GoDaddy
    • deployment
    • +1
  2. 0:04:46

    مخطط زمني تنفيذي من خارطة طريق Markdown

    الفكرة هي تطبيق Electron يحوّل خارطة طريق بصيغة Markdown إلى مخطط swimlane موحّد يعرض التقدم والعمل المتبقي والجدول والاعتماديات. ويريد المتحدث ربط اللوحة بالمشروع كي يتابع وكلاء الذكاء الاصطناعي الخطة نفسها، مع توزيع المهام بين Claude وCodex بحسب نوع العمل.

    • Electron
    • Markdown
    • roadmap
    • swimlane
    • +4
  3. 0:10:51

    اختيار ترتيب العربية والإنجليزية لموقع تقني

    يناقش المتحدث موقعاً موجهاً أساساً لمجتمع مصر والمنطقة، مع مفاضلة بين البدء بالعربية أو الإنجليزية. فرغم أن الحديث عربي، فإن التعامل مع وكلاء الذكاء الاصطناعي ومعظم مصطلحات العمل بالإنجليزية، لذلك يفكر في واجهة تبدأ بالإنجليزية مع إتاحة العربية أيضاً.

    • localization
    • Arabic
    • English
    • MENA
    • +2
  4. 0:12:22

    تقسيم بناء واجهة الموقع بين أدوات الذكاء الاصطناعي

    يصف المتحدث سير عمل بدأ بهيكل أولي للموقع أنشأه Claude، ثم تحسين بصري للواجهة باستخدام Codex. ويعرض ذلك كتجربة عملية لاختيار الأداة المناسبة لكل مرحلة، مع بقاء تقييم جودة الواجهة رأياً شخصياً للمتحدث.

    • AI-assisted development
    • UI design
    • Claude
    • Codex
    • +1
  5. 0:15:29

    تكليف وكيل ذكاء اصطناعي بإعادة ترتيب أولوية لغات واجهة موقع

    شرح تكليف أداة ذكاء اصطناعي بمراجعة واجهة موقع بعمق وتحويلها من تجربة تبدأ بالعربية إلى تجربة تبدأ بالإنجليزية، مع الإبقاء على حضور العربية، وربما في الشعار أيضاً. تُركت تفاصيل التنفيذ للأداة، مع تقدير أن المهمة محدودة نسبياً من حيث السياق.

    • AI agents
    • UI review
    • bilingual websites
    • localization
    • +4
  6. 0:18:56

    الحاجة إلى مزيد من محتوى الذكاء الاصطناعي والبرمجة بالإحساس في المنطقة

    عبّر المتحدث عن رأيه بأن محتوى الذكاء الاصطناعي، وخصوصاً البرمجة بالإحساس، ما زال بحاجة إلى حضور أكبر في مصر ومنطقة الشرق الأوسط وشمال أفريقيا، وشجّع صانع محتوى على مواصلة العمل في هذا المجال.

    • AI content
    • vibe coding
    • Egypt
    • MENA
    • +1
  7. 0:20:01

    أثر ملفات المشروع وحجم المهمة على نافذة السياق

    ملاحظة عملية بأن ملفات مثل البيان وخريطة الطريق تستهلك جزءاً من نافذة السياق في كل جلسة، مع اعتبار تغيير أولوية اللغة مهمة صغيرة نسبياً وليست إعادة هيكلة كاملة.

    • Codex
    • context window
    • task scoping
    • project documentation
    • +1
  8. 0:21:32

    نشر تحديثات الموقع عبر GitHub وCloudflare

    يوضح أن التغييرات المحلية لن تظهر على الموقع المنشور مباشرة، وأن دفعها أو تسجيلها في GitHub يُتوقع أن يطلق النشر الآلي عبر Cloudflare.

    • deployment
    • GitHub
    • Cloudflare
    • website
  9. 0:22:09

    تقليل المستندات المحمّلة في سياق جلسات Claude

    يفحص سبب استهلاك مستندات المشروع مساحة من نافذة السياق، ويتبين أن CLAUDE.md يستورد بعض المستندات مباشرة. يناقش إزالة المواد غير الضرورية مع إبقاء خارطة الطريق متاحة حين يحتاج الوكلاء إلى فهم حالة العمل.

    • Claude
    • CLAUDE.md
    • context window
    • project documentation
    • +1
  10. 0:26:10

    مسار زمني وكيل بمواعيد مرنة وتبعيات واضحة

    يخطط لتطوير مسار خارطة الطريق بحيث تتغير مواعيده عند التأخر أو التقدم، وتعرض كل محطة تفاصيل أكثر عن المهام الفرعية والتبعيات اللازمة لإنجازها. المقصود أن يكون المسار مفيداً لصاحب المشروع وللوكلاء معاً.

    • agentic workflow
    • roadmap
    • swim lane
    • milestones
    • +2
  11. 0:28:06

    تفاوت استهلاك السياق في مهام البرمجة بالذكاء الاصطناعي

    يلاحظ أن تعديلاً لغوياً صغيراً في الموقع استهلك من نافذة السياق أكثر مما كان متوقعاً مقارنة بعمل بناء أكبر سابق، من دون تقديم تفسير نهائي لهذا التفاوت.

    • Codex
    • AI coding
    • context window
    • token usage
    • +1
  12. 0:30:14

    فهم اللهجة المصرية واختيار أدوات البرمجة

    تطرح محادثة قصيرة سؤالاً عن فهم اللهجة المصرية، ثم تنتقل إلى سؤال عن أدوات البرمجة المستخدمة مثل Claude أو GPT؛ ولا تلتقط الصفحات إجابة تفصيلية مكتملة.

    • Egyptian Arabic
    • dialects
    • Claude
    • GPT
    • +1
  13. 0:32:26

    حدود استخدام مساعدات البرمجة وخيار واجهة API

    يناقش بصورة عامة أن سعة بعض الاشتراكات قد تجعل بلوغ حدود الاستخدام أصعب، وأن أمر الحالة يمكن أن يعرض الاستهلاك ومواعيد إعادة الضبط. كما يذكر واجهة API كخيار بديل مدفوع، من دون تضمين بيانات الحساب الفعلية.

    • Claude
    • usage limits
    • status command
    • API
    • +1
  14. 0:34:29

    واجهة إنجليزية أولاً مع إشارات عربية منتقاة

    يحدد توجهاً للموقع يعتمد الإنجليزية كلغة أساسية لتقليل الضوضاء الناتجة عن ترجمة كل عنصر، مع الاحتفاظ بكلمات عربية متفرقة توضح أن منشئ المنصة عربي أيضاً.

    • bilingual design
    • English-first
    • Arabic
    • localization
    • +1
  15. 0:35:36

    Codex IDE وWarp لسير عمل برمجي متوازٍ

    قال المتحدث إنه يعتقد أن Codex IDE كان يقدم مؤقتاً لمستخدمي Pro مضاعفة حدود الاستخدام حتى 2 أبريل. ثم شرح تفضيله الحالي لـWarp كطرفية وكيلة تدعم أدوات ونماذج متعددة، وجلسات وطرفيات متوازية للعمل على جوانب مختلفة من المشروع.

    • Codex
    • Warp
    • agentic terminal
    • coding workflow
    • +2
  16. 0:39:33

    التفكير في تشغيل OpenClaw محلياً بدلاً من VPS

    بحسب المتحدث، يمكن ربط OpenClaw باشتراك ChatGPT دون استخدام OpenAI API مباشرة. ويقول إن إعداداً سابقاً على VPS كان معقداً وكثير الخطوات، لذلك فضّل فكرة تشغيله على جهاز محلي. هذه ادعاءات وتجربة منسوبة للمتحدث وليست اختبارات موثقة في المقطع.

    • OpenClaw
    • Codex
    • ChatGPT
    • VPS
    • +2
  17. 0:41:09

    مقارنة نماذج الذكاء الاصطناعي بالموجّه نفسه

    يقترح المتحدث اختبار نموذجين بالموجّه نفسه ومقارنة نتائجهما، ويرى أن أحد النماذج المذكورة في الحوار مناسب لمعظم المهام وأقل تكلفة. هوية ذلك النموذج غير مؤكدة بما يكفي في النص، لذلك لم تُنسب إلى مشروع محدد.

    • AI models
    • prompt comparison
    • model evaluation
    • cost comparison
  18. 0:41:38

    مزايا وعيوب استضافة أدوات الوكلاء على VPS

    يوضح المتحدث أن الـVPS يوفر اتصالاً دائماً وإمكانية الوصول عن بُعد، لكنه وجد الإعداد معقداً وأشار إلى أن أنظمة الحماية لدى بعض منصات الاستضافة قد تكون غير مستقرة. هذا تقييم شخصي، لا نتيجة اختبار منهجي.

    • VPS
    • hosting
    • remote access
    • security
    • +1
  19. 0:46:48

    البناء بالـVibe Coding دون خبرة عميقة في تطوير الويب

    يشرح المتحدث أن هدف القناة هو إظهار إمكانية الدخول إلى البرمجة المباشرة وبناء أشياء مفيدة حتى لمن ليس مطور ويب محترفاً، مع تقديم نفسه كممارس للـvibe coding لا كخبير تقليدي في تطوير الويب.

    • vibe coding
    • live coding
    • web development
    • beginner accessibility
  20. 0:48:29

    تصميم خط زمني وكيل يتابع انحراف الجدول والمراحل

    يناقش العمل تصميماً لمسارات زمنية يوضح الفرق بين الموضع المخطط والفعلي للمراحل عبر شريط انحراف بصري، مع تمدد المراحل أو انكماشها وفق الواقع. تمثل كل عقدة ملخصاً يفتح لوحة مهام فرعية، ويُقترح ربط المسار بوكلاء المشروع كي يفهموا حالة الجدول، مع أقسام لقوائم تحقق متخصصة مثل متطلبات Shopify والتقديم.

    • agentic timeline
    • swimlane
    • schedule drift
    • milestones
    • +3

عندك سؤال عن حاجة في البث ده؟

اسأل في الجروب
Building AI Apps Live from Cairo 🌙 · شغّال