كيف تبني تطبيقًا بالذكاء الاصطناعي: دليل عملي
كيف تبني تطبيقًا حقيقيًا بالذكاء الاصطناعي خطوة بخطوة: التخطيط، وكتابة أوامر فعّالة، وإضافة قاعدة بيانات وتسجيل دخول، والاختبار، ثم النشر.
فريق Mythex · · 5 min read
يمكنك اليوم بناء تطبيق يعمل فعلًا بالذكاء الاصطناعي دون أن تكتب الكود بنفسك: تصف ما تريده بلغة بسيطة، فيكتب منشئ التطبيقات بالذكاء الاصطناعي الكود ويشغّله في معاينة حية، ثم تحسّنه عبر المحادثة حتى يؤدي ما تحتاج إليه. بعد ذلك تنشره على رابط عام. الجزء الذي لا يزال يتطلب مهارة هو تحديد ما ستبنيه ووصفه بوضوح، وهذا ما يركز عليه هذا الدليل.
ماذا يعني "بناء تطبيق بالذكاء الاصطناعي" فعلًا
هناك ثلاثة أنواع مختلفة تمامًا من الأدوات يُطلق عليها "الذكاء الاصطناعي لبناء التطبيقات":
| نوع الأداة | ماذا تفعل | لمن تناسب |
|---|---|---|
| منشئو التطبيقات بالذكاء الاصطناعي (Mythex وLovable وBolt وReplit) | تتحدث معها، فيكتب الذكاء الاصطناعي التطبيق كاملًا ويشغّله ويمكنه نشره | المؤسسون والشركات الصغيرة والمصممون وكل من يريد منتجًا يعمل |
| مساعدو البرمجة بالذكاء الاصطناعي (Cursor وGitHub Copilot وClaude Code) | تساعد المطوّر على كتابة الكود بسرعة أكبر داخل محرر | المطوّرون الذين يعملون بالكود أصلًا |
| أدوات البناء بدون برمجة مع ميزات ذكاء اصطناعي (Bubble وSoftr وWebflow) | محررات مرئية بالسحب والإفلات مع بعض المساعدة من الذكاء الاصطناعي | من يفضّلون البناء المرئي |
يتناول هذا الدليل النوع الأول. وإذا أردت الفروق بالتفصيل، فاطّلع على منشئ التطبيقات بالذكاء الاصطناعي مقابل مساعد البرمجة بالذكاء الاصطناعي.
الخطوة 1: حدّد ما تفعله النسخة الأولى
أكبر سبب منفرد للنتائج المخيّبة هو طلب كل شيء دفعة واحدة. قبل أن تفتح أي أداة، اكتب ما يلي:
- من يستخدمه. عبارة "عملاء يحجزون موعد قص شعر" أكثر فائدة من "المستخدمين".
- المهمة الوحيدة التي يجب أن يؤديها. مهمة تطبيق الحجز هي أن يتيح لشخص اختيار موعد وتأكيده. أما التقييمات ونقاط الولاء والمدونة فيمكنها الانتظار.
- البيانات التي يحتفظ بها. الحجوزات والعملاء والخدمات. سرد هذه البيانات يخبر الذكاء الاصطناعي بما تحتاج إليه قاعدة البيانات.
- من يرى ماذا. هل يستطيع أي شخص رؤية جميع الحجوزات، أم المالك فقط؟ هذا يحدد ما إذا كنت تحتاج إلى تسجيل دخول وأدوار.
ثلاث جمل أو أربع تغطي هذه النقاط تصنع أمرًا أوليًا أفضل من صفحة كاملة من الميزات.
الخطوة 2: اكتب الأمر الأول
الأمر الأول الجيد يصف المنتج لا الكود. على سبيل المثال:
ابنِ موقع حجز لصالون حلاقة صغير. يرى العملاء الخدمات (الاسم والمدة والسعر)، ويختارون خدمة، ويحددون موعدًا متاحًا هذا الأسبوع، ويُدخلون الاسم ورقم الهاتف والبريد الإلكتروني. يسجّل المالك الدخول ليرى حجوزات اليوم والحجوزات القادمة ويمكنه إلغاء أي حجز. مظهر أنيق وعصري، ويعمل جيدًا على الهواتف.
هذا الأمر يحدد المستخدمين والمسار الرئيسي والبيانات والصلاحيات دون أن يذكر تقنية واحدة. يختار المنشئ لك مجموعة تقنيات مناسبة، ويمكنك مع ذلك طلب تقنية بعينها إن كان ذلك يهمك. على Mythex مثلًا، تُبنى تطبيقات الويب الجديدة افتراضيًا باستخدام React وTypeScript، ويمكنك أن تطلب بدلًا من ذلك Next.js أو موقعًا ثابتًا بسيطًا أو واجهة برمجة تطبيقات بلغة Python.
لمزيد من الأنماط الفعّالة، اطّلع على كيف تكتب الأوامر لمنشئي التطبيقات بالذكاء الاصطناعي.
الخطوة 3: اختبره كما يفعل المستخدم، ثم غيّر شيئًا واحدًا في كل مرة
بمجرد ظهور النسخة الأولى في المعاينة، استخدمها كما سيستخدمها مستخدموك: احجز موعدًا، وأعد تحميل الصفحة، وجرّبها على شاشة بحجم الهاتف. ثم اطلب التغييرات على خطوات صغيرة ومحددة:
- جيد: "عند حجز موعد، أخفِه عن العملاء الآخرين."
- أقل جودة: "حسّن الحجز."
الطلبات الصغيرة أسهل على الذكاء الاصطناعي لتنفيذها بشكل صحيح وأسهل عليك للتحقق منها. وإذا أخفق تغيير ما، فمعظم المنشئين يتيحون لك التراجع، إذ يحتفظ Mythex بنقاط حفظ يمكنك العودة إليها.
عندما يتعطل شيء ما، صِف ما فعلته وما كنت تتوقعه وما حدث بدلًا من ذلك. والصق أي رسالة خطأ تظهر لك. هذا عادةً كافٍ ليجد الذكاء الاصطناعي السبب.
الخطوة 4: أضف بيانات حقيقية وتسجيل دخول ومدفوعات
غالبًا ما يبدأ النموذج الأولي ببيانات تجريبية. أما التطبيق الحقيقي فيحتاج إلى حفظ ما يُدخله الناس.
- قاعدة البيانات. اطلبها بكلمات بسيطة: "احفظ الحجوزات في قاعدة بيانات". يربط Mythex قاعدة بيانات Postgres مخصصة بالمشروع عندما يحتاج تطبيقك إليها. اطّلع على ما هي قاعدة البيانات إن كانت الفكرة جديدة عليك.
- تسجيل الدخول. "أضف إنشاء حساب وتسجيل الدخول بالبريد الإلكتروني وكلمة المرور، ولا يرى صفحة الحجوزات إلا المالك." حدّد من يرى ماذا.
- المدفوعات. تتلقى معظم التطبيقات المدفوعات عبر Stripe. ستحتاج إلى حساب Stripe ومفاتيح واجهة برمجة التطبيقات الخاصة به، ويتولى الذكاء الاصطناعي ربط عملية الدفع. يشرح دليلنا لإضافة المدفوعات الخطوات.
- البريد الإلكتروني. تحتاج رسائل التأكيد وإعادة تعيين كلمة المرور إلى مزوّد بريد إلكتروني مثل Resend أو Postmark. توضع المفاتيح في أسرار المشروع، لا في المحادثة.
الخطوة 5: افحصه قبل أن يستخدمه أشخاص حقيقيون
منشئو التطبيقات بالذكاء الاصطناعي بارعون في صنع أشياء تعمل، لكنهم ليسوا حذرين تلقائيًا. قبل أن تشارك الرابط:
- حاول رؤية بيانات لا يُفترض أن تراها. سجّل الدخول بحساب مستخدم وحاول فتح صفحة مستخدم آخر.
- اختبره على هاتف. معظم زوارك سيستخدمون هاتفًا.
- افحص النماذج بمدخلات خاطئة: حقول فارغة، ونص طويل جدًا، وبريد إلكتروني بصيغة غير صحيحة.
- أبقِ الأسرار سرية. مكان مفاتيح واجهة برمجة التطبيقات هو متغيرات البيئة، وليس كود الصفحة أبدًا.
تتناول قائمة التحقق الأمنية للتطبيقات المبنية بالذكاء الاصطناعي هذه النقاط بعمق أكبر.
الخطوة 6: انشره وضعه أمام الناس
النشر يحوّل المعاينة إلى تطبيق عام على رابط يمكنك مشاركته. في Mythex تفتح Publish، وتختار اسمًا، فيصبح التطبيق متاحًا على yourname.mythex.app، ومع Pro يمكنك ربط نطاقك الخاص. تعمل الاستضافة وقاعدة البيانات وتخزين الملفات من رصيد الأرصدة نفسه الذي تستخدمه في البناء، فلا يوجد خادم منفصل لإعداده.
ثم يأتي الجزء الذي لا تنجزه أي أداة نيابةً عنك: العثور على أول مستخدميك. يقدّم دليل كيف تطلق تطبيقًا وتحصل على أول مستخدميك أفكارًا عملية.
ما يجيده منشئو التطبيقات بالذكاء الاصطناعي، وأين يواجهون صعوبة
يجيدون:
- المواقع الإلكترونية وصفحات الهبوط ومعارض الأعمال
- لوحات التحكم ولوحات الإدارة والأدوات الداخلية
- تطبيقات CRUD، أي كل ما يتكون في معظمه من نماذج وقوائم وسجلات
- المنتجات الأولية (MVP) لاختبار فكرة مع مستخدمين حقيقيين
- الربط بالخدمات الشائعة مثل Stripe ومزوّدي البريد الإلكتروني وواجهات برمجة تطبيقات الذكاء الاصطناعي
أصعب:
- تطبيقات الجوال الأصلية لـ App Store وGoogle Play (ينتج معظم المنشئين تطبيقات ويب تعمل على الهواتف)
- الأنظمة الضخمة والمعقدة جدًا التي تشارك فيها فرق كثيرة ولها متطلبات امتثال صارمة
- الأعمال الثقيلة التي تعمل في الوقت الفعلي أو تتطلب أداءً عاليًا، مثل الألعاب متعددة اللاعبين أو معالجة الفيديو
- أي شيء لا تستطيع أن تصف كيف تبدو النتيجة "الصحيحة" فيه
في كثير من المشاريع، يكون المسار العملي هو بناء النسخة الأولى بالذكاء الاصطناعي، والتعلّم من المستخدمين الحقيقيين، ثم الاستعانة بمطوّر لاحقًا إذا تجاوز المشروع إمكانات الأداة، مع الاحتفاظ بالكود إن كان المنشئ يتيح لك تصديره.
بناء تطبيقك باستخدام Mythex
Mythex منشئ تطبيقات بالذكاء الاصطناعي: تصف التطبيق، فيبنيه ويشغّله في معاينة حية، ويضيف قاعدة بيانات أو تخزين ملفات عندما يحتاج تطبيقك إليهما، وينشره على رابط حقيقي. يمكنك البدء مجانًا، والانتقال إلى Pro عندما تريد تعديل الكود بنفسك أو تصديره أو مزامنته مع GitHub أو استخدام نطاق مخصص.
وإذا كنت تفضّل ألا تبدأ من صفحة فارغة، فتصفّح القوالب أو منشئي التطبيقات بالذكاء الاصطناعي حسب نوع التطبيق، أو اتبع دليل البدء السريع في التوثيق.
This page is also available in English.
Questions
هل يمكنني بناء تطبيق بالذكاء الاصطناعي دون أن أعرف البرمجة؟
نعم. مع منشئ تطبيقات بالذكاء الاصطناعي تصف ما تريده بلغة بسيطة، ويكتب الذكاء الاصطناعي الكود ويشغّله. معرفة بعض الأساسيات، مثل ما هي قاعدة البيانات وما وظيفة تسجيل الدخول، تساعدك على طلب الأشياء الصحيحة، لكنك لا تحتاج إلى كتابة الكود بنفسك.
كم يستغرق بناء تطبيق بالذكاء الاصطناعي؟
يمكن أن تعمل نسخة أولى بسيطة من صفحة هبوط أو نموذج أو لوحة تحكم خلال دقائق. أما التطبيق الذي يتضمن حسابات وقاعدة بيانات ومدفوعات فيحتاج عادةً إلى بضع جلسات من الوصف والاختبار والإصلاح، أي ساعات أو أيامًا بدلًا من الأسابيع أو الأشهر التي يستغرقها البناء التقليدي.
هل أملك الكود الذي يكتبه منشئ التطبيقات بالذكاء الاصطناعي؟
يعتمد ذلك على الأداة. بعض الأدوات تتيح لك تصدير الكود أو مزامنته مع GitHub، وأخرى تبقيه داخل منصتها. على Mythex، تتيح خطط Pro تصدير المشروع كاملًا أو مزامنته مع مستودع GitHub الخاص بك.
هل يستطيع الذكاء الاصطناعي بناء تطبيق للجوال؟
معظم منشئي التطبيقات بالذكاء الاصطناعي يبنون تطبيقات ويب تعمل في أي متصفح وعلى الهواتف. أما النشر على App Store أو Google Play فخطوة منفصلة لا يدعمها كثير من المنشئين؛ وفي خطة Pro تحوّل Mythex تطبيق الويب إلى تطبيق Android وتطبيق iPhone، وترسلهما إلى مسار الاختبار الداخلي في Google Play وإلى TestFlight.