المشهد: ذكاء اصطناعي داخل المحرر
درس 1 من 12
1المشهد: ذكاء اصطناعي داخل المحرر
قبل أن تثبّت أي شيء: ما هو المحرر أصلًا، ولماذا يوجد أكثر من طريقة لإضافة الذكاء الاصطناعي إليه، وما الفرق بينها.
ماذا تشاهد في الرسم: من اقتراح سطر، إلى محادثة تنسخ منها، إلى وكيل يكتب على قرصك. كلما تقدّمت زادت صلاحيته وزادت مراجعتك.
خارطة هذا الجزء
المفاهيم بالترتيب، اضغط أيًّا منها للقفز إليه:
طريقان إلى نفس الفكرة
المحرّر مكتب المبرمج: فيه أوراقه وأدواته في مكان واحد. والذكاء الاصطناعي داخل المحرّر يشبه زميلًا يجلس بجانبك يرى نفس الأوراق. أحيانًا يكمل جملتك بهدوء، وأحيانًا تسأله سؤالًا، وأحيانًا تكلّفه بمهمة كاملة. ولكل طريقة وقتها.
بيئة التطوير IDE تجمع المحرّر والطرفية والمصحّح. والذكاء الاصطناعي يدخلها بثلاث طرق: الإكمال السطري، والمحادثة التي ترى الملفات، والوضع الوكيل الذي يعدّل ويشغّل الأوامر. الأدوات (إضافة في VS Code أو محرّر مثل Cursor) تختلف في السياق الذي تراه وفي التكلفة والخصوصية.
المتطلبات قبل البداية
لا شيء
هذا الجزء لا يحتاج برمجة ولا تثبيتًا. كل ما يحتاجه متصفّح ومساعد مجاني مفتوح فيه.
استعداد للسؤال
المهارة الحقيقية هنا ليست كتابة الكود بل صياغة السؤال. لو جاوبك المساعد بشي غامض، اسأل عنه مرة أخرى بدل أن تمشي.
فضول لتجربة أكثر من أداة
فكرة المشروع كلها: ما فيه طريقة واحدة. من يجرّب أداتين يعرف لماذا اختار واحدة.
المفاهيم الأساسية
قبل أي تثبيت، خُذ خطوة للخلف. هذا الجزء يضع الأرضية: ما المحرر، ولماذا يُضاف الذكاء الاصطناعي داخله بدل أن تبقى في نافذة متصفّح منفصلة، وما الخيارات المتاحة.
1المحرر (IDE) بكلمات بسيطة
IDE اختصار لـ Integrated Development Environment، أي «بيئة تطوير متكاملة». والفكرة في الاسم: بدل أن تفتح محرر نصوص هنا وطرفية هناك ومتصفّحًا للتوثيق، تجتمع هذه كلها في نافذة واحدة. VS Code أشهرها وهو مجاني.
وإضافة الذكاء الاصطناعي داخله تضيف شيئًا لا تعطيه نافذة المتصفّح: السياق. المساعد في المحرر يرى الملف المفتوح وبقية المشروع، فسؤالك «لماذا هذا لا يعمل؟» يصير له معنى بلا أن تلصق مئة سطر.
2ثلاث طرق للعمل مع الذكاء الاصطناعي
المشروع يسمّيها صراحة، وهي ليست أدوات مختلفة بل أوضاع لنفس الأداة:
| الوضع | كيف يبدو | متى تستخدمه | خطره |
|---|---|---|---|
| الإكمال السطري inline completion | نص رمادي باهت يظهر أمام المؤشر، تقبله بـ Tab | التكرار الممل: الاستيرادات، هيكل الدالة، الحلقات المعتادة | تقبله بلا قراءة فيدخل كود لا تفهمه |
| المحادثة chat | لوحة جانبية تكتب فيها سؤالًا وتقرأ جوابًا | الشرح، التصحيح، «أعد كتابة هذا ليصير أوضح» | جواب واثق وخاطئ، والثقة ليست دليلًا |
| وضع الوكيل agent mode | تعطيه مهمة فينفّذ عدة خطوات: ينشئ ملفات ويعدّل ويشرح | مهمة متعدّدة الملفات واضحة الحدود | يذهب أبعد مما تريد لو كان طلبك غامضًا |
3ليس هناك أداة واحدة
هذه هي الفكرة المركزية للمشروع كله. الخيارات المجانية المذكورة:
| الأداة | النوع | يحتاج مفتاح API؟ | ميزتها |
|---|---|---|---|
VS Code | محرر | ، | الأشهر، إضافاته لا تُحصى، مجاني |
Cursor | محرر مبني على VS Code | لا (حساب مجاني) | الذكاء مدمج من أول لحظة |
Continue.dev | إضافة لـ VS Code | نعم | مفتوح المصدر، تختار النموذج بنفسك |
Cline | إضافة لـ VS Code | نعم | مبنية حول وضع الوكيل تحديدًا |
Codeium | إضافة لـ VS Code | لا | أقل احتكاك: نموذج مجاني مدمج |
4الأسئلة التي تطرحها قبل أن تبدأ
هذان السؤالان ليسا شكليين، كل واحد يفتح بابًا:
- «تخيّل أني لم أبرمج أبدًا. اشرح لي ببساطة ما هو المحرر، وكيف يساعد المساعد المدمج مبتدئًا على قراءة الكود وكتابته وإصلاحه؟»، يبني المفردات.
- «ما الفروق الرئيسة بين VS Code مع إضافة وبين Cursor؟ وأيهما أسهل لمبتدئ تمامًا؟»، يبني معيار الاختيار قبل أن تختار.
والمهم ليس الجواب الذي تحصل عليه، بل أنك كوّنت رأيًا قبل التثبيت، فصار عندك ما تقارن به بعده.
كيف يعمل؟
شكلان: الأوضاع الثلاثة، ثم مسار الاختيار بين الأداتين.
شكل 1، ثلاثة أوضاع لأداة واحدة: ليست بدائل عن بعضها، بل أدوات لمهام مختلفة داخل الجلسة نفسها.
شكل 2، شجرة الاختيار التي يسير عليها المشروع: إضافة على محرر تعرفه، أو محرر جديد مدمج، والجواب أن تجرّب الاثنين.
ما المطلوب منك بالضبط
المهمة التمهيدية ليس فيها كود ولا ملف يُسلَّم. المطلوب محادثة تمهيدية تبني بها المفردات. امشِ عليها هكذا:
المهمة التمهيدية، خطوة بخطوة
افتح مساعدًا مجانيًا في المتصفّح. ChatGPT أو Claude أو Gemini أو Mistral Le Chat. هذا هو «مساعد المتصفّح» الذي يبقى مفتوحًا معك طوال المشروع.
اسأل السؤال الأول: «تخيّل أني لم أبرمج أبدًا. اشرح لي بكلمات بسيطة جدًا ما هو الـIDE (محرر الكود)، وكيف يساعدني مساعد ذكاء اصطناعي مجاني داخله على قراءة الكود وكتابته وإصلاحه؟»
اقرأ الجواب. إذا بقي شيء غامض فاسأل عنه، لا تمشِ وأنت غير فاهم.
اسأل السؤال الثاني: «ما الفروق الرئيسة بين استخدام VS Code مع إضافة ذكاء اصطناعي (مثل Continue.dev أو Codeium) وبين استخدام Cursor، المحرر المبني على الذكاء من أساسه؟ وأيهما أسهل على مبتدئ تمامًا ليجرّبه أولًا؟»
أبقِ التبويب مفتوحًا. ستحتاج هذا المساعد في كل خطوة تثبيت بعدها. وهذا ليس ضعفًا، هو بالضبط كيف يعمل المهندسون اليوم.
اعتقاد شائع × الحقيقة
| الاعتقاد | الحقيقة |
|---|---|
| «الذكاء الاصطناعي في المحرر يكتب البرنامج بدلًا عني.» | يكتب أجزاءً ويقترح ويشرح. والقرار والمراجعة والمسؤولية تبقى لك، وهذا موضوع الجزء السابع كاملًا. |
| «أداة واحدة هي الأفضل للجميع.» | هذه الفكرة التي يحاربها المشروع صراحة. جرّب أداتين على الأقل، وما تختاره يعتمد على طريقتك لا على إعلان. |
| «المساعد في المتصفّح يكفي، لماذا أثبّت شيئًا؟» | المساعد في المتصفّح لا يرى مشروعك. يشرح لك مفهومًا، لكنه لا يقول لك «الخطأ في السطر 12 من الملف الثاني». |
| «الإضافات المجانية ضعيفة.» | كل أداة في قائمة المشروع مجانية تمامًا، وCodeium يعمل بلا مفتاح API أصلًا. القيد الحقيقي حصص الاستخدام لا الجودة. |
| «يجب أن أختار وضعًا واحدًا وألتزم به.» | الأوضاع الثلاثة لمهام مختلفة: الإكمال للتكرار، المحادثة للفهم، الوكيل للمهام متعدّدة الملفات. والمهندس يتنقّل بينها في الجلسة الواحدة. |
جرّب بنفسك
تريد أن يشرح لك المساعد ملفًا طويلًا في مشروعك ويقترح تحسينًا. أي وضع تستخدم؟
المحادثة هي وضع الفهم: ترى الملف المفتوح فتسأل عنه وتناقش الجواب قبل أي تعديل. الإكمال يقترح أثناء الكتابة ولا يشرح، والوكيل ينفّذ قبل أن تفهم، ومساعد المتصفّح لا يرى مشروعك ويحتاج لصق الملف يدويًا.
بطاقات مراجعة سريعة
تحقّق من فهمك
1. اشرح بجملة واحدة الفرق بين «مساعد في المتصفّح» و«مساعد في المحرر».
مساعد المتصفّح يرى ما تلصقه له فقط؛ ومساعد المحرر يرى الملف المفتوح والمشروع حوله. السياق هو الفرق، وهو ما يسمح بسؤال «لماذا هذا لا يعمل؟» بلا شرح طويل.
2. متى يكون الإكمال السطري مضلّلًا لا مفيدًا؟
لما يقترح كودًا يبدو صحيحًا لكنه يفترض شيئًا غير موجود في مشروعك، اسم دالة قريب، أو مكتبة لم تُثبّت. يبدو معقولًا فتقبله بـ Tab بلا قراءة، ثم تكتشف الخطأ بعد نصف ساعة.
3. (قرار) عندك VS Code وتعرفه وتحبه. هل تجرّب Cursor أصلًا؟
نعم. ليس لتهجر VS Code بل لتعرف ما الذي تفوّته: حين يكون الذكاء مدمجًا من أول لحظة تختلف طريقة التفاعل. وبعد التجربة يصير اختيارك قرارًا لا عادة.
4. أحدهم يقول إن المساعد في المحرر «يخلّي المبتدئ يتعلّم أقل». ما رأيك؟
فيها شيء صحيح وشيء خاطئ. صحيح إذا قبلت كل اقتراح بلا قراءة، تمرّ الأيام بلا مهارة. وخاطئ إذا استخدمت المحادثة للسؤال «لماذا؟» بعد كل اقتراح، عندها يصير مدرّسًا متاحًا 24 ساعة. الأداة لا تقرّر، استخدامك هو الذي يقرّر.
5. (قرار) تريد تبدأ وليس عندك بطاقة ولا تريد مفاتيح API. ما أقصر طريق؟
VS Code + Codeium: الإضافة الوحيدة في القائمة التي تعمل بلا مفتاح. أو Cursor بحساب مجاني. وبعد أن يعمل عندك شيء، جرّب Continue.dev بمفتاح مجاني من Google AI Studio لتقارن.