في الفصل الثاني قرّرنا — على نطاق صغير — «ما الذي ستبنيه ولمن». هذا الفصل هو المرحلة الثانية: التجهيز — قبل أن تحرّك يديك فعلاً، تُهيّئ أربعة أُسس: التقنية والأدوات والتصميم والبيئة. الشعار هنا «لا تُبالغ، لا تحتَر، اختَر الطريق المعبّد». أن تُنهك نفسك في التجهيز يعكس المقصود. أنجِز أسرع ما يمكن اختيارات تتوافق مع الذكاء الاصطناعي، لتصل إلى حال تصبّ فيه كامل طاقتك في مرحلة «البناء» التالية.
إن ترددت فاختَر «ما يبرع فيه الذكاء الاصطناعي»، لا غير
ما ستفعله في المرحلة الثانية
مرحلة التجهيز، بكلمة واحدة، هي «التسوّق قبل البناء». أكثر الإخفاقات شيوعاً في التطوير الفردي هو أن تُذيب أياماً في «اختيار الأدوات» و«بناء البيئة» قبل البدء، فتُنهك ولا تبلغ العمل الأساسي. هنا لا نقتني الأدوات الاحترافية الفاخرة، بل الطقم الأساسي فقط.
يبحثون في كل التقنيات الرائجة الجديدة، ويقارنون الأدوات حتى آخرها، ويدقّقون في الباقات المدفوعة. تنفد قواهم قبل البناء.
يقررون حزمة معبّدة، وأداة رئيسية واحدة، وباقة مجانية في يومهم نفسه، ويبدؤون البناء في الغد.
القاعدة أن لا تقضِ في التجهيز أكثر من يوم كامل. لا وجود لاختيار مثالي، ومع الذكاء الاصطناعي يسهل التبديل لاحقاً. الانطلاق بـ«لنبدأ بهذا مؤقتاً» هو الصواب.
اختيار التقنية ― اختَر الطريق المعبّد فيسهل التنفيذ
حزمة التقنية هي توليفة اللغة وإطار العمل وقاعدة البيانات والبنية التحتية التي تبني بها التطبيق. في مسار الممارسة بالطبع، وحتى في مسار المبتدئ، معرفة «بأي تقنية ستُخرج النتيجة» تجعل توجيهك للذكاء الاصطناعي أدقّ.
خلاصة الاختيار بسيطة: اختَر «الطريق المعبّد» الذي تعلّمه الذكاء الاصطناعي بكثرة واعتاد كتابته. لأن الذكاء الاصطناعي يكتب شيفرة أدقّ كلما كثرت المعلومات المتاحة عن التقنية في العالم. أما التقنيات النادرة الجديدة فمعلوماتها قليلة، والذكاء الاصطناعي يُخطئ فيها كثيراً. في التطوير الفردي، القاعدة هي «ما يبرع فيه الذكاء الاصطناعي = تنفيذ سهل = منتج يكتمل».
وفيرة المعلومات، يكتبها الذكاء الاصطناعي بدقة.
مثال: للواجهة React / Next.js، للخلفية Laravel (PHP) أو Node.js، لقاعدة البيانات PostgreSQL أو MySQL، للمصادقة وقاعدة البيانات Supabase أو Firebase.
تقنيات ظهرت حديثاً، وتركيبات قليلة المعلومات بأي لغة، وأُطر تجريبية. يُخطئ فيها الذكاء الاصطناعي فتنشغل أنت بالتحقق. ما لم يكن هدفك التعلّم، فالطريق المعبّد يكفي.
💡 التقنية «لست مضطراً لتقررها بنفسك». إن لم تعرف أي حزمة أفضل، يكفي أن تسأل الذكاء الاصطناعي: «سأبني (ما تريد بناءه) كتطوير فردي. اقترح تركيبة تقنية معبّدة وفيرة المعلومات يسهل على الذكاء الاصطناعي تنفيذها». لا مانع من اعتماد ما يقترحه كما هو. ومن أراد التعمّق فليراجع حزم التقنية المتوافقة مع الذكاء الاصطناعي.
في مسار المبتدئ (بلا شيفرة)، يمكنك ترك هذا الاختيار للمنشئ نفسه. فمنشئات التطبيقات بالذكاء الاصطناعي مثل v0 أو Bolt تستخدم في الخلفية تلقائياً حزماً معبّدة مثل React / Next.js، فلا تكاد تحتاج إلى الالتفات إلى التقنية.
اختيار الأدوات ― هنا لبّ الفرق بين المسارين
أهمّ ما في هذا الفصل هو اختيار الأدوات. هنا وحده ينقسم السلاح الرئيسي بوضوح بحسب المسار الذي اخترته في الفصل الأول. قرّر أولاً أداة رئيسية واحدة.
تقول في محادثة «أريد تطبيقاً كهذا»، فتُولَّد الشاشات والشيفرة تلقائياً. أبرزها v0 وBolt وLovable. تتجسّد الفكرة بمجرد أن تحاوِر «عدّل هذا الجزء هكذا» وأنت ترى المعاينة.
مقارنة ← v0 مقابل Bolt مقابل Lovable
تتعامل مع الشيفرة مباشرة، وتُوكِل التنفيذ والتعديل والاختبار للذكاء الاصطناعي لتسرّع العمل. أبرزها Claude Code وCursor وGitHub Copilot وCodex. مناسب للمنتجات التي تُنمّيها طويلاً لأنه يتيح التوسّع والصيانة.
من كان في مسار المبتدئ، فلينظر أولاً في مقال مقارنة منشئات التطبيقات ويختر واحداً، ثم يتخطى هذا القسم وينتقل إلى التصميم والواجهة. أما من كان في مسار الممارسة، فسنقارن محررات الذكاء الاصطناعي بالتفصيل في القسم التالي.
مسار الممارسة: قارن محررات الذكاء الاصطناعي
سلاح مسار الممارسة الرئيسي — محرر الذكاء الاصطناعي — أربعة منه هي الآن الأكثر رواجاً. كلها معبّدة، فبصراحة أيها اخترت لن تُخفق. اضبط فقط مجال براعة كلٍّ منها، واختر ما يشدّك واحداً.
ينفّذ ويعدّل عبر ملفات متعددة باستقلالية وهو يحاورك. قوي في المهام الكبيرة التي توكِل إليه فيها التصميم والتنفيذ والاختبار. يعمل على سطر الأوامر.
بشاشة تشبه VS Code المألوفة، تُحرّر مع الذكاء الاصطناعي وأنت ترى الشيفرة. الإكمال والمحادثة والتعديل التلقائي في واحد. الأنسب لأول محرر ذكاء اصطناعي.
الطريق المعبّد المدمج في VS Code. يُكمل الشيفرة قيد الكتابة بذكاء. مناسب لمن يريد إضافة الذكاء الاصطناعي دون تغيير بيئة تطويره الحالية كثيراً.
حين تسلّمه مهمة يمضي في التنفيذ باستقلالية في الخلفية، نوع وكيلي. خيار للمتقدمين الراغبين في إدارة عدة أعمال بالتوازي.
🧭 إن ترددت فاختَر هكذا. إن أردت المضيّ وأنت ترى ما بين يديك على شاشة المحرر فاختَر Cursor (ما هو Cursor؟)، وإن أردت أن توكِل الأمر جملة عبر الحوار فاختَر Claude Code. إن بدأت بأيٍّ من هذين فلن تُخطئ. الفروق التفصيلية في مقارنة Cursor مقابل Claude Code مقابل Copilot مقابل Codex.
السرّ أن تقتصر على أداة واحدة وتتقنها استخداماً. بدل تجربة هذا وذاك، رَوِّض واحدة أولاً كرفيق حتى تألفها يدك. معظم العمليات مجرد «طلب باللغة الطبيعية»، فتكلفة الانتقال إلى أداة أخرى لاحقاً صغيرة أيضاً.
التصميم والواجهة ― لا تُفرِط في الصقل
مظهر التطبيق — الشعار والألوان وتخطيط الشاشة (الواجهة) — صار الآن قابلاً للتجهيز بالذكاء الاصطناعي. لكن في مرحلة التجهيز «عدم الإفراط في الصقل» قاعدة مطلقة. متى انهمكت في التصميم ذاب الوقت بلا حدود. في مرحلة الـ MVP يكفيك تسليم بـ«ما لم يكن قبيحاً فهو ناجح».
تُولّد الشعار والألوان وصورة الشاشة من الكلمات. حتى بصفر معرفة تصميم، يكفي أن تطلب «بدرجات زرقاء نظيفة». المقارنة في مقارنة أدوات التصميم بالذكاء الاصطناعي.
توجد أدوات تتيح التنقّل بين التصميم والشيفرة مثل Claude Design. تُحوّل المظهر الذي صنعته إلى تنفيذ مباشرة.
دون إصرار على الصنع الذاتي، من الذكاء أن تعتمد على قوالب واجهة جاهزة أو أُطر CSS (مثل Tailwind). يصلك مظهر منسّق في لحظة.
⚠️ لا تُذِب يوماً في ضبط بحجم البكسل. إن راودتك رغبة في ضبط استدارة زوايا زرّ مراراً، فتلك علامة تحذير. يكفي أن تلتزم في التصميم بالنقاط الثلاث: «قرّر لونين أو ثلاثة، واترك مساحات فارغة، ونسّق الخطّ»، ليختفي مظهر الهواة بما يكفي. أما صقل التفاصيل فلا يتأخر عن أن يكون بعد النشر وبدء الاستخدام.
منشئات مسار المبتدئ تنسّق الواجهة تلقائياً أيضاً، فهذا القسم يمكن تركه للذكاء الاصطناعي غالباً. وحتى من في مسار الممارسة، فالأسرع أن يدع الذكاء الاصطناعي يُخرج مسوّدة أولاً، ثم يصلح ما يزعجه فقط. لا تحاول أن تصمّم من الصفر بنفسك.
الحد الأدنى لتهيئة البيئة
الأخير هو بيئة التطوير. اعتبِر هنا أيضاً أن «تسجيل حساب يكفي». لم تعد — كما في الماضي — بحاجة في الغالب لقضاء ساعات في بناء بيئة تطوير محلية. كل شيء يمكن أن يبدأ من الباقة المجانية.
أنشئ حساباً في منشئ / محرر الذكاء الاصطناعي الذي اخترته. جرّب الباقة المجانية أولاً، وإن لم تكفِ فادفع.
في مسار الممارسة، احصل على حساب GitHub. الطريق المعبّد لحفظ الشيفرة وإدارة الإصدارات. متاح مجاناً.
Vercel أو Netlify أو Supabase وغيرها. باقتها المجانية سخية. يكفي الآن معرفة الاسم، ونتناوله بالتفصيل في فصل النشر.
✅ جهّز «ما تحتاجه الآن» فقط. شراء نطاق، وخادم مدفوع، والتعاقد مع خدمة دفع — لا حاجة إليها بعد. ما تحتاجه في مرحلة البناء هو «الأداة» و«مكان حفظ الشيفرة» فقط. أما ما يلزم للنشر وتحقيق الدخل، فجهّزه في فصل كلٍّ منها، بقدر ما تحتاجه فعلاً. لا تدفع استباقاً.
متى سجّلت الأدوات، تُهيّئ لك معظم محررات ومنشئات الذكاء الاصطناعي مجموعة الملفات اللازمة تلقائياً بـمجرد ضغط زرّ «إنشاء مشروع جديد». وإن تعثّرت في بناء البيئة، فالصق ما ظهر كما هو واسأل الذكاء الاصطناعي، فيُحلّ غالباً. منذ مرحلة التجهيز، صار الذكاء الاصطناعي رفيقك بالفعل.
خلاصة هذا الفصل
- اختَر تقنية معبّدة. تركيبة اعتاد الذكاء الاصطناعي كتابتها = تنفيذ سهل = منتج يكتمل. إن ترددت فدع الذكاء الاصطناعي يقترح.
- أداة واحدة لكل مسار. 🌱 المبتدئ = منشئ تطبيقات بالذكاء الاصطناعي (v0/Bolt/Lovable)، 🔧 الممارسة = محرر ذكاء اصطناعي (Claude Code وCursor وCopilot وCodex).
- لا تُفرِط في التصميم. اصنع مسوّدة بالذكاء الاصطناعي، ونسّق ثلاث نقاط فقط: الألوان والمساحات والخط، فينجح.
- البيئة بحدّها الأدنى. تسجيل حساب يكفي، كل شيء من الباقة المجانية. لا تدفع استباقاً.
الأساس مُهيّأ. تالياً، وأخيراً، مرحلة تحرّك يديك مع الذكاء الاصطناعي لـتجسّد المنتج فعلاً. أن تُدير بسرعة دورة «شغّل الصغير ثم أصلح» — لنرَ طريقتها الملموسة في الفصل الرابع «ابنِ مع الذكاء الاصطناعي».