التقنيات
الأدوات التي نبني بها، ولماذا كلٌّ منها.
التقنية وسيلة؛ المهم أن يعمل المنتج، وأن يكون سريعاً وآمناً وقابلاً للصيانة. هذه أدواتنا مرتبةً حسب ما تؤديه، مع سبب استخدامنا لكلٍّ منها، وأين تراها تعمل.
كيف نختار
- 01
المنتج يقرّر
نختار حسب ما يحتاجه المنتج، لا حسب ما هو رائج. المشكلة نفسها قد تحتاج موقعاً أو تطبيقاً، تطبيقاً أصيلاً أو مشتركاً بين المنصتين.
- 02
أدوات يعرفها غيرنا
كل أداة هنا واسعة الانتشار وموثّقة، فيستطيع أي فريق كفء أن يصون نظامك بعدنا، ومنه فريقك.
- 03
نُريها ولا نعدّدها
حيث تعمل الأداة في عمل لنا تستطيع فتحه اليوم، نقول ذلك ونضع رابطه.
الواجهات
ما يراه الناس ويلمسونه على الويب.
TypeScript
لغة واحدة محددة الأنواع من الشاشة إلى الخادم، فيُكتشف الخطأ أثناء الكتابة لا على يد عملائك.
React
واجهات كثيرة الأجزاء — نماذج وقوائم ولوحات — تبقى سريعة ومتوقعة كلما كبرت.
Astro
مواقع ترسل صفحات لا برامج: سريعة على أضعف الهواتف، وسهلة القراءة لمحركات البحث. وبه بُني هذا الموقع.
three.js / WebGL
رسوم ثلاثية الأبعاد في المتصفح دون تثبيت شيء، لمنتج يعرض نفسه أو لعبة تُلعب.
الخوادم والبيانات
ما يعمل خلف الشاشة، وأين تُحفظ البيانات.
Node.js
جانب الخادم من النظام والأدوات التي تبنيه، باللغة نفسها التي كُتبت بها الواجهة.
Cloudflare Workers
كود يعمل قريباً من مستخدميك في مراكز بيانات حول العالم، دون خادم عليك أن ترعاه.
SQLite / D1
بيانات تقيم إلى جانب الكود الذي يستخدمها. في MedOne، سجلات كل عيادة في قاعدة بيانات خاصة بها.
PostgreSQL
الخيار الراسخ للبيانات الكبيرة المشتركة والتقارير الثقيلة، حين يحتاجه النظام.
REST APIs
واجهات برمجية واضحة وموثّقة، ليتحدث نظامك مع الأنظمة التي تستخدمها أصلاً.
IndexedDB
تخزين داخل المتصفح يتيح للعمل أن يستمر دون اتصال، ثم يتزامن حين يعود. هكذا يكتب الطبيب في MedOne دون إنترنت.
تطبيقات الجوال
أندرويد وiOS.
React Native
تطبيق واحد لأندرويد وiOS حين يسمح المنتج بذلك، يشارك الويبَ كوده.
Kotlin
أندرويد أصيل، حين يحتاج التطبيق كل ما يقدّمه الجهاز.
Swift
iOS أصيل، للسبب نفسه.
الألعاب والرسوم ثلاثية الأبعاد
المحركات واللغات والنماذج.
Unity
ألعاب الجوال والحاسب والواقع المعزز. وهو أحد المحركين اللذين تخصص فيهما مؤسس الشركة.
Unreal Engine
للألعاب والمشاهد التي يجب أن تبلغ صورتها أعلى جودة. والمحرك الآخر الذي تخصص فيه.
C#
لغة Unity، لمنطق اللعبة وأدواتها.
C++
لغة Unreal، حيث يُحسب كل جزء من الثانية.
Blender
النماذج ثلاثية الأبعاد وتحريكها. نماذج LANDER مصنوعة به.
الذكاء الاصطناعي
حيث يوفّر وقتاً حقيقياً.
Workers AI
نماذج لغة ورؤية تعمل على شبكة Cloudflare، قريباً من بقية النظام. وعليه يعمل مساعد هذا الموقع.
نماذج اللغة الكبيرة
للإجابة من معلوماتك أنت وصياغة ما يتكرر، مع إنسان حيث يلزم.
نماذج الرؤية
لقراءة الفواتير والنماذج وتحويلها إلى بيانات. في منصتنا تُقرأ فواتير الموردين هكذا، وما يُشك فيه يُؤكَّد قبل الحفظ.
الأمان
يُبنى من التصميم، لا يُضاف في النهاية.
OWASP
القائمة المرجعية لطرق مهاجمة البرمجيات، نراجع عليها من التصميم فصاعداً.
Content Security Policy
قاعدة في المتصفح ترفض أي برنامج من مصدر غير متوقع. ويعمل هذا الموقع تحت قاعدة صارمة منها.
OAuth / OpenID Connect
تسجيل الدخول بحسابات يثق بها الناس أصلاً مثل Google، دون أن يحفظ النظام كلمات مرورهم. وهكذا يُسجَّل الدخول إلى MedOne.
التشفير
حماية البيانات أثناء انتقالها وأثناء حفظها، وإبقاء المفاتيح خارج الكود.
Code obfuscation
جعل اللعبة أو التطبيق عصيّاً على التفكيك والنسخ والغش.
التصميم
قبل الكود، وإلى جانبه.
Figma
الشاشات تُصمَّم ويُتفق عليها قبل سطر من الكود، فيكلّف التعديل دقائق لا أسابيع.
نظم التصميم
مجموعة واحدة من المكونات والقواعد، فتتفق كل شاشة مع غيرها.
WCAG
معيار إتاحة الوصول: تباين وأحجام وعناصر تحكم يستخدمها الجميع، على أي جهاز.
النمذجة التفاعلية
نسخة قابلة للنقر تجرّبها قبل أن تُبنى.
في ذهنك أداة بعينها، أو لا شيء؟
أخبرنا بما يجب أن يؤديه المنتج، ونقترح الأدوات ونقول لماذا.