Vibe Coding — تطبيقك الأول دون معرفة البرمجة — 1. ما هو الـ vibe coding؟

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

ما هو الـ vibe coding؟

الفصل 1 من 10 · 10%

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

  • فهم مبدأ الـ vibe coding
  • معرفة نقاط قوته وحدوده
  • تبنّي العقلية الصحيحة

المبدأ

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

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

انفجر هذا الأسلوب في العمل مع المساعدين مثل Claude وChatGPT والمحررات المتخصصة مثل Cursor. مصطلح «vibe coding» انتشر مطلع عام 2025 على يد أندريه كارباثي، باحث في الذكاء الاصطناعي، لوصف هذه الطريقة في البرمجة بالانسياق مع الحوار بدل كتابة كل سطر بنفسك. وخلف الاسم العفوي تختبئ منهجية جادة — هي التي ستتعلمها هنا.

flowchart LR
  D["تصف بلغة طبيعية"] --> G["الذكاء الاصطناعي يولّد الكود"]
  G --> T["تختبر النتيجة"]
  T --> A["تحسّن الطلب"]
  A --> D
حلقة الـ vibe coding: وصف، توليد، اختبار، تحسين.

لماذا ينجح هذا الآن

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

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

ما الذي يتيحه (وما لا يتيحه)

مثالي لـالنماذج الأولية، صفحات الهبوط، الأدوات الداخلية، MVP، الأتمتة الصغيرة، التطبيقات الشخصية أو الصفّية.
أكثر خطورة لـالأنظمة الحرجة (الصحة، البنوك)، الأمن الحساس، البيانات الشخصية واسعة النطاق، الحمل الكبير جدًا.

ابدأ صغيرًا، وسترتقي في التعقيد. توم لا يستهدف تطبيقًا لعشرة آلاف مستخدم: يريد أداة بسيطة ومفيدة، الآن. هذا التواضع ليس عيبًا، إنه استراتيجية. تطبيق صغير مُنجَز ومُستخدَم يعلّمك مئة مرة أكثر من مشروع كبير مهجور عند 20%.

الحد الفاصل بين «المثالي» و«الخطير» يتعلق أساسًا بعواقب الخطأ. إن فقد تطبيق توم تأشيرة عادة، فالأمر مزعج لكنه غير خطير. أما إن فقد تطبيق بنكي معاملة، فهي كارثة. في الـ vibe coding للمبتدئ، اختر مشاريع يبقى فيها أسوأ خطأ ممكن أمرًا تافهًا: ستجرّب بحرية، دون توتر.

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

العقلية الصحيحة

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

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

توقّع أيضًا تقلبات عاطفية. أول توليد ينجح من المرة الأولى سيمنحك شعورًا بالقدرة المطلقة؛ وأول خطأ غامض سيدفعك لإغلاق كل شيء. كلاهما طبيعي. مبرمجو الـ vibe الناجحون ليسوا من لا يواجهون أخطاءً، بل من يملكون منهجية لعبورها — ستتعلمها في الفصل 4.

الفخاخ الكلاسيكية للمبتدئ

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

معجم مصغّر لبداية جيدة

  • موجّه (Prompt): الرسالة التي تكتبها للذكاء الاصطناعي لطلب شيء منه.
  • توليد: فعل الذكاء الاصطناعي الذي ينتج كودًا انطلاقًا من طلبك.
  • تطبيق ويب: تطبيق يعمل في المتصفح، دون تثبيت، متاح عبر عنوان (URL).
  • MVP (المنتج الأدنى القابل للتطبيق): أبسط نسخة من تطبيقك تقدّم فائدة فعلية.
  • التكرار (Itérer): التحسين بلمسات صغيرة متتالية، بدل فعل كل شيء دفعة واحدة.
  • خطأ برمجي (Bug): سلوك للتطبيق مختلف عما كنت تتوقعه.

ستصادف هذه الكلمات طوال الدورة وفي تبادلاتك مع الذكاء الاصطناعي. لا حاجة لحفظها عن ظهر قلب: عد إلى هذه القائمة عندما يعيقك مصطلح، ولا تتردد أبدًا في سؤال الذكاء الاصطناعي نفسه «ما هو الـ MVP؟». المفردات تأتي بالممارسة.

المشروع المحوري لهذه الدورة

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

🛠️ حان دورك

السياق

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

التعليمات

  1. اكتب في جملة واحدة التطبيق الذي تود إنشاءه («تطبيق يقوم بـ... من أجل...»).
  2. صنّفه بصدق: نموذج أولي/أداة بسيطة، أم نظام حرج ببيانات حساسة؟
  3. اسأل نفسك ما أسوأ خطأ ممكن: إن كان تافهًا، فالمشروع معاير جيدًا.
  4. قسّم فكرتك إلى 3 إلى 5 إجراءات ملموسة يمكن للمستخدم القيام بها.
  5. اذكر ما سيلزمك اختباره لمعرفة أن كل إجراء يعمل.
  6. إن كانت بسيطة وقابلة للاختبار في دقيقتين، احتفظ بها لبقية الدورة.
تلميح — التطبيق الأول الجيد يُختبَر في دقيقتين ويتسع في شاشة واحدة. إن احتجت لحسابات مستخدمين أو دفع أو إشعارات في النسخة الأولى، بسّط أكثر.

باختصار

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

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

1. ماذا يجب أن تجيد في الـ vibe coding؟

وضوح الوصف واختبار النتيجة هما مهارتاك الحقيقيتان. الصياغة البرمجية عمل الذكاء الاصطناعي.

2. أي مشروع هو مرشّح أول جيد؟

نبدأ صغيرًا ثم نرتقي في التعقيد. تطبيق صغير منجَز أفضل من مشروع كبير مهجور.

3. لماذا يرتاح الذكاء الاصطناعي كثيرًا في تطبيق ويب بسيط؟

النماذج رأت عشرات آلاف المتغيرات من مسائل الويب الشائعة: إنها منطقة راحتها.

4. يؤكد الذكاء الاصطناعي أن ميزة تعمل. ماذا تفعل؟

قد يخطئ الذكاء الاصطناعي بثقة: إنه لا يختبر تطبيقك فعليًا. التحقق دورك أنت.

5. ما فخ المبتدئ الأكثر شيوعًا؟

موجّه فيضاني من 12 ميزة ينتج تطبيقًا نصف معطّل، يستحيل تصحيحه. طلب واحد في كل مرة.

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.