Vibe Coding — تطبيقك الأول دون معرفة البرمجة — 2. اختيار أداتك

11 min read min de lecture
الفصل 02

اختيار أداتك

الفصل 2 من 10 · 20%

أهداف هذا الفصل

  • معرفة العائلات الكبرى للأدوات
  • الاختيار حسب مستواك وهدفك
  • البدء دون عوائق تقنية

مشهد الأدوات

تنظّم سوق أدوات الـ vibe coding في ثلاث عائلات كبرى، والخبر السار أنها تلبي احتياجات مختلفة — لا توجد «أداة أفضل»، بل الأداة المناسبة لهدفك الحالي. قبل مقارنة الأسماء، افهم العائلات: سيجنّبك ذلك الضياع في الآراء المتناقضة على الإنترنت.

العائلة الأولى هي مولّدات «من الموجّه إلى التطبيق»: تكتب وصفك في المتصفح، يظهر التطبيق بجانبه، ويمكنك نشره بنقرة واحدة. الثانية هي المحررات بالذكاء الاصطناعي: بيئات تطوير حقيقية يعمل فيها الذكاء الاصطناعي على ملفات تراها وتتحكم بها. الثالثة هي البيئات المتكاملة في المتصفح، التي تجمع التحرير والتنفيذ والاستضافة في مكان واحد.

Cursor / Claude Codeمحررات ذكاء اصطناعي مثبّتة على حاسوبك، تحكم دقيق ملفًا بملف، مثالية للتعلم الحقيقي والاحتفاظ بزمام الأمور على المدى الطويل.
Lovable / v0 / Boltمن الموجّه إلى تطبيق ويب منشور، صفر تثبيت — مثالية للبدء السريع ورؤية نتيجة خلال ساعة.
Replitبرمجة وتنفيذ واستضافة مباشرة في المتصفح، مع وكيل ذكاء اصطناعي مدمج — حل وسط جيد بين العالمين.

مولّدات «من الموجّه إلى التطبيق» عن قرب

v0 (من Vercel) يتألق في توليد واجهات أنيقة: تصف شاشة، فيقترح عليك مكوّنًا عصريًا يمكنك صقله رسالة بعد رسالة. Bolt (من StackBlitz) يبني تطبيقات كاملة في المتصفح ويعرض لك الملفات المولّدة، مما يساعد على فهم ما يجري. Lovable يستهدف التطبيق الكامل من البداية إلى النهاية، بتجربة موجَّهة جدًا مصممة لغير المطورين.

قوتها المشتركة: صفر تثبيت، نتيجة مرئية فورًا، نشر مدمج. وحدّها المشترك: تعمل في بيئتها، باختياراتها التقنية وحصصها المجانية. لتطبيق أول كتطبيق توم، هذه الحدود بلا أهمية — سرعة الانطلاق أهم بكثير.

المحررات بالذكاء الاصطناعي: Cursor وClaude Code

Cursor محرر كود كامل (مبني على VS Code) يستطيع فيه الذكاء الاصطناعي قراءة كل ملفاتك وتعديلها: تتحاور معه في لوحة جانبية وترى كل تغيير مقترح. Claude Code يعمل في الطرفية: تعطيه تعليمات، فيتصرف في مشروعك. تتطلب هذه الأدوات قليلًا من الإعداد الإضافي، لكنها تمنحك شيئًا ثمينًا: ملفاتك ملكك، على قرصك، وتفعل بها ما تشاء.

هذا هو الطريق إن كان هدفك يتجاوز التطبيق الأول: فهم كيفية هيكلة المشروع، استخدام Git لحفظ عملك (سنعود إليه في الفصل 4)، والتقدم نحو استقلالية حقيقية. كثير من مبرمجي الـ vibe يبدؤون على مولّد في المتصفح، ثم ينتقلون إلى Cursor عندما يريدون الذهاب أبعد — وهو مسار سليم تمامًا.

أي أداة لأي ملف شخصي؟

v0تريد أساسًا واجهات ويب جميلة، بسرعة. قوي جدًا في تصميم المكوّنات، نشر سهل عبر Vercel.
Boltتريد تطبيقًا كاملًا في المتصفح مع رؤية الملفات. توازن جيد بين السرعة والشفافية.
Lovableتريد التجربة الأكثر توجيهًا، من الفكرة إلى التطبيق المنشور، دون رؤية أي شيء تقني.
Replitتريد بيئة كاملة (كود + تنفيذ + استضافة) في تبويب واحد، مع وكيل ذكاء اصطناعي.
Cursor / Claude Codeتريد التعلم بعمق، والاحتفاظ بملفاتك، والتقدم على المدى الطويل. قليل من الإعداد في البداية.
flowchart TD
  Q["تريد البدء هذا المساء؟"] -->|"نعم، صفر تثبيت"| B["Lovable أو v0 أو Bolt"]
  Q -->|"أريد التعلم بعمق"| C["Cursor أو Claude Code"]
  Q -->|"كل شيء في تبويب واحد"| R["Replit"]
  B --> S["ابنِ نسختك الأولى v1"]
  C --> S
  R --> S
اختيار الأداة حسب الهدف: كل الطرق تؤدي إلى النسخة الأولى.

توصية للبدء

لتطبيق الويب الأول دون تثبيت أي شيء: أداة «من الموجّه إلى التطبيق» مثل Lovable أو v0. للتعلم والاحتفاظ بالتحكم على المدى الطويل: Cursor أو Claude Code. هذه الدورة تعمل مع المقاربتين — الموجّهات ومنهجية التصحيح والنشر تنطبق في كل مكان، الأزرار فقط هي التي تتغير.

أما توم، فيختار أداة في المتصفح: يريد نتيجة هذا المساء، على حاسوب المدرسة، دون صلاحيات تثبيت. وهو الانعكاس الصحيح: هدفه التطبيق، لا الأداة. إن أراد بعد ثلاثة أشهر تخصيص مشروعه بدقة أكبر، فسيصدّره إلى Cursor — لا شيء يضيع، أبدًا.

لا تقضِ أسبوعًا في اختيار الأداة المثالية. خذ واحدة، ابنِ، وستغيّر لاحقًا عند الحاجة. الوقت المنفق في مقارنة الأدوات وقت غير منفق في البناء.

مجاني أم مدفوع: فهم الحدود

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

كيف توفّر توليداتك؟ فكّر قبل الإرسال: موجّه دقيق يصف الحاجة جيدًا يستهلك رسالة واحدة ويعطي نتيجة جيدة؛ خمسة موجّهات غامضة تستهلك خمس رسائل للنتيجة نفسها. الفصل 3 يعلّمك بالضبط كتابة أوصاف فعالة — وهي أيضًا طريقة لإطالة عمر حصتك المجانية.

فخ الإعداد اللانهائي

كثيرون يستسلمون قبل أن يبدؤوا، عالقين في التثبيت: حساب لا يُنشأ، برنامج يطالب بتحديث للنظام، طرفية تعرض خطأ غير مفهوم. إن قاومتك أداة 30 دقيقة، انتقل إلى أداة 100% في المتصفح. المهم هو البناء، لا الإعداد.

هذه النصيحة ليست استسلامًا، إنها استراتيجية. حماسك مورد محدود: كل ساعة من الاحتكاك التقني تنهكه. ما إن يصبح تطبيقك الأول على الإنترنت، ستملك الثقة (والصبر) اللازمين لمواجهة تثبيت أكثر تطلبًا. بالترتيب الصحيح، كل شيء أسهل.

أنشئ حسابك ببريد إلكتروني تطّلع عليه فعلًا: الأدوات ترسل روابط تأكيد، والرابط الضائع هو السبب الأول لـ «الأمر لا يعمل» عند التسجيل.
🛠️ حان دورك

السياق

يريد توم البدء هذا المساء، دون تثبيت عشرة برامج ودون صلاحيات مسؤول على حاسوب المدرسة. أمامه ساعة وهدف متواضع: رؤية أول صفحة مولّدة بالذكاء الاصطناعي تظهر في المعاينة. قم بالمسار نفسه بالضبط: هدف هذا التمرين ليس بناء تطبيقك، بل فقط التحقق من أن سلسلتك أداة ← توليد ← معاينة تعمل.

التعليمات

  1. اختر أداة من العائلات المعروضة (في المتصفح إن أردت صفر إعداد).
  2. أنشئ حسابك وأكّد بريد التحقق.
  3. أنشئ مشروعًا فارغًا وحدد مكان عرض معاينة التطبيق.
  4. اطلب من الأداة توليد صفحة «Hello» باسمك الأول وزر.
  5. تأكد من أن المعاينة تتحدث وأن الزر قابل للنقر.
  6. أرسل رسالة ثانية لتغيير لون الزر، وتحقق من التغيير.
  7. سجّل في مكان ما اسم الأداة المختارة وما أعجبك أو أزعجك.
تلميح — الأداة 100% في المتصفح تتجنب أغلب عوائق المبتدئين. إن فشل إنشاء الحساب أو لم يظهر شيء بعد 30 دقيقة، غيّر الأداة دون شعور بالذنب: إنها المنهجية، لا فشل.

باختصار

  • ثلاث عائلات: مولّدات «من الموجّه إلى التطبيق»، محررات ذكاء اصطناعي، وبيئات متكاملة في المتصفح.
  • v0 يتفوق في الواجهات، Bolt يعرض الملفات، Lovable يوجّه من البداية إلى النهاية.
  • Cursor وClaude Code: إعداد أكثر، لكن ملفاتك ملكك وتتعلم بعمق.
  • مبتدئ مستعجل: أداة في المتصفح؛ للتعلم على المدى الطويل: Cursor/Claude Code.
  • العروض المجانية تكفي لهذه الدورة — وفّر رسائلك بموجّهات دقيقة.
  • لا تفرط في اختيار الأداة: خذ واحدة وابنِ.
  • العدو الحقيقي للمبتدئ هو الإعداد اللانهائي: 30 دقيقة من العرقلة = غيّر الأداة.

اختبار — تحقّق من فهمك

1. أي نوع من الأدوات للبدء دون تثبيت؟

أدوات المتصفح مثل Lovable أو v0 أو Bolt تتجنب عوائق التثبيت وتعطي نتيجة خلال ساعة.

2. ماذا تفعل إن قاومتك أداة 30 دقيقة؟

الهدف هو البناء، لا الإعداد. حماسك مورد محدود: احمِه.

3. ما الميزة الرئيسية لـ Cursor أو Claude Code؟

المحررات بالذكاء الاصطناعي تعمل على ملفات مخزنة لديك: مثالية للتعلم والتقدم على المدى الطويل.

4. كيف توفّر حصتك المجانية من التوليدات؟

موجّه دقيق يستهلك رسالة واحدة لنتيجة جيدة؛ خمسة موجّهات غامضة تستهلك خمسًا للنتيجة نفسها.

5. يختار توم أداة في المتصفح. لماذا هذا انعكاس جيد؟

البدء سريعًا بأداة بسيطة ثم الانتقال إلى محرر ذكاء اصطناعي عند الحاجة مسار سليم تمامًا. لا شيء يضيع.

Auteur(s)

R

REHOUMA Haythem

Haythem Rehouma est un ingénieur et architecte IA et cloud, formateur et enseignant technique, avec un profil orienté IA médicale, AWS, MLOps, LLM/RAG et vision par ordinateur.