تكنولوجيا
التصنيف الرئيسي للمقالات التقنية: برمجة، ذكاء اصطناعي، DevOps، تحسين الأداء، أوتوميشن، وأخبار التكنولوجيا.
اعمل خدمة Image Optimization بـ Sharp تخفّض حجم صورك 78% بدون فقد جودة
لو موقعك بيحمّل 4MB لكل صفحة منها 3.2MB صور JPEG غير مضغوطة، Lighthouse هيوقعلك score الـ Performance تحت 40. شرح للمستوى المتوسط لبناء خدمة Node.js تستقبل صورة، تنتج نسخ AVIF و WebP و JPEG ب 4 أحجام في 200ms، توفّر 78% من الحجم بدون فقد جودة محسوس. كود Sharp شغّال، أرقام مقاسة، trade-offs، ومتى لا تستخدمها.
Tokens في الذكاء الاصطناعي للمبتدئ: ليه كلمة عربية واحدة بتساوي 3 توكنز
لو شغّلت Claude أو GPT على نص عربي ولاحظت إن الفاتورة بتطلع ضعف أو ثلاثة أضعاف نفس النص بالإنجليزي، المشكلة مش النموذج. المشكلة في طريقة تكسير الكلمات لـ tokens. شرح للمبتدئ بمثال صناديق الكرتون، تعريف علمي دقيق لـ BPE، كود Python شغّال على Anthropic SDK يعد التوكنز فعلًا، أرقام مقاسة قبل وبعد، trade-offs، وحالات لازم تحسب فيها قبل ما تبدأ.
Keyset Pagination بالعربي: ليه LIMIT OFFSET بيبطّأ على الصفحة 10000
لو endpoint عندك بيرد في 40ms على أول صفحة وبياخد 8 ثواني على الصفحة 10000، المشكلة مش الـ DB ولا الـ index. المشكلة إنك بتستخدم LIMIT OFFSET. مقال للمستوى المتوسط بمثال طابور المخبز، تعريف علمي دقيق لـ Keyset Pagination و B-tree seek، كود SQL وPython شغّال، أرقام مقاسة على PostgreSQL 16 لجدول 500K صف، trade-offs واضحة، وحالات لا تستخدمه فيها.
اعمل أداة CLI لمراقبة انتهاء SSL Certificates قبل ما الموقع يقع
لو موقعك وقع نص ساعة الجمعة الصبح بسبب شهادة SSL منتهية، الخسارة مش بس في العملاء. هتبني هنا CLI بـ Node.js يراقب أي عدد من الدومينات، يقيس أيام التبقي للشهادة عبر TLS handshake، ويبعتلك تنبيه Slack قبل الانتهاء بـ 30 يوم. مثال للمبتدئ، شرح علمي لـ X.509، كود شغّال، أرقام مقاسة، trade-offs، وحالات لا تستخدمه فيها.
Reverse Proxy للمبتدئ: ليه NGINX قدام تطبيقك بيغيّر كل حاجة
لو تطبيق Node.js عندك مكشوف على بورت 3000 مباشرة للإنترنت، أنت بتدفع ضريبة 3 مشاكل في وقت واحد: SSL متعب، أي DDoS صغير بيقع السيرفر، ومش قادر تشغّل أكتر من تطبيق على نفس الجهاز. مقال للمبتدئ بمثال السكرتيرة في العيادة، تعريف علمي، إعداد NGINX قابل للنسخ في 15 سطر، أرقام مقاسة، وtrade-offs واضحة.
BRIN Index في PostgreSQL: index بـ 12MB بدل 2.4GB لجدول 800 مليون صف
لو جدول الـ events عندك بقى 800 مليون صف وB-tree index على عمود created_at بياكل 2.4GB ولسه بياخد 9 ثواني في range query، المشكلة مش الـ I/O. المشكلة إنك بتدفع تكلفة index مش مناسب لطبيعة الداتا. BRIN index بيوفّر 99% من الحجم على نفس الجدول وبيخلي الاستعلام يتنفذ في 380ms — بشرط تفهم هو بيشتغل إزاي وإمتى لا يصلح.
React Virtualization: ارسم قائمة 10,000 صف بدون ما الواجهة تتجمّد
لو جدول React بـ 10,000 صف بياخد 4 ثواني في أول رسم وكل scroll بيعلّق نص ثانية، المشكلة مش React. المشكلة إنك بترسم 60,000 عقدة DOM دفعة واحدة. List Virtualization بيخلي الـ DOM فيه 30 صف فقط ويحافظ على scrollbar صحيح. مقال للمستوى المتوسط بمثال السينما، تعريف علمي، كود react-window شغّال، أرقام قياس فعلية، trade-offs، وحالات لا تنفع فيها.
Branch Prediction للمحترف: ليه ترتيب Array بيخلي كودك أسرع 6 مرات
لو نفس الـ loop عندك بياخد 1.9 ثانية مرة و 11.5 ثانية مرة تانية بنفس البيانات، السبب مش cache ولا compiler. السبب وحدة hardware اسمها Branch Predictor جوّا الـ CPU. مقال للمحترف بمثال حارس النادي، تعريف علمي لـ TAGE وspeculative execution، كود C++ شغّال، أرقام perf مقاسة، حل branchless، trade-offs، ومتى لا تشغّل بالك بالموضوع.
Bloom Filters بالعربي: ازاي تتحقق من مليار عنصر بـ 11 ميجابايت بس
لو بتعمل lookup على قاعدة بيانات فيها مليار صف لكل request وبتدفع ثمنها latency و RAM، Bloom Filter بيقفلك 99% من الـ lookups دي قبل ما توصل للـ DB أصلاً، بـ 11 ميجابايت ذاكرة فقط. شرح للمستوى المتوسط بمثال حارس الحفلة، تعريف علمي، كود Python شغّال، أرقام مقاسة، trade-offs، ومتى لا تستخدمه.