كوبايلوت يساعدك في الكتابة.. وهذا يساعدك في الإنجاز

BBetter Stack
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00هذا هو ContinueDev. هو ليس Copilot أو Claude Code ولا يهدف لاستبدالك، بل يعمل ببساطة على أتمتة المهام التي تعيق سرعتك.
00:00:07من المفترض أن تجعل مراجعة الكود البرمجي العمل أفضل، لكنها أصبحت مؤخرًا سبباً في إبطاء كل شيء.
00:00:11لذا يبدو الحل البديهي هو ترك الأمر للذكاء الاصطناعي، لكن المشكلة الحقيقية ليست هناك.
00:00:16المشكلة الفعلية تكمن في كل ما يحيط بالكود. نحن ننشر فيديوهات باستمرار، لذا احرصوا على الاشتراك.
00:00:27لإعداد ContinueDev، ابدأ بتثبيت الإضافة. سأفتح VS Code هنا، وأذهب إلى الإضافات، وأبحث عن continue، ثم أضغط تثبيت وأقوم بإعادة التشغيل عند الحاجة.
00:00:35الآن ستظهر أيقونة continue في الشريط الجانبي.
00:00:38بعد ذلك، يمكننا ربط نموذج ذكاء اصطناعي عبر فتح الإعدادات، وتعديل ملف الإعدادات إن لم يكن جاهزاً، لكن يمكنك ببساطة إضافة النموذج بهذا الشكل.
00:00:47إذا كنت تفضل السحابة، أضف نموذجاً مثل GPT4 أو Claude مع مفتاح API الخاص بك، ثم احفظ وأعد التشغيل. هذا كل شيء.
00:00:54أو يمكنك العمل محلياً لجعل كل هذا مجانياً باستخدام Ollama. اسحب نموذجاً مثل Llama3 ثم أضفه إلى موفر الخدمة لديك.
00:01:01ويمكنك التبديل بين النماذج في أي وقت من القائمة المنسدلة في الشريط الجانبي. سحابي، محلي، أو أي شيء تستخدمه بالفعل دون تقييد.
00:01:09الآن تخيل أنك بدأت العمل على مشروع برمجي جديد، فتحت مجلد المشروع ووجدت أموراً لا تعرفها تماماً.
00:01:16في هذه الأيام، يقوم الكثير منا بنسخ هذا الكود، وفتح المتصفح، ولصقه في Claude أو OpenAI، ثم إضافة الكثير من السياق يدوياً.
00:01:24وربما نضطر أيضاً إلى لصق عدة ملفات أخرى لكي يفهم النظام ما يحدث.
00:01:29وحتى حينها، تكون الإجابات عامة نوعاً ما. فالذكاء الاصطناعي لا يعرف مشروعك فعلياً لأنه ليس جزءاً منه.
00:01:36الآن يمكننا ببساطة سؤال continue. يمكنني الذهاب إلى الكود، وتحديد جزء منه عبر Control+L وكتابة “اشرح هذا” في دردشة الشريط الجانبي.
00:01:45المفاجأة هنا هي أنه لا يجيب بشكل منعزل، بل يسحب السياق من كامل قاعدة الكود الخاصة بك.
00:01:51الملفات المفتوحة، وحتى فروقات Git (diffs)، ليقدم لك شرحاً يتوافق مع مشروعك ككل.
00:01:57بصراحة، Claude Code و Cursor يمكنهما فعل ذلك أيضاً. لذا أشعر أن هذه الأداة هي الأفضل إذا كنت لا تعتمد كلياً على الذكاء الاصطناعي، أو إذا كنت بحاجة لأداة أسرع لمراجعة مشروعك.
00:02:08إليك الجزء المهم: عندما يقترح continue تغييراً، مثل إعادة هيكلة دالة معينة، فإنه لا يكتفي بوصفها.
00:02:16بل ينشئ معاينة حقيقية للفروقات (diff) داخل الدردشة مباشرة، تراجعها جنباً إلى جنب، ثم تطبق التغييرات.
00:02:22يمكنك التعديل أو الرفض، لكنك تظل المتحكم في كل ما يحدث، بدلاً من ترك Cursor يتولى الأمر تماماً.
00:02:28لكن هنا يكمن التغيير الحقيقي. عادةً ما تظل طلبات السحب (PR) معلقة تنتظر المراجعة، لكن بدلاً من الانتظار، ستحصل على عميل مراجعة.
00:02:36يمكنك إنشاء ملف مثل “review agent” بتنسيق Markdown، وتكتب فيه القواعد التي تهمك مثل التنسيق، والمنطق، وقواعد الأمان، وكل ما يعنيه الكود الجيد بالنسبة لك.
00:02:47ثم يمكنك تشغيل هذا؛ ففي الدردشة، يمكنني كتابة “agent my agent review” وتشغيل المراجعة على طلب السحب هذا.
00:02:54أو يمكنك استخدام عميل جاهز مثل Continue Dev للأمان؛ حيث يفحص الكود فوراً ويقترح إصلاحات كتعليقات أو فروقات (diffs).
00:03:02والأمر لا يقتصر على المحرر فحسب، أليس كذلك؟ نفس العميل يعمل بدون محرر. يمكنك إدارة العملاء، وضبط المحفزات، وربط Slack للحصول على تنبيهات طلبات السحب لتصل مباشرة إلى قنواتك.
00:03:13الأمر لا يتعلق بالبرمجة فقط، بل بالشحن السريع للبرمجيات. هي ليست أداة مثالية، لكن لكونها أداة مجانية تمنحني حرية التصرف وتقدم لي الملاحظات، فهي إضافة رائعة حقاً.
00:03:24وهي مجانية عند استخدام Ollama بدلاً من OpenAI. إذاً، لمن هذه الأداة فعلياً؟ هذا هو السؤال. أعتقد أنها مثالية لعدة فئات.
00:03:32إذا كنت تعمل بمفردك، فهي بمثابة عين ثانية لا تمل أبداً. وإذا كنت ضمن فريق صغير، فهي تحافظ على المعايير دون تحويل كل مراجعة كود إلى جدال طويل.
00:03:41بالإضافة إلى ذلك، إذا كنت تستخدم VS Code، فهي مناسبة جداً. الناس لا يستخدمون continue ليكتب الكود بدلاً عنهم، بل يستخدمونه لأنه يقلل الاحتكاك، ويؤدي لدورات مراجعة أقل، وطلبات سحب أنظف، وعمليات دمج أسرع.
00:03:55أنت لا تتخلى عن التحكم هنا، فذكاء الاصطناعي يتولى فقط الأجزاء التكرارية التي تكره القيام بها بالفعل. كما أنها مفتوحة المصدر، ومجانية مع موديلات معينة، ويمكنك تثبيتها والبدء في أقل من دقيقة.
00:04:10في هذه المرحلة، المقارنة تبدو واضحة. كيف يختلف هذا عن Copilot؟ كلاهما في VS Code. لكن GitHub Copilot رائع في شيء واحد: مساعدتك على كتابة الكود بشكل أسرع.
00:04:20أما Continue فيقوم بشيء مختلف. Copilot يساعدك في الكتابة، أما Continue فيساعدك في الشحن والإطلاق. Copilot يعيش في محررك، أما Continue فيعيش في كامل مسار عملك؛ من طلبات السحب والـ CI وحتى العملاء المؤتمتين.
00:04:32وهما ليسا متنافسين، رغم أنهما قد يبدوان متشابهين ظاهرياً، بل يعملان معاً بشكل رائع. يمكنك استخدام Copilot للإكمال التلقائي، واستخدام Continue للتأكد من أن الكود جاهز للدمج.
00:04:43جربوها إن لم تفعلوا بعد، وإذا كنتم قد جربتموها بالفعل، فما رأيكم؟ هل ما زلتم تستخدمونها أم تركتموها؟ نراكم في فيديو آخر.

Key Takeaway

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

Highlights

أداة ContinueDev ليست مجرد مساعد برمجياً، بل تركز على أتمتة المهام المحيطة بالكود مثل المراجعة والشحن.

إمكانية الربط مع نماذج ذكاء اصطناعي متنوعة سواء سحابية مثل GPT-4 وClaude أو محلية مجانية عبر Ollama.

توفير سياق كامل للذكاء الاصطناعي من خلال سحب المعلومات من قاعدة الكود والملفات المفتوحة وفروقات Git.

ميزة "عملاء المراجعة" (Review Agents) التي تسمح بأتمتة مراجعة طلبات السحب بناءً على قواعد مخصصة.

التكامل مع أدوات خارجية مثل Slack وCI لإدارة دورة حياة البرمجيات بعيداً عن محرر الأكواد فقط.

التكامل التوافقي مع GitHub Copilot؛ حيث يركز الأول على الكتابة وContinueDev يركز على الإطلاق والشحن.

Timeline

مقدمة عن ContinueDev وتثبيتها

يبدأ الفيديو بتعريف ContinueDev كأداة تهدف لأتمتة المهام التي تعيق سرعة المطور بدلاً من استبداله، مع التركيز على حل مشكلة بطء مراجعة الكود. يوضح المتحدث خطوات التثبيت داخل محرّر VS Code من خلال قسم الإضافات وإعادة تشغيل البرنامج لتظهر الأيقونة في الشريط الجانبي. يتم شرح كيفية ربط النماذج المختلفة، حيث يمكن للمستخدم اختيار نماذج سحابية مثل GPT-4 باستخدام مفاتيح API أو نماذج محلية مجانية تماماً عبر Ollama. تكمن أهمية هذه الخطوة في منح المطور حرية الاختيار بين الخصوصية المحلية أو قوة الحوسبة السحابية. يختتم هذا القسم بالإشارة إلى سهولة التبديل بين هذه النماذج بمرونة عالية داخل الواجهة.

فهم السياق والدردشة الذكية

يستعرض هذا القسم مشكلة نسخ الكود ولصقه في المتصفح للحصول على مساعدة، وهو ما يتسبب في فقدان السياق والحصول على إجابات عامة. تقدم ContinueDev حلاً من خلال ميزة الدردشة التي تفهم كامل مشروعك، بما في ذلك الملفات المفتوحة وتاريخ التعديلات في Git. عندما يطلب المستخدم شرحاً أو تعديلاً، تقوم الأداة بإنشاء معاينة حقيقية للفروقات (diff) داخل الدردشة مباشرة للمراجعة. هذا النهج يضمن بقاء المبرمج في وضع التحكم الكامل، حيث يمكنه قبول أو رفض التغييرات المقترحة بناءً على رؤية واضحة. يوضح المتحدث أن هذه الدقة تجعل الأداة تتفوق على الحلول التقليدية في فهم تفاصيل المشروع الفريدة.

عملاء المراجعة وأتمتة مسار العمل

ينتقل الفيديو لمناقشة الابتكار الحقيقي المتمثل في "عملاء المراجعة" (Review Agents) الذين يعالجون تأخر طلبات السحب (PRs). يمكن للمستخدمين إنشاء ملفات Markdown تحتوي على قواعد مخصصة للأمان والتنسيق والمنطق ليقوم الذكاء الاصطناعي بفحص الكود بناءً عليها. تعمل هذه الميزة حتى خارج محرر الأكواد، حيث يمكن ربطها بمنصة Slack لتلقي التنبيهات وإدارة المراجعات بشكل مؤتمت بالكامل. الهدف هنا ليس مجرد كتابة الأكواد بل "شحن" البرمجيات بسرعة وكفاءة عالية عبر تقليل الاحتكاك البشري في المراجعات الروتينية. يصف المتحدث هذه الأدوات بأنها إضافة رائعة تمنح المطور ملاحظات فورية وتوفيراً كبيراً في الوقت.

الفئات المستهدفة والمقارنة مع Copilot

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

Community Posts

No posts yet. Be the first to write about this video!

Write about this video