GyaanSetu WebDev

Frontend, backend and devops for the modern web.

244 articlesDeep, practical knowledge

مطور غاني يطلق PowerPulse باستخدام تقنيات البرمجة منخفضة الكود المدعومة بالذكاء الاصطناعي دون الحاجة لخبرة برمجية

يتيح تطبيق PowerPulse لأي شخص في غانا الإبلاغ عن انقطاع التيار الكهربائي، ومشاهدة البث المباشر، وكسب النقاط مقابل المساهمات. تم بناء التطبيق باستخدام Next.js وTailwind وSupabase واستضافته على Vercel، ويهدف إلى إضافة تنبؤات مدعومة بالذكاء الاصطناعي وإشعارات فورية للتغلب على مشكلة البداية الباردة.

WebDev · 3 دقيقة قراءة

الانتقال إلى DeepSeek و Qwen خفّض فاتورة الذكاء الاصطناعي لأحد البوتات من 420 دولاراً إلى 28 دولاراً

عبر توجيه 85% من الاستعلامات إلى نماذج أقل تكلفة، وتخزين الأوامر المتكررة مؤقتاً، وضغط المدخلات، تمكن الفريق من خفض الإنفاق الشهري من 420 دولاراً إلى 28 دولاراً، مع الحفاظ على سرعة الاستجابة وجودة تجربة المستخدم.

WebDev · 2 دقيقة قراءة

مطور يقلل الأعباء الإضافية لواجهة برمجة التطبيقات (API) عبر استبدال REST بـ tRPC في أسبوعين

أدت عملية الانتقال إلى التخلص من مواصفات OpenAPI، وتوليد الـ SDK، ومجموعات Postman، وواجهات TypeScript المكتوبة يدويًا، مما سمح للمحرر باكتشاف عدم التطابق فورًا وتقليص حجم المستودع بشكل كبير.

WebDev · 3 دقيقة قراءة

الفريق يؤتمت إنشاء تقارير VPAT في عملية التكامل المستمر (CI)، مما يمنع طلبات السحب (PRs) غير المتوافقة مع معايير الوصول

من خلال دمج فحوصات axe-core، ومساعدات لوحة المفاتيح المخصصة لـ Vitest، ونتائج قارئ الشاشة المخزنة بتنسيق JSON في عملية البناء، تقوم عملية الأتمتة (pipeline) بإيقاف أي طلب سحب (PR) يتسبب في تراجع في إمكانية الوصول، وتصدر تلقائياً تقرير VPAT بصيغة PDF مع كل إصدار ناجح.

WebDev · 3 دقيقة قراءة

توقف عن إهدار ساعات الـ GPU: متى تستخدم هندسة الأوامر (Prompting)، أو الـ RAG، أو الضبط الدقيق (Fine-Tuning)

يوضح هذا الدليل ثلاثة محاور أساسية — هندسة الأوامر، والتوليد المعزز بالاسترجاع (RAG)، والضبط الدقيق (Fine-Tuning) — مبيناً كيفية التمييز بين فجوة المعرفة وفجوة السلوك، كما يقدم قائمة مرجعية من ثلاث خطوات لاختيار الأداة المناسبة قبل إنفاق مبالغ طائلة على موارد الحوسبة.

WebDev · 4 دقيقة قراءة

Auto-Animate تطلق محول Marko 6، وتُحرك القوائم باستخدام وسم واحد فقط

يتصل المحول الجديد بدورة حياة onMount الخاصة بـ Marko، ويقوم بإنشاء MutationObserver، ويُشغل محرك auto-animate؛ مما يتيح للمطورين استخدام الوسم <auto-animate> حول القوائم للحصول على تأثيرات دخول وخروج وإعادة ترتيب سلسة دون الحاجة إلى أي كود JavaScript إضافي.

WebDev · 3 دقيقة قراءة

ES2023 تضيف دوال مصفوفات غير معدلة (Non-Mutating)، مما يتيح لـ React اكتشاف تغييرات الحالة فوراً

تُرجع الدوال الأربع الجديدة — `toSorted` و `toReversed` و `toSpliced` و `with` — مصفوفات جديدة، مما يجعل نظام المقارنة السطحية (shallow-compare) في React يرى مرجعاً جديداً ويقوم بإعادة الصيرورة (re-render) دون الحاجة إلى حيل عامل الانتشار (spread-operator) المزعجة التي كانت تخفي التحديثات سابقاً.

WebDev · 4 دقيقة قراءة

استيراد React-Fiber يقلل الفجوة بين التصميم والكود، ويوفر على الفرق آلاف الدولارات في الصيانة

تقرأ هذه الإضافة شجرة Fiber الداخلية لـ React بدلاً من الـ DOM المُصيّر، حيث تقوم بربط المكونات مباشرة بطبقات Figma، مع الحفاظ على المتغيرات، وقيود التخطيط التلقائي، ومحفزات الحالة، مما يلغي الحاجة إلى إعادة إنشاء رموز التصميم (design tokens) يدوياً.

WebDev · 3 دقيقة قراءة

يتفوق Claude Fable 5 على GPT-5.6 في توليد الأكواد البرمجية، محققاً نسبة 80% في اختبار SWE-Bench Pro

في حين يتفوق GPT-5.6 على Claude Fable 5 من حيث تسعير الرموز (tokens) ويبرز في مهام الوكيل متعددة الخطوات، إلا أن نموذج Anthropic يقدم تفوقاً واضحاً في اختبارات البرمجة الواقعية. لذا، ينبغي للمطورين تجربة كلا النموذجين، مع مراعاة خصومات التخزين المؤقت وأنماط ضغط العمل قبل الالتزام بأحدهما.

WebDev · 3 دقيقة قراءة

هل ترغب في الترقية إلى TypeScript 7؟ توقع عمليات فحص أسرع بـ 10 مرات، ولكن احذر من فشل نظام الـ CI الخاص بك

يوفر محرك tsgo الجديد القائم على لغة Go عمليات بناء أسرع بـعشر مرات، ولكن واجهة برمجة التطبيقات (API) التي لا تزال قيد التغيير تتسبب في تعطل الأدوات الشائعة. وحتى يتم تجميد واجهة برمجة التطبيقات في الإصدار 7.1، يجب على الفرق الإبقاء على TS 6.x لعمليات البناء واستخدام @typescript/native-preview لإجراء عمليات الفحص السريعة.

WebDev · 3 دقيقة قراءة

خادم MCP يضيف بوابة تحقق بشري لمنع حذف الذكاء الاصطناعي للبيانات المالية

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

WebDev · 7 دقيقة قراءة

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

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

WebDev · 3 دقيقة قراءة

كان خادم MCP الخاص بي يتوقف عن العمل ببساطة. لا ملفات تفريغ للانهيار، ولا تتبع للمكدس في السجلات، والعملاء يتصلون دون شكوى

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

WebDev · 6 دقيقة قراءة