إنشاء ميزات جديدة باستخدام الذكاء الاصطناعي المضمَّن في Chrome

Thomas Steiner

تاريخ النشر: 26 مايو 2026

هذه المشاركة هي ملخّص للمحاضرة التي ألقاها "توماس شتاينر" في مؤتمر Google I/O 2026.

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

تعاونّا مع Build Awesome (المعروفة سابقًا باسم Eleventy) لإصدار نموذج مدوّنة يتضمّن جميع ميزات الذكاء الاصطناعي المذكورة في العرض التقديمي.

لماذا يجب استخدام ميزات الذكاء الاصطناعي المضمَّنة؟

  • فعّالة من حيث التكلفة: لا تتكبّد أي تكلفة استنتاج في السحابة الإلكترونية، ويتم إجراء جميع العمليات الحسابية على أجهزة المستخدمين المتوافقة.
  • الخصوصية أولاً: لا تغادر البيانات الحسّاسة المتصفّح أبدًا.
  • وظائف بلا اتصال بالإنترنت: بعد تنزيل النموذج، تعمل ميزات الذكاء الاصطناعي بدون اتصال بالإنترنت.
  • الأداء: تتيح ميزة "تسريع الأجهزة" للنماذج التي تعمل على الجهاز فقط أن تنافس سرعات السحابة الإلكترونية (بل وتتفوق عليها أحيانًا).
  • الاستنتاج المختلط: باستخدام أدوات التعبئة والملء وأدوات مثل Firebase AI Logic، يمكنك الرجوع إلى السحابة الإلكترونية على الأجهزة غير المتوافقة (مثل الأجهزة الجوّالة) مع الحفاظ على الأداء الأصلي على أجهزة الكمبيوتر.

ميزات الذكاء الاصطناعي لتطبيقات الويب الحديثة

‫Summarizer API

يستخدم محرّر trAIlblazers واجهة برمجة التطبيقات Summarizer لإنشاء عناوين وأوصاف تعريفية متوافقة مع محركات البحث تلقائيًا.

مثال: إنشاء عنوان

const blogPost = document.querySelector('.article-body').innerText;
const summarizer = await Summarizer.create({
  type: 'headline',
  sharedContext: 'Write headlines that make people want to read the blog post',
});

for await (const chunk of summarizer.summarizeStreaming(blogPost)) {
  headline.append(chunk);
}

‫Prompt API (مع ناتج منظَّم)

هل تحتاج إلى بيانات محدّدة؟ باستخدام مخطط JSON مع واجهة برمجة التطبيقات Prompt API، يمكنك جعل الذكاء الاصطناعي يعرض تنسيقات يمكن توقّعها. يستخدم فريق trAIlblazers هذه الأداة في ما يلي:

  • إنشاء العلامات: اقتراح فئات مثل "مغامرة" أو "شاطئ" من قائمة محددة مسبقًا
  • الإشراف على التعليقات: تصنيف التعليقات على أنّها "آمنة" أو "مسيئة" قبل نشرها

سهولة استخدام الوسائط

يُسهّل المحرّر "الأجزاء الصعبة" من Markdown. عند إسقاط صورة، تحلّل Prompt API (التي تتضمّن إدخالاً متعدد الوسائط) وحدات البكسل لإنشاء نص بديل يسهل الوصول إليه وشرح للصور يتضمّن معلومات مفيدة.

الكتابة وإعادة الكتابة

باستخدام واجهتَي برمجة التطبيقات Writer وRewriter، يمكن للمستخدمين توسيع النقاط إلى فقرات كاملة وتغيير أسلوب الفقرة إلى "أكثر بساطة" أو "أقصر" بنقرة واحدة.

الترجمة السلسة

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

مثال على عمل واجهة برمجة التطبيقات Translator API
يمكنك إنشاء مسودّة محتوى باستخدام Translator API باللغة الإنجليزية وترجمتها على الفور إلى الإسبانية واليابانية.

قصص نجاح واقعية

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

  • ‫Drupal: تستخدم واجهة برمجة التطبيقات Summarizer API لإنشاء علامات تحسين محرّكات البحث ضمن CKEditor.
  • Yahoo!‎ اليابان: تستخدم واجهة برمجة التطبيقات Prompt API للإشراف على التعليقات في "المنتدى".
  • Trip.com: تساعد المتسوّقين في التعرّف على خيارات حجز الرحلات الجوية المعقّدة من خلال نبذات من إنشاء الذكاء الاصطناعي.

مراجع من المحادثة

هل أنت مستعد لتجربة "صنّاع الذكاء الاصطناعي"؟ يمكنك الاطّلاع على المراجع التالية: