Another Power Outage... 🙄
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
يركّز البث على تطوير صفحة هبوط وتجربة سير عمل عملية تجمع بين وكلاء البرمجة وتوليد الصور والفيديو. تشمل المراجعات تحسين ترتيب البطاقات والطبقات والتدرجات والتباين والحركة المتزامنة، والحفاظ على المستوى البصري لقسم البداية عبر الصفحة مع إعطاء تجربة الهاتف أولوية لاحقة مهمة. ويستكشف لُقمان استخدام Nano Banana وKling لتحويل صور مولّدة إلى خلفيات وفيديوهات حلقية أو متعددة اللقطات وتفاعلات تعمل عند مرور المؤشر؛ لكن عدة تجارب بقيت قيد التوليد أو التخطيط، لذلك لم تُثبت نتائجها النهائية. يناقش البث أيضًا سير عمل متعدد الوكلاء يمتد من البحث في الشفرة ووثائق Shopify إلى البناء والمراجعة الأمنية والتحقق، مع ملاحظة أن كثرة الوكلاء قد تستهلك حدود الاستخدام والتوكنز بسرعة؛ أما احتمال وجود خلل يضاعف الاستهلاك فظل غير موثّق. وفي سياق Shopify، يعرض لُقمان تخطيطه للتعامل مع مخاطر القبول والامتثال عبر طلب استثناء مبكر، والتواصل مع الدعم، وقوائم التحقق والمراجعة الآلية، مع بقاء نتيجة المراجعة والقبول غير مؤكدة. وتشمل أسئلة الجمهور والنقاشات فهم وكلاء البرمجة للتعليمات العربية، واختيار Warp للأعمال الطرفية والخلفية مقابل بيئات مثل Cursor لمهام UI وUX، والفروق الشخصية الملحوظة بين Claude وOpenAI، ومتطلبات النماذج المحلية وجودتها. كما يناقش التحقق من جدوى المنتجات قبل بنائها، والتخطيط للتوزيع والربحية وقابلية التوسع، والعمل الحر عبر Upwork وFiverr، وبناء مشروع جانبي تدريجيًا مع الحفاظ على دخل ثابت. هذه توصيات وآراء مستندة إلى تجربة المتحدث، وليست ضمانات لنتائج تجارية أو تقنية.
41 لحظة من البث
- 1:22:28
الصوت الخلفي كوسيلة للمساعدة على التركيز
يوضح المتحدث أنه يستخدم أحيانًا صوتًا خلفيًا خفيفًا لمساعدته على التركيز في العمل، بحيث يتلاشى من الانتباه بدل أن يكون عنصرًا ترفيهيًا بحد ذاته.
- 1:24:11
ابدأ من التوزيع قبل بناء المنتج
ينصح المتحدث بعكس مسار التفكير في أي مشروع: تحديد كيفية تسويقه وفهم هامش الربح المتوقع قبل البدء في البناء. ويرى أن التوزيع هو العقبة الأساسية.
- 1:27:08
تحسين وضوح عنصر عند الانتقال إلى خلفية بيضاء
أثناء مراجعة تصميم، يلاحظ المتحدث أن الانتقال الحاد والنظيف إلى قسم أبيض يقلل بروز الخط السفلي مقارنة بالعلوي، فيطرح كيفية إصلاح التباين ثم يرفض نتيجة تجريبية لأنها بدت غير مناسبة.
- 1:29:36
تجربة حجم أصغر
يجرّب المتحدث تصغير عنصر غير محدد، ثم يرى أن النتيجة أفضل قليلًا.
- 1:32:46
من خصائص منصة المحادثة إلى اختبار جدوى المشروع
راجع المتحدث منصة محادثة مستضافة في المتصفح تتيح إنشاء حساب، مشاركة رمز للتواصل، واستخدام الصوت وإرفاق الملفات. ثم أوضح، بوصفه رأيًا مشروطًا، أن تسويق المنتج في مصر أو المنطقة العربية قد يصعب إذا كانت تكاليف الاستخدام المتغيرة تُدفع بالدولار، بينما يمنح الاعتماد الأكبر على تكاليف ثابتة مساحة أفضل. ونصح بتحليل الربحية، واستراتيجية تحقيق الدخل، وقابلية التوسع قبل البناء، مع الاستفادة من الذكاء الاصطناعي لمناقشة الافتراضات بصراحة؛ مؤكدًا أن سهولة بناء المنتج لا تعني سهولة تحقيق عائد منه.
- 1:40:14
اختيار عنصر بصري لبطاقات واجهة المنتج
أثناء متابعة العمل على بطاقات للعمليات التجارية وذكاء التجارة، لاحظ المتحدث أن التصميم ما زال يبدو ناقصًا رغم اكتماله مبدئيًا، ووازن بين إضافة موضع مخصص لفيديو وإنشاء تأثير بصري برمجي قبل الانتقال إلى بقية البطاقات.
- 1:43:54
استخدام نماذج اللغة في البرمجة وتصميم الواجهات
يوضح المتحدث أن نماذج اللغة أصبحت جزءًا من أدوات البرمجة والطرفية، ويذكر استخدام Claude وCodex، مع رأيه بأن Codex مفيد أيضًا في أعمال واجهات المستخدم.
- 1:45:05
فكرة بطاقة تفاعلية توضّح خفاء المنتجات عن الذكاء الاصطناعي
يقترح المتحدث إنشاء صورة تعبّر عن أن المنتجات غير مرئية للذكاء الاصطناعي، ثم تحريكها ووضعها داخل بطاقة بحيث لا يبدأ التأثير إلا عند تمرير مؤشر الفأرة فوقها.
- 1:45:55
النماذج المحلية: متطلبات العتاد والجودة
يناقش المتحدث النماذج المحلية باعتبارها اتجاهًا يستحق المتابعة، ويعتقد أن تشغيلها محليًا قد يغني عن الاتصال بالإنترنت، لكنه يشدد على حاجتها إلى عتاد قوي، ويقول إن جودتها الحالية لا تبلغ المستوى الذي يريده. بعض أسماء النماذج أو الأدوات في هذا الجزء غير واضحة في التفريغ.
- 1:47:29
سير عمل من صورة مولّدة إلى فيديو حلقي عند التمرير
يعرض المتحدث سير عمل تجريبيًا: توليد صورة مربعة عبر Nano Banana، واستخدام الصورة نفسها كبداية ونهاية في Kling لإنشاء حركة حلقية قصيرة بلا صوت، ثم التخطيط لإضافتها إلى قسم في الموقع وتشغيلها فقط عند مرور المؤشر. يبدأ التوليد وينتظر النتيجة، لذلك لا تثبت الصفحة النتيجة النهائية.
- 1:53:30
إعادة ترتيب قسم ويب قبل إضافة فيديو تفاعلي
نوقشت فكرة عرض فيديو عند تمرير المؤشر فوق عنصر في الصفحة، ثم تبيّن أن الحركة وحدها لا تكفي لأن مفهوم الفيديو المقترح لا يلائم القسم. طُلب أولاً إعداد توجيه للوكيل يعيد ترتيب بطاقتين من وضع متجاور إلى سطر مستقل لكل بطاقة، على أن يُبحث تنفيذ الفيديو بعد ذلك.
- 1:58:15
مسار بديل لمن يفضّل العمل التقني على الإدارة
رداً على سؤال عن امتلاك مهارات تقنية مع عدم الميل إلى الإدارة والتسويق، اقترح المتحدث تقديم الخبرة كخدمة للآخرين عبر منصات العمل الحر مثل Upwork وFiverr، مع الاستعانة بأدوات الذكاء الاصطناعي لصياغة الملف المهني وتسويق المهارات.
- 2:01:00
توجيه وكيل برمجي أثناء تنفيذ المهمة باستخدام /btw
أوضح المتحدث أن أمر /btw يتيح إضافة ملاحظة إلى وكيل برمجي وهو ينفذ مهمة، وضرب مثالاً بطلب تعديل التخطيط ليطابق عنصراً سابقاً. ثم بدأ في صياغة فكرة بصرية تجعل إطار بطاقة محددة يبرز قليلاً.
- 2:03:51
استلهام مكوّنات الويب بمساعدة وكيل برمجي
يناقش فحص عناصر صفحة مميزة ونسخ بنية مكوّن أو إرفاق لقطة شاشة لتوضيح المطلوب للوكيل البرمجي. يوضح أن إعادة التنفيذ ممكنة لكنها تستغرق وقتًا، وأن بعض المؤثرات البصرية المرجعية كانت مقاطع فيديو، ما شجعه على ابتكار مؤثره الخاص بدل نسخها حرفيًا.
- 2:06:48
أولوية تحسين المواقع للهاتف
يوضح أن نسخة الهاتف لم تُحسّن بعد لأنه يصوغ تصور سطح المكتب أولًا، لكنه يعد الهاتف أهم عمليًا. وبناءً على خبرته، يرى أن كثيرًا من المواقع والشركات تحصل على زيارات هاتف أكبر، لذلك لا ينبغي أن يطغى التركيز على سطح المكتب على تحسين تجربة الهاتف.
- 2:07:47
بناء مشروع جانبي مع الحفاظ على دخل ثابت
ينصح بعدم ترك العمل مباشرة عند بدء مشروع من دون موارد كافية، بل بالحفاظ على مصدر دخل وبناء المشروع تدريجيًا في الوقت المتاح، مع الإشارة إلى أن أدوات الذكاء الاصطناعي قد تسهّل هذا المسار.
- 2:09:39
الحفاظ على مستوى قسم البداية عبر الصفحة كلها
يراجع قسمًا يلي واجهة البداية ويرى أن جودته تهبط فور التمرير، فتبدو الصفحة أكثر اعتيادية. هدفه الحفاظ حتى التذييل على مستوى الرسومات والمؤثرات والحركة والعرض الذي يلفت الانتباه في قسم البداية، ويطلب عصفًا ذهنيًا لإعادة بناء القسم باستخدام سير عمل بصري بين Nano Banana وKling.
- 2:13:54
تصميم فيديو سينمائي متعدد اللقطات من صورة
تجربة سير عمل تبدأ بتصور أقسام بصرية سينمائية ممتدة، ثم توليد صورة واستخدامها كأساس لفيديو متعدد اللقطات. يوضح النقاش أن أداة Kling تتيح تحديد وصف كل لقطة ومدتها ضمن تسلسل مخصص لبناء سرد بصري، مع إعداد عدة لقطات للتجربة دون تأكيد نجاح النتيجة النهائية.
- 2:24:59
ترتيب مراحل التطوير والعمل بالتوازي
مراجعة لخريطة عمل تعرض المراحل بصيغة مسارات، مع التفكير في بدء بناء التطبيق بالتوازي لأن إعداد صفحة الهبوط وقائمة الانتظار والمحتوى المصاحب يستغرق وقتًا.
- 2:25:59
بدء العمل عن بُعد عبر Upwork
نصيحة عامة باستكشاف Upwork وفقًا للمهنة والخبرة، وبناء ملف تدريجيًا، والتحقق من وجود فرص عمل مستقرة قبل الاعتماد الكامل على المنصة.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب