أقسام الوصول السريع (مربع البحث)

موضوع للتجربة

كيف تستخدم ChatGPT Codex المجاني لبناء مواقع وتطبيقات

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

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

https://www.youtube.com/watch?v=H4UORw16GLY

ما الذي تغيّر في ChatGPT Codex؟

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

بحسب التوضيحات الرسمية في صفحة Codex من OpenAI وما ظهر في التجربة، فالإتاحة ليست موحّدة للجميع من حيث السعة. هناك حسابات مدفوعة تحصل على مساحة استخدام أكبر، بينما يصل المستخدم المجاني إلى الأداة نفسها لكن بقيود أقل.

ولتبسيط الصورة، هذا ملخص الوضع كما ظهر:

الخطةحالة الإتاحةملاحظة مهمة
ChatGPT Freeمتاح لفترة محدودةمع حدود استخدام أقل
ChatGPT Goمتاح أيضًامع rate limits مختلفة
Plus / Pro / Business / Enterprise / Eduمتاح ضمن الخطةبحدود أعلى بحسب الخطة

مهم: إتاحة Codex للحسابات المجانية فرصة لفترة محدودة، وليست وعدًا دائمًا بلا قيود.

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

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

تفعيل Codex داخل VS Code خطوة بخطوة

بداية التجربة كانت بسيطة. المطلوب أولًا حساب مجاني على ChatGPT، ثم ملاحظة الإشعار الذي يعلن عن التجربة المجانية أو خيار "Try in your IDE". من هذه اللحظة يبدأ الربط بين حسابك وبيئة التطوير التي تعمل عليها.

A high-end metallic laptop sits centered on a smooth wooden desk bathed in soft ambient light. The clean surface is entirely free of clutter, creating a focused professional development environment.في التجربة، كان التركيز على VS Code لأنه الأكثر انتشارًا، لكن الخيار لم يكن محصورًا فيه وحده. الواجهة أشارت إلى دعم أدوات أخرى مثل Cursor وJetBrains وWarp، وهذا يعني أن الفكرة ليست مرتبطة بمحرر واحد. كما ظهرت إشارة إلى تطبيق مستقل متاح على macOS، مع انتظار دعم Windows لاحقًا.

خطوات التفعيل جاءت بهذا الترتيب:

  1. تسجيل الدخول إلى ChatGPT بحساب مجاني.
  2. الضغط على خيار "Try in your IDE" من داخل الواجهة.
  3. اختيار بيئة العمل المطلوبة، مثل VS Code.
  4. فتح متجر الإضافات داخل المحرر وتثبيت إضافة Codex.
  5. الضغط على "Sign in with ChatGPT" ليتم تحويلك إلى المتصفح.
  6. اختيار الحساب الشخصي المجاني، ثم تأكيد الربط والعودة إلى المحرر.
  7. تجاوز شاشات البداية السريعة حتى يظهر الشريط الجانبي الخاص بـ Codex.

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

ومن التفاصيل المفيدة أيضًا أن الشريط الجانبي قد لا يظهر لك مباشرة في كل مرة. في هذه الحالة، يكفي فتح أيقونة ChatGPT من الشريط الجانبي داخل VS Code، ثم التأكد من أنك داخل تبويب Codex نفسه، لا تبويب المحادثة العادية. ويمكن مشاهدة الواجهة المباشرة أيضًا عبر صفحة Codex داخل ChatGPT، لكن القيمة الحقيقية تظهر عندما يرتبط بالمشروع داخل المحرر.

كيف تبدأ مشروعك الأول داخل Codex

أبسط جزء في التجربة كان أيضًا أكثرها إقناعًا. البداية تمت من مجلد فارغ تمامًا. تم إنشاء مجلد جديد للمشروع، ثم فتحه داخل VS Code، وبعدها الانتقال إلى لوحة Codex الجانبية لإرسال أول طلب.

الفكرة هنا بسيطة: بدل أن تبدأ بإنشاء ملفات يدويًا، أو إعداد بنية HTML وCSS وJavaScript من الصفر، تكتب وصفًا واضحًا لما تريد، ثم تترك Codex يتعامل مع التنفيذ الأولي. وفي التجربة، كان ChatGPT العادي يُستخدم أولًا للمساعدة في صياغة البرومبت، ثم يُنسخ البرومبت إلى Codex داخل المحرر. هذا يوضح أن الأداتين لا تلغيان بعضهما، بل تكمل إحداهما الأخرى.

ما الذي يظهر داخل لوحة Codex؟

داخل اللوحة، ظهرت عدة خيارات للنماذج. كان هناك نموذج مخصص لـ Codex مع مستويات مثل Medium وHigh وExtra High، إلى جانب نماذج أخرى ضمن قائمة النماذج المتاحة. المستخدم في التجربة اختار مستوى Extra High ليختبر أقصى جودة ممكنة في النسخة المجانية.

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

النسخة المدفوعة، بحسب ما ظهر في الواجهة، تعرض خيارات أكثر. لكن هذا لم يمنع النسخة المجانية من تقديم نتيجة عملية قوية في الاختبارات الأساسية.

ماذا أنشأ في التجربة الأولى؟

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

في هذه التجربة، أنشأ Codex ملف index.html وجمع داخله كل ما يلزم الصفحة من HTML وCSS وJavaScript. هذا الأسلوب مناسب جدًا للتجارب السريعة والنماذج الأولية، لأنه يختصر الوقت ويجعل تشغيل النتيجة مباشرًا. كما أن الصفحة بدت منسقة أكثر مما يتوقعه كثير من المستخدمين من أول محاولة.

ماذا أنشأ في التجربة الثانية؟

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

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

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

حدود الاستخدام في النسخة المجانية وما معناها فعليًا

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

النسخة المجانية قوية، لكنها مرتبطة بحد استخدام أسبوعي واضح.

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

في التجربة، ذُكرت طريقة عملية لمن يريد مواصلة العمل بعد الوصول إلى الحد، وهي تسجيل الخروج ثم الدخول بحساب ChatGPT مجاني آخر للحصول على مساحة استخدام جديدة. هذه ليست ميزة داخلية في Codex بقدر ما هي أسلوب تشغيل اعتمد عليه صاحب التجربة حتى يواصل العمل من دون دفع.

وعلى المستوى العملي، ظهر Codex كوكيل برمجي يمكنه أن يتعامل مع أكثر من نوع من المهام، وليس مجرد مولّد كود بسيط. من أبرز ما ظهر في الاستخدام:

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

وهذه النقطة تفسر الحماس حول Codex. عندما تكون الأداة جزءًا من بيئة التطوير نفسها، تصبح أقرب إلى "عامل مساعد" يتابعك أثناء البناء، بدل أن تكون مجرد نافذة أسئلة وأجوبة.

لماذا بدت النتيجة مقنعة للمبتدئين وأصحاب المشاريع الصغيرة؟

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

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

السبب الثالث أن الأداة تقلّل الحاجز النفسي عند البداية. كثير من الناس يملكون الفكرة لكنهم يتوقفون أمام السؤال المعتاد: من أين أبدأ؟ هنا يظهر دور البرمجة بالأوامر أو "الفايب كودينج". تكتب ما تريده بلغة واضحة، ثم ترى نسخة أولى قابلة للتشغيل. وبعدها تبدأ مرحلة التحسين بدل الوقوف أمام صفحة فارغة.

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

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

هل يستحق ChatGPT Codex المجاني التجربة؟

أقوى ما في هذه التجربة أن Codex لم يظهر كميزة شكلية، بل كأداة قادرة على إنتاج صفحات حقيقية من داخل VS Code بحساب مجاني. هذا وحده كافٍ ليجعل الأداة جديرة بالانتباه، خصوصًا لمن يريد بناء نموذج أولي بسرعة أو اختبار فكرة من دون تعقيد.

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

أكثر ما لفت الانتباه أن صفحة هبوط جيدة يمكن أن تبدأ من مجلد فارغ وبرومبت مكتوب جيدًا، ثم تتحول خلال دقائق إلى نتيجة قابلة للعرض والتطوير. وهذا بالضبط ما يجعل Codex المجاني مهمًا الآن.

خالد الرماح
خالد الرماح
خالد الرماح مدون ليبي صاحب مدونة فوتوماكس هي مدونة متخصصة تقدم محتوى غني وشامل حول أنظمة التشغيل مثل ويندوز، لينكس، والأندرويد.تعتبر هذه المدونة مصدرًا موثوقًا للمعلومات
تعليقات