اختيار أداتك
أهداف هذا الفصل
- معرفة العائلات الكبرى للأدوات
- الاختيار حسب مستواك وهدفك
- البدء دون عوائق تقنية
مشهد الأدوات
تنظّم سوق أدوات الـ vibe coding في ثلاث عائلات كبرى، والخبر السار أنها تلبي احتياجات مختلفة — لا توجد «أداة أفضل»، بل الأداة المناسبة لهدفك الحالي. قبل مقارنة الأسماء، افهم العائلات: سيجنّبك ذلك الضياع في الآراء المتناقضة على الإنترنت.
العائلة الأولى هي مولّدات «من الموجّه إلى التطبيق»: تكتب وصفك في المتصفح، يظهر التطبيق بجانبه، ويمكنك نشره بنقرة واحدة. الثانية هي المحررات بالذكاء الاصطناعي: بيئات تطوير حقيقية يعمل فيها الذكاء الاصطناعي على ملفات تراها وتتحكم بها. الثالثة هي البيئات المتكاملة في المتصفح، التي تجمع التحرير والتنفيذ والاستضافة في مكان واحد.
مولّدات «من الموجّه إلى التطبيق» عن قرب
v0 (من Vercel) يتألق في توليد واجهات أنيقة: تصف شاشة، فيقترح عليك مكوّنًا عصريًا يمكنك صقله رسالة بعد رسالة. Bolt (من StackBlitz) يبني تطبيقات كاملة في المتصفح ويعرض لك الملفات المولّدة، مما يساعد على فهم ما يجري. Lovable يستهدف التطبيق الكامل من البداية إلى النهاية، بتجربة موجَّهة جدًا مصممة لغير المطورين.
قوتها المشتركة: صفر تثبيت، نتيجة مرئية فورًا، نشر مدمج. وحدّها المشترك: تعمل في بيئتها، باختياراتها التقنية وحصصها المجانية. لتطبيق أول كتطبيق توم، هذه الحدود بلا أهمية — سرعة الانطلاق أهم بكثير.
المحررات بالذكاء الاصطناعي: Cursor وClaude Code
Cursor محرر كود كامل (مبني على VS Code) يستطيع فيه الذكاء الاصطناعي قراءة كل ملفاتك وتعديلها: تتحاور معه في لوحة جانبية وترى كل تغيير مقترح. Claude Code يعمل في الطرفية: تعطيه تعليمات، فيتصرف في مشروعك. تتطلب هذه الأدوات قليلًا من الإعداد الإضافي، لكنها تمنحك شيئًا ثمينًا: ملفاتك ملكك، على قرصك، وتفعل بها ما تشاء.
هذا هو الطريق إن كان هدفك يتجاوز التطبيق الأول: فهم كيفية هيكلة المشروع، استخدام Git لحفظ عملك (سنعود إليه في الفصل 4)، والتقدم نحو استقلالية حقيقية. كثير من مبرمجي الـ vibe يبدؤون على مولّد في المتصفح، ثم ينتقلون إلى Cursor عندما يريدون الذهاب أبعد — وهو مسار سليم تمامًا.
أي أداة لأي ملف شخصي؟
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% في المتصفح. المهم هو البناء، لا الإعداد.
هذه النصيحة ليست استسلامًا، إنها استراتيجية. حماسك مورد محدود: كل ساعة من الاحتكاك التقني تنهكه. ما إن يصبح تطبيقك الأول على الإنترنت، ستملك الثقة (والصبر) اللازمين لمواجهة تثبيت أكثر تطلبًا. بالترتيب الصحيح، كل شيء أسهل.
السياق
يريد توم البدء هذا المساء، دون تثبيت عشرة برامج ودون صلاحيات مسؤول على حاسوب المدرسة. أمامه ساعة وهدف متواضع: رؤية أول صفحة مولّدة بالذكاء الاصطناعي تظهر في المعاينة. قم بالمسار نفسه بالضبط: هدف هذا التمرين ليس بناء تطبيقك، بل فقط التحقق من أن سلسلتك أداة ← توليد ← معاينة تعمل.
التعليمات
- اختر أداة من العائلات المعروضة (في المتصفح إن أردت صفر إعداد).
- أنشئ حسابك وأكّد بريد التحقق.
- أنشئ مشروعًا فارغًا وحدد مكان عرض معاينة التطبيق.
- اطلب من الأداة توليد صفحة «Hello» باسمك الأول وزر.
- تأكد من أن المعاينة تتحدث وأن الزر قابل للنقر.
- أرسل رسالة ثانية لتغيير لون الزر، وتحقق من التغيير.
- سجّل في مكان ما اسم الأداة المختارة وما أعجبك أو أزعجك.
باختصار
- ثلاث عائلات: مولّدات «من الموجّه إلى التطبيق»، محررات ذكاء اصطناعي، وبيئات متكاملة في المتصفح.
- v0 يتفوق في الواجهات، Bolt يعرض الملفات، Lovable يوجّه من البداية إلى النهاية.
- Cursor وClaude Code: إعداد أكثر، لكن ملفاتك ملكك وتتعلم بعمق.
- مبتدئ مستعجل: أداة في المتصفح؛ للتعلم على المدى الطويل: Cursor/Claude Code.
- العروض المجانية تكفي لهذه الدورة — وفّر رسائلك بموجّهات دقيقة.
- لا تفرط في اختيار الأداة: خذ واحدة وابنِ.
- العدو الحقيقي للمبتدئ هو الإعداد اللانهائي: 30 دقيقة من العرقلة = غيّر الأداة.
اختبار — تحقّق من فهمك
1. أي نوع من الأدوات للبدء دون تثبيت؟
2. ماذا تفعل إن قاومتك أداة 30 دقيقة؟
3. ما الميزة الرئيسية لـ Cursor أو Claude Code؟
4. كيف توفّر حصتك المجانية من التوليدات؟
5. يختار توم أداة في المتصفح. لماذا هذا انعكاس جيد؟