Another Power Outage... 🙄
تحب تدعم البث؟ عضوية «داعم» على يوتيوب بـ 60 جنيه في الشهر: شارات، إيموجي، وأسئلتك بجاوبها الأول في البث. اشترك كداعم
الخلاصة
يركّز البث على تطوير صفحة هبوط وتجربة سير عمل عملية تجمع بين وكلاء البرمجة وتوليد الصور والفيديو. تشمل المراجعات تحسين ترتيب البطاقات والطبقات والتدرجات والتباين والحركة المتزامنة، والحفاظ على المستوى البصري لقسم البداية عبر الصفحة مع إعطاء تجربة الهاتف أولوية لاحقة مهمة. ويستكشف لُقمان استخدام Nano Banana وKling لتحويل صور مولّدة إلى خلفيات وفيديوهات حلقية أو متعددة اللقطات وتفاعلات تعمل عند مرور المؤشر؛ لكن عدة تجارب بقيت قيد التوليد أو التخطيط، لذلك لم تُثبت نتائجها النهائية. يناقش البث أيضًا سير عمل متعدد الوكلاء يمتد من البحث في الشفرة ووثائق Shopify إلى البناء والمراجعة الأمنية والتحقق، مع ملاحظة أن كثرة الوكلاء قد تستهلك حدود الاستخدام والتوكنز بسرعة؛ أما احتمال وجود خلل يضاعف الاستهلاك فظل غير موثّق. وفي سياق Shopify، يعرض لُقمان تخطيطه للتعامل مع مخاطر القبول والامتثال عبر طلب استثناء مبكر، والتواصل مع الدعم، وقوائم التحقق والمراجعة الآلية، مع بقاء نتيجة المراجعة والقبول غير مؤكدة. وتشمل أسئلة الجمهور والنقاشات فهم وكلاء البرمجة للتعليمات العربية، واختيار Warp للأعمال الطرفية والخلفية مقابل بيئات مثل Cursor لمهام UI وUX، والفروق الشخصية الملحوظة بين Claude وOpenAI، ومتطلبات النماذج المحلية وجودتها. كما يناقش التحقق من جدوى المنتجات قبل بنائها، والتخطيط للتوزيع والربحية وقابلية التوسع، والعمل الحر عبر Upwork وFiverr، وبناء مشروع جانبي تدريجيًا مع الحفاظ على دخل ثابت. هذه توصيات وآراء مستندة إلى تجربة المتحدث، وليست ضمانات لنتائج تجارية أو تقنية.
41 لحظة من البث
- 0:00:43
سير عمل أفضل لبناء صفحات هبوط مصقولة
يتحدث لُقمان عن بحث قاده إلى سير عمل وأدوات مدفوعة يعتقد أنها تستطيع رفع جودة تطوير المواقع بصورة كبيرة، بعد معاناته مع الحركة وCSS أثناء بناء صفحة هبوط. ويشير إلى أنه سيعرض تفاصيل هذا السير لاحقًا، لذا تظل النتيجة هنا انطباعًا أوليًا وليست اختبارًا موثقًا.
- 0:05:24
التعامل مع مخاطر قبول تطبيق Shopify والامتثال
بعد بحث في قواعد Shopify، يوضح لُقمان أن التطبيق قد يواجه مشكلات قبول، لذلك بدأ طلب استثناء مبكرًا ويرى أن تموضع التطبيق وعملية التقديم يحتاجان إلى تخطيط استراتيجي. وهو مستعد لتحمل احتمال الرفض لأن البناء نفسه يمنحه خبرة ويحسن سير العمل، مع استخدام قائمة تحقق ووكيل آلي يراجع الامتثال بعد النشر. هذه خطته ورأيه، وليست ضمانًا للقبول.
- 0:10:38
متابعة إرسال تطبيق مع دعم Shopify
بحث كيفية الوصول إلى موظف دعم للتأكد من استلام إرسال التطبيق والمضي قدمًا باطمئنان. وُصفت متابعة مسار الدعم بأنها تنشئ تذكرة مؤرخة يمكن الرجوع إليها لاحقًا وتضيف وصفًا مقروءًا للتطبيق إلى النظام.
- 0:19:02
هل يُنتظر رد المراجعة والتطبيق ما زال قيد التطوير؟
طُرح قلق بشأن انتظار نتيجة إرسال تطبيق لا يزال قيد التطوير، خصوصًا لأن نموذج الإرسال لم يطلب أسئلة أو تفاصيل كثيرة. بقي الأمر سؤالًا مفتوحًا دون نتيجة مؤكدة في هذه الصفحة.
- 0:24:07
إصلاح تراكب قسم الواجهة الرئيسية
مراجعة مشكلة في شفافية قسم الواجهة الرئيسية، مع طلب إبقاء البطاقات الوسطية ظاهرة فوق تأثير الخلفية.
- 0:26:24
ترتيب أولوية مسار التسويق والواجهة قبل الخلفية
يوضح المتحدث أن إنهاء صفحة الهبوط وأتمتة مسار التسويق هما الأولوية الحالية، على أن يستكمل عمل الخلفية بعد ذلك مع تأكيد أهميته.
- 0:29:43
استهلاك الوكلاء لحدود استخدام مساعد البرمجة
يلاحظ المتحدث أن إنشاء الوكلاء وتشغيل المهام عبرهم يستهلكان حصة الاستخدام، وأن نسيان احتساب هذا الاستهلاك أدى إلى اقتراب حد الاستخدام وأصبح عائقاً أمام سير العمل.
- 0:31:33
تنسيق الوكلاء وتأثيره في حدود الاستخدام
شرح لتدفّق عمل تُشغّل فيه كل مهمة وكيلًا فرعيًا، مع عمل وكيلي الاستكشاف والبحث معًا في بعض المراحل. يوضح النقاش أن هذا النمط قد يستهلك الجلسات أو نافذة السياق بسرعة ويجعل حدود الاستخدام عائقًا أمام استمرار العمل، من دون نشر تفاصيل الحساب أو الاستهلاك الفعلية.
- 0:35:28
خلفيات فيديو مولّدة وتأثير تنفّس خافت للواجهة
شرح عملي لفكرة توليد صورة مصدر باستخدام Nano Banana ثم تحويلها إلى فيديو متكرر يوضع كخلفية داخل موقع، مع تحليل تصميم يستخدم طبقات وفيديو نافورة ضوء داخل بطاقة. يتبع ذلك ضبط خطّين أخضرين ليحصلا على تأثير تنفّس بسيط وخافت، مع التنبيه إلى معالجة كل خط على حدة لأن التأثير ظهر على أحدهما فقط.
- 0:40:42
ترتيب بطاقات قسم «المشكلات التي نحلها»
توجيه عملي لتنظيم ثلاث بطاقات في صفحة هبوط: بطاقة رئيسية عن تطوير القوالب، وأسفلها بطاقتان متجاورتان، مع التخطيط لإضافة فيديوهات لاحقًا.
- 0:42:01
إنشاء الفيديوهات برمجيًا بدل التحريك اليدوي
مناقشة موجزة لأداة غير واضحة الاسم تنشئ الفيديوهات برمجيًا، ولماذا بدا هذا النهج أنسب من أعمال التحريك اليدوي المرهقة. ذُكر وجود شروحات متعددة على يوتيوب، لكن هوية الأداة وتفاصيلها غير مؤكدة من النص.
- 0:44:57
مزامنة تأثير التنفس بين عنصرين
ملاحظة تنفيذية لضبط خطين بحيث يتحركان في التوقيت نفسه تمامًا، مع تطبيق تأثير تنفّس أوضح ومتزامن على كليهما.
- 0:46:21
اختلاف أساليب عمل أدوات الذكاء الاصطناعي
رأي شخصي بأن Claude وOpenAI لا يختلفان تقنيًا فقط، بل يعمل كل منهما بأسلوب وتفكير مختلفين؛ وعبّر المتحدث عن ارتياحه لمنطق Claude وفلسفته في العمل.
- 0:49:19
تحسين جودة صفحة الهبوط عبر وضوح الفكرة والتقنيات
تأمل عملي في أن تعثر تنفيذ صفحة الهبوط كان سببه عدم وضوح النتيجة المطلوبة والتقنيات المناسبة، وأن فهم هذين الجانبين يمكن أن يرفع جودة الموقع ويقلل وقت التنفيذ.
- 0:51:52
عرض المشكلة والحل في صفحة الهبوط
عصف ذهني حول قسم في صفحة هبوط: أُشير إلى أن العرض التقليدي يقدّم المشكلة والحل مباشرة، ثم جرى اقتراح التركيز على نقطة ألم واحدة وصياغة طلب لوكيل برمجي لإكمال شكلها البصري.
- 0:55:15
تكلفة التوكنز في سير عمل متعدد الوكلاء
لاحظ المتحدث أن تشغيل عدة وكلاء فرعيين للبحث والاستكشاف والبناء مع كل مهمة كان يستهلك التوكنز بسرعة، واعتبر سير العمل مبالغًا فيه رغم جودة نتائجه. وافق أحد المشاركين على أن كثرة الوكلاء تزيد الاستهلاك، وانتهى المقطع بإشارة غير موثقة إلى خلل محتمل قد يضاعفه؛ لم يُعرض اختبار يؤكد ذلك.
- 1:02:51
إنشاء خلفية ويب متحركة في حلقة مستمرة
يشرح المتحدث مسار عمل يبدأ بتوليد صورة عبر Nano Banana ثم تحريكها في Kling، مع استخدام الصورة نفسها كإطار بداية ونهاية لتكوين حلقة مستمرة. يقترح وضع الناتج كتأثير خلفية خفيف وغير مشتت لإضفاء الحيوية على أقسام الموقع التي تبدو ثابتة.
- 1:05:17
هل يفهم وكيل البرمجة التعليمات العربية؟
ردًا على سؤال عن الإنجليزية، يوضح المتحدث أنه يستخدمها لأن مصطلحات العمل والذكاء الاصطناعي التي اعتادها إنجليزية. ثم يجرب تعليمة عربية عمليًا؛ ويخلص بحذر إلى أن الوكيل يبدو قادرًا على فهم العربية، بينما جاء الخطأ من تفسير مصطلح إنجليزي داخل التعليمة، لا من العربية نفسها.
- 1:14:05
Warp أم Cursor: اختيار الأداة حسب نوع العمل
يعرض المتحدث تفضيله الشخصي لـWarp كطرفية لتشغيل عدة وكلاء وأدوات سطر أوامر معًا، ويرى أنه مناسب خصوصًا لأعمال الخلفية. أما في مهام UI وUX فيفضّل بيئة مثل Cursor لأنها تعرض الموقع داخل بيئة التطوير. ويؤكد أن هذا التفريق رأي تكوّن من تجربته الأخيرة.
- 1:18:38
تحسين الانتقال اللوني بين أقسام الصفحة
عند مراجعة الصفحة كاملة في المتصفح، يلاحظ المتحدث أن الانتقال من الداكن إلى الفاتح بين قسمين غير سلس وأن مساحة التدرج طويلة أكثر من اللازم. يقترح حذفه، أو جعله أنعم وأكثر اختصارًا، أو إضافة تأثير بصري مناسب، ثم صياغة تعليمات للوكيل لمعالجة التفاصيل.
عندك سؤال عن حاجة في البث ده؟
اسأل في الجروب