الترميز الجوي في استوديو Google AI: بناء التطبيقات من المطالبات بلغة طبيعية

المؤلف: Boxu Li

المقدمة

واجهة vibe coding الجديدة في Google AI Studio تمكن المستخدمين من بناء تطبيقات وظيفية بمجرد وصف ما يريدونه، بدلاً من كتابة الشيفرة سطراً بسطر. يشير مصطلح vibe coding (الذي أطلقه الباحث في الذكاء الاصطناعي أندريه كارباتي في عام 2025) إلى سير العمل حيث يتحول دور المطور من كتابة الشيفرة يدوياً إلى توجيه مساعد الذكاء الاصطناعي في عملية محادثة تكرارية[1]. مع دمج هذا النهج الآن في AI Studio، تهدف Google إلى جعل تطوير التطبيقات الذكية متاحاً للجميع - من المبرمجين المخضرمين إلى المبتدئين بالكامل. في الحقيقة، وضعت Google هدفاً طموحاً بإنشاء مليون تطبيق ذكاء اصطناعي على AI Studio بحلول نهاية العام، مما يضع vibe coding كمحرك لتحقيق هذا النطاق[2]. هذا الإطلاق يعتبر خطوة كبيرة في استراتيجية Google لجعل إنشاء التطبيقات المدعومة بالذكاء الاصطناعي "شائعاً مثل بناء موقع ويب"[3]، مما يخفض الحواجز أمام الطلاب ورواد الأعمال وغير المبرمجين على حد سواء.

كيف تعمل برمجة Vibe في AI Studio

في وضع البناء في AI Studio، يصبح إنشاء التطبيق محادثة تفاعلية مع الذكاء الاصطناعي. تبدأ بوصف، بلغة طبيعية، التطبيق الذي تريد إنشاؤه - على سبيل المثال، "إنشاء مساعد تخطيط حديقة يتيح لي رسم تخطيط ثم يقترح النباتات لكل منطقة". يقوم الذكاء الاصطناعي (باستخدام نموذج Gemini من جوجل بشكل افتراضي) بفهم هذا الطلب عالي المستوى ويولد تلقائيًا النسخة الأولى من التطبيق، بما في ذلك واجهة المستخدم، والكود اللازم (الواجهة الأمامية والخلفية)، وحتى هيكل ملفات المشروع[5]. من هناك، يمكنك تحسين التطبيق بشكل تكراري من خلال الحوار أو التعديلات المباشرة. إذا كان هناك شيء لا يعمل كما هو مطلوب أو يحتاج إلى تحسين، ببساطة تخبر الذكاء الاصطناعي بما يجب تغييره (أو الانتقال إلى محرر الكود لتعديله يدويًا)، وسيقوم الذكاء الاصطناعي بتحديث الكود وفقًا لذلك[6]. تستمر حلقة الإرشاد-التوليد-التحسين حتى تكون راضيًا عن النتيجة. الأهم من ذلك، يدعم AI Studio كلا النهجين البرمجي وغير البرمجي معًا – يمكن للمستخدمين غير التقنيين الاعتماد تمامًا على التعليمات بلغة طبيعية، بينما يمكن للمطورين فحص وضبط كود React/TypeScript أو Python المولد حسب الحاجة[7][8]. بمجرد أن يبدو التطبيق جيدًا، يكون النشر مجرد نقرة واحدة: يدمج AI Studio نشرًا بنقرة واحدة إلى Google Cloud Run، مما يستضيف تطبيقك فورًا على عنوان URL مباشر للاختبار أو المشاركة[9][10]. باختصار، يمكن عرض سير عمل البرمجة التفاعلية في AI Studio في خطوات عريضة قليلة:

1. الابتكار (التلقين): صف غرض التطبيق بالكامل وميزاته في جملة واحدة على مستوى عالٍ. على سبيل المثال: "أنشئ تطبيق تتبع الميزانية الشخصية مع رسم بياني للمصروفات حسب الفئة وروبوت دردشة يقدم نصائح للتوفير." [11][12]
2. الإنشاء: يقوم الجزء الخلفي من AI Studio (Gemini 2.5 Pro وAPIs ذات الصلة) بإنشاء النسخة الأولية من التطبيق - بناء تخطيط واجهة المستخدم، وكتابة منطق الواجهة الأمامية (مثل مكون React)، وإعداد أي مسارات خلفية أو استدعاءات API مطلوبة، وتجميع ملفات المشروع [13][5]. يحدث هذا عادةً في غضون دقائق قليلة للتطبيقات البسيطة، وغالبًا في ثوانٍ فقط.
3. الاختبار والمعاينة: يتم تحميل التطبيق في لوحة المعاينة التفاعلية مباشرة في متصفحك. يمكنك التفاعل معه فورًا لرؤية كيفية عمله. (تحت الغطاء، يعمل التطبيق في بيئة معزولة - لا حاجة لإعداد يدوي أو خوادم لهذه المعاينة [14].)
4. التحسين: من خلال المحادثة أو تحرير الكود مباشرة، تقوم بتحسين التطبيق. قد تقول، "أضف الآن صفحة تسجيل الدخول" أو "اجعل الرسم البياني يستخدم ألوانًا مختلفة،" وسيقوم الذكاء الاصطناعي بتطبيق هذه التغييرات عن طريق تعديل الكود [15][7]. يمكن لمساعد AI Studio أيضًا تصحيح الأخطاء أو إضافة ميزات جديدة عند الطلب. تتيح لك هذه الدورة التكرارية تحسين وظيفة التطبيق تدريجياً وحل المشكلات بطريقة طبيعية.
5. النشر: بمجرد الرضا، يمكنك نشر التطبيق مباشرة باستخدام تلميح نهائي أو بنقرة واحدة. يتولى AI Studio تعبئة ونشر الكود إلى منصة قابلة للتوسع (Google Cloud Run) خلف الكواليس [16][9]. والنتيجة هي رابط ويب للتطبيق الحي يمكنك مشاركته أو مواصلة تطويره.

طوال هذه العملية، تحتفظ بالسيطرة: يمكنك دائمًا مراجعة الشفرة المولدة، اختبار سلوك التطبيق، والتأكد من أنه يلبي احتياجاتك قبل النشر. هذا المزيج من السهولة على مستوى عالٍ والشفافية على مستوى منخفض هو ما يجعل البرمجة بالجو في استوديو الذكاء الاصطناعي قوية للمبتدئين والمطورين ذوي الخبرة على حد سواء. تقارن جوجل ذلك بوجود مساعد برمجة ذكاء اصطناعي أو مساعد طيار يتولى الأعمال الروتينية والمهام الشاقة بينما تركز على توجيه “الجو” للتطبيق – الفكرة وتجربة المستخدم التي تتصورها[17][18].

الميزات الرئيسية لواجهة البرمجة بالجو

بيئة ترميز جوجل AI Studio تأتي مع مجموعة متنوعة من الميزات وعناصر واجهة المستخدم التي تجعل رحلة التحويل من الموجه إلى التطبيق سلسة وبديهية. بعض القدرات الرئيسية تشمل:

• محدد النماذج والميزات: قبل التحفيز، يتيح لك علامة البناء تكوين النماذج والخدمات الذكية التي سيستخدمها تطبيقك. بشكل افتراضي، يتم اختيار Gemini 2.5 Pro (نموذج لغوي عام)، ولكن يمكنك دمج وحدات متخصصة بنقرة واحدة - على سبيل المثال، Imagen لتوليد الصور، Veo لفهم الفيديو، نماذج أصغر مثل Nano Banana للمهام المحددة، أو حتى تفعيل تكامل Google Search[19][20]. يتم تقديم هذه "القوى الخارقة الذكية" كوحدات يمكن تبديلها بسهولة، حتى تتمكن من القول، تضمين التعرف على الصور أو استخدام بيانات البحث على الويب، وسيقوم النظام بدمج هذه القدرات في شفرة التطبيق المولدة. يعترف Gemini بهذه المكونات ويربطها معًا أثناء تجميع التطبيق[20][21]. هذا يعني أن التطبيقات المعقدة متعددة الوسائط (مثل روبوت دردشة صوتي يمكنه أيضًا عرض الصور أو الخريطة) يمكن إنشاؤها بسهولة.
• إدخال الأوامر بلغة طبيعية: جوهر الترميز الحيوي هو مربع الأوامر - ببساطة اكتب ما تريد أن يفعله التطبيق باللغة الإنجليزية العادية (أو أي لغة مدعومة). على سبيل المثال: “أنشئ لعبة اختبار تفاعلية تسألني أسئلة رياضية وتقدم تعليقات باستخدام معلم ذكاء اصطناعي”. قد يوفر النظام أيضًا نماذج أو أمثلة للأوامر لإرشادك (مثل أمر بدء "مولد الوصفات باستخدام Gemini")[22]. لا تحتاج إلى تحديد التفاصيل التقنية مثل الأطر أو بناء الجملة - الذكاء الاصطناعي يحدد المكدس التقني اللازم (غالبًا React + TypeScript لواجهات الويب، بالإضافة إلى أي منطق خلفي) بناءً على وصفك[12]. هذا يقلل من الحواجز حتى يمكن للمبرمجين غير الفنيين البدء في تطوير التطبيقات من خلال وصف أفكارهم.
• واجهة مزدوجة للدردشة والشفرة: بمجرد إنشاء تطبيق، يقسم AI Studio العرض إلى محرر ذو لوحتين. على الجانب الأيسر، لديك واجهة دردشة مع مساعد الذكاء الاصطناعي (Gemini). هنا يمكنك طرح أسئلة حول الشفرة، طلب تغييرات أو ميزات جديدة، والحصول على تفسيرات. على الجانب الأيمن، سترى محرر شفرة المشروع الكامل مع علامات التبويب للملفات (للواجهة الأمامية، الخلفية، ملفات التكوين، إلخ)[23]. يأتي كل ملف مع تلميحات أو أوصاف موجزة لغرضه (مفيد للمبتدئين الذين يتعلمون ما هي الأشياء مثل App.tsx أو constants.ts)[24]. يمكنك تحرير الشفرة مباشرة في هذا اللوحة - على سبيل المثال، قد يقوم المطور بضبط التنسيق في ملف CSS أو تعديل قيمة مضمنة. يمكن اختبار جميع التغييرات فوراً في العرض المباشر. هذه الواجهة المنقسمة تخدم كلا الجمهورين: غير المبرمجين يمكنهم البقاء في الدردشة "الحيوية" لتوجيه التغييرات، بينما يمكن للمبرمجين الغوص في قاعدة الشفرة الفعلية عند الحاجة[7].
• اقتراحات ذكية مدركة للسياق: لا ينتظر AI Studio فقط تعليماتك - بل يقدم اقتراحات ذكية للتحسينات. يقوم نموذج Gemini بتحليل التطبيق الحالي وقد يقترح تحسينات ذات صلة عبر ميزة Flashlight[25][26]. على سبيل المثال، إذا كنت قد أنشأت تطبيق معرض صور، فقد يقترح "إضافة ميزة لعرض تاريخ الصور التي تم استعراضها مؤخرًا"[25]. تظهر هذه الاقتراحات في الواجهة لإرشادك لما يجب تجربته بعد ذلك، مثل مدير منتج ذكي يقدم أفكارًا. يمكنك قبول اقتراح بنقرة واحدة لتمكين الذكاء الاصطناعي من تنفيذه، أو تجاهله. هذا يساعد المستخدمين على اكتشاف الوظائف التي قد لم يفكروا فيها، ويعرض قدرة الذكاء الاصطناعي على تحسين المشروع بشكل تكراري.
• مولد أوامر "أشعر بالحظ": لتحفيز الإبداع أو المساعدة عندما لا تكون متأكدًا مما تبنيه، أضافت Google زرًا مرحًا أشعر بالحظ[27]. كل ضغطة على هذا الزر تولد مفهوم تطبيق عشوائي مكتمل بأمر وتشكيلة مسبقة من ميزات الذكاء الاصطناعي. قد يقترح شيئًا غريبًا أو خاصًا - مثل "مصمم حديقة الأحلام الذي يستخدم توليد الصور لتصور الفناء الخلفي الخاص بك" أو "لعبة تريفيا مع مضيف ذكاء اصطناعي يمزح معك"[28]. هذه نقاط انطلاق وظيفية بالكامل؛ سيقوم النظام بتجميع التطبيق المقترح فعليًا إذا تابعت. أوضح لوجان كيلباتريك، رئيس منتج Google AI Studio، أن هذه الميزة تشجع على الاستكشاف: "تحصل على تجارب رائعة ومختلفة قد لم تكن قد أنشأتها بخلاف ذلك"[29]. إنها طريقة بنقرة واحدة لرؤية فن الممكن وربما اكتشاف فكرة تطبيقك الكبير التالية.
• المتغيرات السرية ومفاتيح API: العديد من التطبيقات المفيدة تحتاج إلى استدعاء واجهات برمجة التطبيقات الخارجية أو الخدمات (على سبيل المثال، قد يستدعي تطبيق الطقس واجهة برمجة تطبيقات الطقس). يتضمن AI Studio الآن خزانة المتغيرات السرية لتخزين مفاتيح API أو بيانات الاعتماد الحساسة الأخرى بأمان داخل مشروعك[30][31]. هذا يعني أنه يمكنك تحفيز الذكاء الاصطناعي لتكامل خدمة خارجية (قل، "الحصول على أسعار الأسهم الفورية من AlphaVantage API") دون ترميز المفتاح السري في الشفرة. تضيف مفتاح API في واجهة الأسرار، ويعرف الذكاء الاصطناعي الإشارة إليه بأمان. هذه الميزة حاسمة لتحويل النماذج الأولية إلى تطبيقات جاهزة للإنتاج، حيث تدعم الممارسات الأمنية الجيدة حتى في الشفرة المولدة بواسطة الذكاء الاصطناعي.
• أدوات تحرير واجهة المستخدم الدقيقة: بينما يمكنك دائمًا وصف تغييرات واجهة المستخدم بالنص (مثل "جعل الزر أزرق"), يتيح لك AI Studio أيضًا التفاعل بشكل مباشر أكثر مع المعاينة. يمكنك النقر على عنصر واجهة مستخدم في المعاينة والتعليق عليه بتعليمات لـ Gemini[32]. على سبيل المثال، قد تختار رأسًا وتقول "اجعل هذا العنوان أكبر وقم بتمركزه". سيعرف الذكاء الاصطناعي العنصر ويعدل الشفرة المقابلة (HTML/CSS) لتنفيذ التغيير[33]. هذه ميزة قوية تربط بين التحرير المرئي وتحرير الشفرة بواسطة الذكاء الاصطناعي - يشعر وكأنه تحدث إلى واجهتك لتخصيصها. يقلل من الحاجة إلى البحث في الشفرة عن تحسينات التنسيق أو التخطيط؛ بدلاً من ذلك، تشير إلى الشاشة وتخبر الذكاء الاصطناعي بما تريده هناك.
• نشر بنقرة واحدة: عندما يكون تطبيقك جاهزًا، فإن نشره بسيط للغاية. يتكامل AI Studio مع Google Cloud Run لتوفير نشر بنقرة واحدة إلى السحابة[10]. مع إجراء واحد داخل الاستوديو، يتم وضع تطبيقك (الواجهة الأمامية والخلفية) في حاوية وإطلاقه على بنية Google التحتية، وتحصل على عنوان URL مباشر يمكن للآخرين الوصول إليه. هذا يلغي الخطوات التقليدية المعقدة لإعداد الخوادم أو الاستضافة. في عرض Google، تم نشر تطبيق دردشة AI كامل الوظائف في أقل من خمس دقائق من البداية إلى النهاية باستخدام واجهة الاستوديو والأوامر فقط[34]. للتطبيقات الخفيفة أو النماذج الأولية، لا تحتاج حتى إلى بطاقة ائتمان في الملف - تتيح لك الطبقة المجانية من AI Studio البناء والاختبار بحرية، مع الحاجة فقط إلى خطة مدفوعة إذا قمت بتفعيل نماذج متقدمة معينة (مثل أكبر نموذج فيديو) أو إذا كنت تريد التوسع في الإنتاج[35][36]. الفلسفة هنا هي “ابنِ مجانًا، ادفع عندما تنمو”، حتى يتمكن المصممون من التجربة دون عوائق ولكن لا يزال لديهم مسار لاستضافة على مستوى المؤسسة عند الحاجة[37].
• التصدير والتعاون: بالإضافة إلى النشر على Cloud Run، يوفر AI Studio خيارات متعددة لإدارة أو مشاركة مشروعك. يمكنك حفظ الشفرة الكاملة إلى مستودع GitHub الخاص بك بنقرات قليلة، تحميل المشروع كملف مضغوط، أو حتى استنساخ التطبيق داخل معرض AI Studio لإعادة التشكيل[38]. هذا يعني أنك لست محبوسًا - الشفرة ملكك للتفتيش والاستخدام خارج المنصة أيضًا. كما يشير إلى ميزات المجتمع المستقبلية: معرض التطبيقات يعرض أمثلة للتطبيقات والقوالب (حاليًا من Google ومنشآتك السابقة، مع خطط لتضمين التطبيقات المشاركة من المستخدمين في المستقبل)[39]. قد يتطور هذا المعرض إلى نوع من متجر التطبيقات أو مركز مجتمع حيث يمكن للناس اكتشاف تطبيقات AI Studio، التعلم منها، والبناء على أعمال بعضهم البعض، مما يعزز التطوير من خلال المشاركة.

البرمجة بالاهتزاز في العمل: من الموجه إلى النموذج الأولي

لا يوجد ما يوضح قدرات AI Studio أفضل من مشاهدة جلسة ترميز فيب في العمل. شارك فريق جوجل والمستخدمون الأوائل عدة عروض توضيحية تُظهر كيف يمكن لفكرة أن تصبح تطبيقًا عمليًا بسرعة. على سبيل المثال، أظهر أحد موظفي جوجل تطبيقًا لمساعد تخطيط الحدائق تم تجميعه في بضع نقرات: أدخل هذا الطلب والنظام أنشأ تطبيقًا كاملاً بأداة تخطيط بصرية ومُوصي نباتات حواري، وكل ذلك في لحظات. في عرض رسمي آخر، تم بناء وتشغيل بوت محادثة كامل الوظائف (بقاعدة معرفة مخصصة) في أقل من 5 دقائق - كل ذلك عبر تعليمات باللغة الطبيعية وتبديل الميزات، دون أي ترميز يدوي. هذه النتائج السريعة تؤكد إنتاجية ترميز فيب: ما كان يستغرق أيامًا من البرمجة يمكن الآن أن يحدث خلال استراحة القهوة.

كتجربة عملية، قام مراسل من VentureBeat باختبار AI Studio من خلال طلب لعبة بسيطة. وجه Gemini بوصف: “تطبيق ويب لرمي النرد بشكل عشوائي حيث يمكن للمستخدم اختيار نرد مختلف (مثل d6، d20، إلخ)، مشاهدة دوران النرد بشكل متحرك، واختيار لون النرد.” في غضون 65 ثانية فقط، أنتج AI Studio تطبيق ويب عملي يلبي تلك المواصفات[42][43]. تميز التطبيق المُنتَج بواجهة مستخدم نظيفة (بُنيت باستخدام React، TypeScript، وTailwind CSS) حيث يمكنك اختيار نرد بـ6 أو 10 أو 20 جانبًا، تخصيص لونه، والنقر على زر لتدويره. كان النرد يدور بشكل متحرك ويعرض نتيجة عشوائية في كل مرة – تمامًا كما طُلب. النظام لم يقتصر على إنشاء ملف كود واحد؛ بل أنشأ مشروعًا منظمًا يتضمن مكونات متعددة (مثل App.tsx للواجهة الرئيسية، constants.ts لبيانات النرد، ووحدات منفصلة لمنطق التدوير والتحكمات)[44]. هذا الخرج المعياري يُظهر أن الذكاء الاصطناعي لا يجمع كودًا هزيلًا، بل يهيكل التطبيق بطريقة نظيفة وقابلة للصيانة مشابهه لما قد يقوم به مطور بشري. قرر المراسل بعد ذلك تحسين التطبيق بإضافة مؤثرات صوتية عند رمي النرد. ببساطة أخبر الذكاء الاصطناعي بفكرته، ومع متابعة واحدة، كتب المساعد الكود الإضافي لتشغيل صوت عند كل رمية – ودمجه بسلاسة في قاعدة الكود الحالية[44]. كل هذا حدث ضمن علامة تبويب واحدة في متصفح الويب، دون كتابة أي كود يدويًا. مثل هذه الأمثلة تبرز مدى سرعة وتكرارية عملية التطوير باستخدام البرمجة التفاعلية: تصف فكرة، تحصل على نموذج أولي قابل للاستخدام تقريبًا على الفور، ثم تحسنه من خلال المحادثة مع الذكاء الاصطناعي.

من الجدير بالذكر أنه رغم أن هذه العروض التوضيحية مثيرة للإعجاب، إلا أن المطور البشري لا يزال يلعب دورًا مهمًا في مراجعة وتوجيه النتيجة. قد تحتاج التطبيقات المولدة من AI Studio أحيانًا إلى تعديلات لحالات الحافة أو الأداء، خاصة في المشاريع الأكثر تعقيدًا. تشجع فلسفة برمجة الفايب على نهج الإنسان في الحلقة للاستخدام المهني – حيث تترك للذكاء الاصطناعي التعامل مع الأعمال الثقيلة في البداية، ثم تقوم أنت بالتحقق من الوظائف، وضبط أي تفاصيل، وضمان أن المنتج النهائي يلبي معايير الجودة والأمان [45][16]. في الممارسة، يذكر المستخدمون الأوائل أن مزيج الاقتراحات الذكية والوصول المباشر إلى الكود يجعل عملية المراجعة هذه بديهية إلى حد كبير [46]. النتيجة النهائية: يمكن لـ AI Studio تقديم تطبيق يعمل في دقائق، ومع قليل من توجيه المستخدم والتلميع، يمكن لهذا النموذج الأولي أن يتطور بسرعة إلى تطبيق جاهز للإنتاج.

أمثلة على التطبيقات التي يمكنك بناؤها (مع المطالبات)

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

1. قائمة المهام الشخصية مع اقتراحات ذكية – تطبيق ويب بسيط لتتبع المهام، محسن بواسطة الذكاء الاصطناعي. على سبيل المثال، يمكن للتطبيق تحليل مهامك واقتراح تذكيرات أو مهام فرعية.
   1. الموجه: "قم ببناء تطبيق قائمة مهام مستند إلى الويب. يجب أن يسمح لي بإضافة وتحرير والتحقق من المهام. قم بتضمين مساعد ذكاء اصطناعي يقترح مواعيد نهائية أو يقسم المهام إلى خطوات أصغر. يجب أن تكون الواجهة نظيفة ومتوافقة مع الأجهزة المحمولة."
      • هنا، سيقوم Gemini بإنشاء واجهة إدارة المهام واستخدام تفكيره لتقديم نصائح – مثلًا إذا أضفت "تخطيط للعطلة"، قد يقترح الذكاء الاصطناعي مهام فرعية مثل "حجز الرحلات".
   2. الناتج: https://ai.studio/apps/drive/1_ow-8TYDMWxms56bzQ-QKHsNWCA_F0fr
2. المخطط ودليل الخريطة – مخطط مسار سفر متوافق مع الأجهزة المحمولة يدمج بيانات الخرائط. يمكنه استخدام خرائط Google والمعلومات في الوقت الفعلي.
   1. السفر
   2. الموجه: "قم بإنشاء تطبيق مخطط سفر لرحلة مدينة. يدخل المستخدم مدينة وينشئ التطبيق خطة لمدة 3 أيام تتضمن معالم سياحية ومطاعم وفنادق لكل يوم. قم بتضمين خريطة تفاعلية تحدد كل مكان موصى به، واسمح للمستخدم بالنقر على مكان للحصول على التفاصيل (باستخدام البيانات الحية أو البحث). اجعل التصميم متجاوبًا للاستخدام على الهاتف."
      • في هذا السيناريو، قد يستخدم الذكاء الاصطناعي مجموعة من أداة البحث في Google وخرائط API للحصول على الأماكن الشعبية، ثم عرضها على مكون الخريطة. دعم واجهة برمجة Vibrating Coding لمفاتيح API الخارجية (من خلال المتغيرات السرية) سيمكن من استخدام شيء مثل Google Places API بأمان[31]. النتيجة هي تطبيق يشبه مرشد سياحي شخصي، تم إنشاؤه فقط بوصف الفكرة.
   3. الناتج: https://ai.studio/apps/drive/1QO0OnH8vjUZuX3e1IqtQ4-1pqSZYAJLO
3. لوحة بيانات تفاعلية – لوحة تحليلات تحول البيانات إلى رسوم بيانية ونتائج. على سبيل المثال، قد يرغب مشروع صغير في تصور أرقام المبيعات.
   1. الموجه: "قم ببناء تطبيق لوحة بيانات لتحليلات المبيعات. يجب أن يحتوي على تحميل ملف CSV لبيانات المبيعات. عند تحميل البيانات، يعرض التطبيق ملخصًا (إجمالي المبيعات، متوسط قيمة الطلب) وينشئ رسمين بيانيين: رسم خطي للمبيعات الشهرية مع مرور الوقت، ورسم دائري للمبيعات حسب فئة المنتج. قم بتضمين ملخص AI أسفل الرسوم البيانية يبرز أي اتجاهات أو شواذ بلغة بسيطة."
      • باستخدام هذا الموجه، من المحتمل أن ينتج AI Studio لوحة متعددة الألواح. قد يتضمن مكتبة رسومات مثل Chart.js أو D3 لرسم الرسوم البيانية، ويستخدم تفكير Gemini لإنتاج ملخص نصي (مثل "ارتفعت المبيعات في يوليو بسبب ترويج صيفي"). يوضح هذا كيف يمكن لتشفير Vibe التعامل مع تصور البيانات التفاعلي من خلال دمج البرمجة لعناصر واجهة المستخدم (إدخال الملفات، قماش للرسوم البيانية) مع تحليل AI للبيانات. يمكن بناء هذه اللوحات وتعديلها بجهد أقل بكثير من أدوات BI التقليدية – وبدون كتابة المستخدم لرموز رسم الرسوم البيانية بنفسه.
   2. الناتج: https://ai.studio/apps/drive/1qW2V3lfyEF0QDDXQxuYCF0O90QdL3_uB
4. بطاقات دراسية مدعومة بالذكاء الاصطناعي – لعبة تعليمية صغيرة للطلاب. يمكن لهذا التطبيق اختبار المستخدم والتكيف مع أدائه.
   1. الموجه: "قم بإنشاء تطبيق اختبار بطاقات تعليمية لتعلم اللغات. يجب أن يختبر التطبيق المستخدم على كلمات المفردات باللغة الإسبانية. تعرض كل بطاقة كلمة إنجليزية، ويجب على المستخدم إدخال الترجمة الإسبانية. يجب على التطبيق إخبارهم إذا كانوا على صواب أم خطأ، والحفاظ على النقاط. أضف وضع المعلم AI: إذا كان المستخدم مخطئًا، يجب أن يقدم الذكاء الاصطناعي تلميحًا أو تفسيرًا موجزًا. استخدم تصميمًا بسيطًا وملونًا وتأكد من أنه يعمل على الأجهزة المحمولة."
      • في هذا السيناريو، قد يتضمن التطبيق المولد مجموعة من أزواج الأسئلة والإجابات المحددة مسبقًا (التي يمكن تحسينها أو توسيعها)، مربع إدخال للإجابات، ومنطق للتحقق من الصحة. الجزء المثير هو المعلم AI: يمكن تهيئة Gemini (خلف الكواليس) لتوليد تلميح مفيد أو وسيلة مساعدة عندما يرتكب المستخدم خطأ، مما يجعل تجربة التعلم أكثر تفاعليةً. توضح هذه المثال فئة من التطبيقات التعليمية/الألعاب الصغيرة – حيث يمكن لتطبيقات Vibe-coding التألق من خلال دمج ردود فعل AI الديناميكية التي تفتقر إليها تطبيقات البطاقات التعليمية التقليدية.
   2. الناتج: https://ai.studio/apps/drive/1rpxIsuwLz7cqypH9oYjGCwSIh5PBKXxL
5. باحث الوصفات مع شيف AI – مساعد طبخ يقترح الوصفات بناءً على المكونات المتاحة.
   1. الموجه: "قم ببناء تطبيق باحث عن الوصفات. يمكن للمستخدم إدخال أو اختيار المكونات التي لديه (مثل 'دجاج، طماطم، ريحان')، وسيجد التطبيق الوصفات التي تستخدم هذه المكونات. يجب عرض قائمة اقتراحات الوصفات بالعناوين والصور والأوصاف المختصرة. أضف شيف AI دردشة يمكن للمستخدم أن يسأله عن نصائح الطهي أو البدائل (على سبيل المثال، 'ليس لدي زبدة، ماذا يمكنني أن أستخدم بدلاً من ذلك؟'). يجب أن يكون التطبيق ذو تصميم جذاب لعشاق الطعام."
      • يجمع هذا الفكرة بين عدة عناصر: واجهة اختيار المكونات، وربما استدعاءات لواجهة برمجة تطبيقات الوصفات (لجلب وصفات حقيقية – يمكن استخدام مفتاح API من خدمة مثل Spoonacular، يُدار عبر المتغيرات السرية)، وشخصية دردشة متكاملة ("شيف AI") باستخدام نموذج Gemini للإجابة على الأسئلة الطهي. قدرة AI Studio المتعددة الوسائط تعني أنه يمكنك حتى تمكين Imagen لتوليد صورة لكل طبق مقترح إذا لم يكن هناك رابط صورة متاح، مما يجمع بين الإبداع والفائدة حقًا. من منظور Vibe-coding، يُظهر هذا المثال كيف يمكنك توجيه AI لدمج استرجاع البيانات، وتوليد الصور، وأسئلة وأجوبة المحادثات في تطبيق واحد – كل ذلك من خلال موجه واحد وتحسينات لاحقة.
   2. الناتج: https://ai.studio/apps/drive/19VWB2qpa7bEtFB8hAjsQfSpJ6SPmf5KC

يمكن بناء كل من الأمثلة المذكورة أعلاه في AI Studio ببضع تعليمات واختيارات فقط، ثم تحسينها تدريجيًا. إنها توضح نطاق التطبيقات التي يمكن لتقنية vibe coding التعامل معها - بدءًا من الأدوات الوظيفية البسيطة على الويب وصولاً إلى الألعاب التعليمية التفاعلية والأدوات الإبداعية المحسنة بالذكاء الاصطناعي. الخيط المشترك هو أنك، بصفتك المبدع، تركز على فكرة المنتج وتجربة المستخدم، بينما يتولى الذكاء الاصطناعي تحويل تلك الرؤية إلى كود يعمل.

الأفكار النهائية

يمثل واجهة الترميز في Google AI Studio تطورًا كبيرًا في كيفية بناء البرمجيات. من خلال تحويل أوصاف اللغة الطبيعية إلى تطبيقات قيد التشغيل، يمكن لقاعدة أوسع بكثير من الجمهور إنشاء حلول تقنية دون الحاجة إلى خبرة عميقة في الترميز. بالنسبة لقائد منتج أو مطور، يفتح هذا حلقة نماذج أولية جديدة وأسرع - يمكنك اختبار الأفكار فورًا من خلال بناء منتج أولي قابل للاستخدام في دقائق. من تطبيقات الويب والأدوات الصديقة للهواتف إلى لوحات البيانات والألعاب الصغيرة، يتوسع نطاق ما هو ممكن باستمرار مع دمج Google المزيد من أدوات الذكاء الاصطناعي الخاصة بها (ومع ظهور نماذج أكبر مثل Gemini 3 على المنصة). في حين أن التطوير التقليدي لن يختفي، فإن الترميز بالتفاعل يعززه بنهج يعتمد على الذكاء الاصطناعي: تقوم بتحديد الرؤية و"توجيه" الذكاء الاصطناعي، وفي المقابل تحصل على تطبيق وظيفي يمكنك بعد ذلك تحسينه وتوسيع نطاقه. هذه التآزر بين الإبداع البشري وقدرات الذكاء الاصطناعي هو في صميم Google AI Studio. المنصة لا تزال تتطور (مع المزيد من الميزات الموعودة في الأشهر القادمة)، ولكن من الواضح بالفعل أن الترميز بالتفاعل لديه القدرة على تسريع الابتكار وخفض الحاجز أمام تحقيق أفكار التطبيقات الجديدة. في عالم تكون فيه السرعة وسهولة الوصول هي المفتاح، يمكن أن يكون رهان Google على الترميز بالتفاعل - السماح للناس بالبناء من خلال الدردشة - بمثابة تغيير قواعد اللعبة في تطوير البرمجيات.

المصادر: توثيق Google Cloud وAI Studio[51][52]; News9live (أكتوبر 2025)[53][10]; VentureBeat (أكتوبر 2025)[54][43]; SiliconANGLE (أكتوبر 2025)[49][55]; TestingCatalog (أكتوبر 2025)[4][56]; مدونة Learn Prompting (سبتمبر 2025)[5][6].

[1] [11] [13] [15] [16] [17] [18] [45] [51] [52] شرح البرمجة بالجو: أدوات وإرشادات | Google Cloud

https://cloud.google.com/discover/what-is-vibe-coding

[2] [3] [7] [10] [12] [20] [26] [31] [34] [47] [53] تضيف Google ترميز "فايب" إلى AI Studio: بناء التطبيقات من خلال الدردشة مع الذكاء الاصطناعي | أخبار الذكاء الاصطناعي - News9live

https://www.news9live.com/technology/artificial-intelligence/google-vibe-coding-explained-build-apps-fast-2898950

[4] [21] [32] [39] [48] [56] تقوم جوجل بتجديد استوديو الذكاء الاصطناعي بميزات جديدة لبرمجة الفايب

https://www.testingcatalog.com/google-revamps-ai-studio-with-new-features-for-vibe-coding/

[5] [6] [8] [22] ابتكر تطبيقك القادم المدعوم بالذكاء الاصطناعي في Google AI Studio

https://learnprompting.org/blog/ai-studio-build-mode?srsltid=AfmBOor93SD7PWwyeR5_MHEhpwSCEEtZA6HWD1KEmC4nWxIJEFMxkMSr

[9] [30] [33] [49] [50] [55] جوجل تتبنى البرمجة النابضة بالحياة مع أحدث إصدار من منصة تطوير تطبيقات AI Studio - SiliconANGLE

https://siliconangle.com/2025/10/21/google-embraces-vibe-coding-latest-version-ai-studio-app-development-platform/

[14] البرمجة بتقنية الفايب مجانًا عبر الإنترنت مع Google AI Studio: أي شخص يمكنه بناء التطبيقات! | بقلم أبيش بيوس | الكتابة في عالم الذكاء الاصطناعي | سبتمبر، 2025 | Medium

https://medium.com/chat-gpt-now-writes-all-my-articles/free-online-vibe-coding-with-google-ai-studio-anyone-can-build-apps-a303e7a1c664

تجربة استوديو الذكاء الاصطناعي الجديدة من Google تسمح لأي شخص ببناء ونشر التطبيقات مباشرة في دقائق | VentureBeat

https://venturebeat.com/ai/googles-new-vibe-coding-ai-studio-experience-lets-anyone-build-deploy-apps