تاريخ النشر: 28 أبريل 2025، تاريخ آخر تعديل: 21 مايو 2025
يفتح التطور السريع للذكاء الاصطناعي آفاقًا جديدة لتطبيقات الويب، لا سيما مع ظهور الإمكانات التي تعمل على الجهاز فقط. تعرَّف على كيفية استخدام شركة CyberAgent، وهي شركة إنترنت يابانية رائدة، للذكاء الاصطناعي المدمج في Chrome المدمج وواجهة برمجة التطبيقات Prompt API لتحسين تجربة التدوين على منصتها، Ameba Blog.
سنشاركك أهداف الشركة ومزايا العمل مع الذكاء الاصطناعي المدمج والتحديات التي واجهتها والرؤى القيّمة للمطوّرين الآخرين الذين يستخدمون الذكاء الاصطناعي المدمج.
ما هي واجهة برمجة التطبيقات Prompt API؟
| الشارح | الويب | الإضافات | حالة Chrome | النيّة بالشراء |
|---|---|---|---|---|
| GitHub |  Chrome 148 |
Chrome 138 |
العرض | النية بالشحن |
| GitHub |  مرحلة التجربة والتقييم لمَعلَمات اختيار العيّنات |
Chrome 148 |
العرض | النية بالتجربة |
تساعد واجهة برمجة التطبيقات Prompt API المطوّرين في استخدام نماذج لغوية كبيرة لإضافة ميزات الذكاء الاصطناعي مباشرةً إلى تطبيقاتهم. من خلال تحديد الطلبات المخصّصة، يمكن للتطبيقات تنفيذ مهام مثل استخراج البيانات وإنشاء المحتوى والردود المخصّصة. في Chrome، تنفّذ واجهة برمجة التطبيقات Prompt API عملية الاستنتاج من جهة العميل باستخدام Gemini Nano. تعزّز هذه المعالجة المحلية، بغض النظر عن النموذج المستخدَم، خصوصية البيانات وسرعة الاستجابة. بغض النظر عن النموذج المستخدَم، تكون سرعة استجابة العميل.
المساعدة المستنِدة إلى الذكاء الاصطناعي لمؤلّفي Ameba Blog
أدركت شركة CyberAgent مشكلة شائعة يواجهها المؤلّفون، وهي العملية التي تستغرق وقتًا طويلاً في أغلب الأحيان لصياغة محتوى جذّاب، لا سيما العناوين. افترضت الشركة أنّ دمج الوظائف المستنِدة إلى الذكاء الاصطناعي في واجهة إنشاء المدوّنة يمكن أن يحسّن بشكل كبير جودة إنشاء المحتوى وكفاءته. وكان هدفها توفير أدوات تمنح الإلهام وتساعد المدونين في إنشاء محتوى جذّاب.
طوّرت شركة CyberAgent إضافة على Chrome باستخدام واجهة برمجة التطبيقات Prompt API. تقدّم هذه الإضافة مجموعة من الميزات المستنِدة إلى الذكاء الاصطناعي والمصمّمة لمساعدة مؤلّفي Ameba Blog في إنشاء العناوين الرئيسية والفرعية والفقرات اللاحقة والتحسينات العامة للنص.
أرادت شركة CyberAgent مرونة في الإمكانات، ما قادها مباشرةً إلى واجهة برمجة التطبيقات Prompt API. بفضل الإمكانات غير المحدودة في واجهة برمجة تطبيقات واحدة، تمكّنت شركة CyberAgent من تحديد ما هو الأفضل والأكثر فائدة لمؤلّفي Ameba.
اختبرت شركة CyberAgent الإضافة مع عدد محدّد من المدونين، ما قدّم رؤى قيّمة حول مدى جدوى الوظائف المقدَّمة. ساعدت الملاحظات شركة CyberAgent في تحديد تطبيقات أفضل للمساعدة المستنِدة إلى الذكاء الاصطناعي وتحسين تصميم الإضافة. استنادًا إلى النتائج والملاحظات الإيجابية، تتطلّع شركة CyberAgent إلى إطلاق هذه الميزة في المستقبل، ما يمنح مجتمع التدوين لديها إمكانات الذكاء الاصطناعي من جهة العميل مباشرةً.
لنلقِ نظرة عن كثب على هذه الميزات.
كتابة عناوين أفضل
تنشئ الإضافة اقتراحات متعددة للعناوين استنادًا إلى محتوى المدوّنة الكامل. يمكن لمؤلّفي المدوّنات تحسين هذه الاقتراحات بشكل أكبر، مع خيارات تشمل: "إعادة الإنشاء" أو "أكثر تهذيبًا" أو "أكثر عفوية" أو "إنشاء عناوين مشابهة" وغير ذلك.
صمّمت شركة CyberAgent واجهة المستخدم خصيصًا بحيث لا يضطر المستخدمون إلى كتابة أي طلب. بهذه الطريقة، يمكن لأي مستخدم غير معتاد على هندسة الطلبات الاستفادة أيضًا من إمكانات الذكاء الاصطناعي.
يمكن للإضافة أيضًا إنشاء عناوين جذّابة للأقسام الفردية من المدوّنة، ويمكن للمؤلّفين طلب ذلك من خلال تحديد النص ذي الصلة بالعنوان.
يتضمّن الرمز البرمجي لإنشاء عنوان باستخدام واجهة برمجة التطبيقات Prompt API طلبًا أوليًا وطلبًا من المستخدم. يقدّم الطلب الأولي سياقًا وتعليمات للحصول على نوع معيّن من النتائج، بينما تطلب طلبات المستخدم من النموذج التفاعل مع ما يكتبه المستخدم. يمكنك قراءة المزيد عن الرمز البرمجي في مقالة نشر المساعدة المستنِدة إلى الذكاء الاصطناعي.
إنشاء الفقرات اللاحقة
تساعد الإضافة المدونين في التغلّب على مشكلة عدم القدرة على الكتابة من خلال إنشاء فقرات لاحقة استنادًا إلى النص المحدّد. باستخدام السياق من الفقرة السابقة، يضع الذكاء الاصطناعي مسودة لمتابعة الفقرة، ما يسمح للمؤلّفين بالحفاظ على تدفقهم الإبداعي.
تحسين النص وتعديله
يحلّل Gemini Nano النص المحدّد ويمكنه اقتراح تحسينات. يمكن للمستخدمين إعادة إنشاء التحسينات مع ملاحظات إضافية حول الأسلوب واختيار اللغة لجعل النص "أكثر جاذبية" أو "أكثر بساطة".
نشر المساعدة المستنِدة إلى الذكاء الاصطناعي
قسّمت شركة CyberAgent رمز الإضافة إلى ثلاث خطوات: إنشاء الجلسة والتشغيل وطلب النموذج.
أولاً، تتحقّق الشركة من المتصفّح من توفّر الذكاء الاصطناعي المدمج ودعمه. إذا كان الأمر كذلك، تنشئ الشركة جلسة باستخدام المَعلمات التلقائية.
if (!LanguageModel) {
// Detect the feature and display "Not Supported" message as needed
return;
}
// Define default values for topK and temperature within the application
const DEFAULT_TOP_K = 3;
const DEFAULT_TEMPERATURE = 1;
let session = null;
async function createAISession({ initialPrompts, topK, temperature } = {}) {
const { available, defaultTopK, maxTopK, defaultTemperature } =
await LanguageModel.availability();
// "readily", "after-download", or "no"
if (available === "no") {
return Promise.reject(new Error('AI not available'));
}
const params = {
monitor(monitor) {
monitor.addEventListener('downloadprogress', event => {
console.log(`Downloaded: ${event.loaded} of ${event.total} bytes.`);
});
},
initialPrompts: initialPrompts || '',
topK: topK || defaultTopK,
temperature: temperature || defaultTemperature,
};
session = await LanguageModel.create(params);
return session;
}
تتضمّن كل ميزة دالة مساعدة يتم تشغيلها من قِبل المستخدم. بعد التشغيل، عندما ينقر المستخدم على الزر ذي الصلة، يتم تعديل الجلسة وفقًا لذلك.
async function updateSession({ initialPrompts, topK, temperature } = {
topK: DEFAULT_TOP_K,
temperature: DEFAULT_TEMPERATURE,
}) {
if (session) {
session.destroy();
session = null;
}
session = await createAISession({
initialPrompts,
topK,
temperature,
});
}
بعد تعديل الجلسة، يتم طلب النموذج وفقًا للدالة. على سبيل المثال، إليك الرمز البرمجي لإنشاء عنوان وإعادة إنشائه بأسلوب أكثر رسمية.
async function generateTitle() {
// Initialize the model session
await updateSession({
initialPrompts: [
{ role: 'system',
content: `Create 3 titles suitable for the blog post's content,
within 128 characters, and respond in JSON array format.`,
}
]
});
const prompt = `Create a title for the following
blog post.${textareaEl.textContent}`;
const result = await session.prompt(prompt);
try {
const fixedJson = fixJSON(result);
// display result
displayResult(fixedJSON);
} catch (error) {
// display error
displayError();
}
}
async function generateMoreFormalTitle() {
// Do not execute updateSession to reuse the session during regeneration
const prompt = 'Create a more formal title.';
const result = await session.prompt(prompt);
...
}
مزايا الذكاء الاصطناعي المدمج
الذكاء الاصطناعي المدمج هو نوع من أنواع الذكاء الاصطناعي من جهة العميل، ما يعني أنّ عملية الاستنتاج تحدث على جهاز المستخدم. اختارت شركة CyberAgent استخدام واجهات برمجة التطبيقات المستنِدة إلى الذكاء الاصطناعي المدمج مع Gemini Nano بسبب المزايا الجذّابة التي يقدّمها لكل من مطوّري التطبيقات والمستخدمين.
تشمل المزايا الرئيسية التي ركّزت عليها شركة CyberAgent ما يلي:
- الأمان والخصوصية
- التكلفة
- سرعة الاستجابة والموثوقية
- سهولة التطوير
الأمان والخصوصية
تُعدّ القدرة على تشغيل نماذج الذكاء الاصطناعي مباشرةً على جهاز المستخدم بدون إرسال البيانات إلى خوادم خارجية أمرًا بالغ الأهمية. لا يُفترض أن يرى الجمهور مسودات المدوّنات، وبالتالي لا تريد شركة CyberAgent إرسال هذه المسودات إلى خادم تابع لجهة خارجية.
يُنزّل الذكاء الاصطناعي المدمج Gemini Nano إلى أجهزة المستخدمين، ما يلغي الحاجة إلى إرسال البيانات واستلامها من الخوادم. ويكون ذلك مفيدًا بشكل خاص عند الكتابة، لأنّ المسودات قد تتضمّن معلومات سرية أو تعابير غير مقصودة. يحافظ الذكاء الاصطناعي المدمج على المحتوى الأصلي والمنشأ محليًا بدلاً من إرساله إلى خادم، ما يمكن أن يعزّز الأمان ويحمي خصوصية المحتوى.
توفير التكاليف
من المزايا الرئيسية لاستخدام الذكاء الاصطناعي المدمج أنّ المتصفّح يتضمّن Gemini Nano وأنّ واجهات برمجة التطبيقات مجانية الاستخدام. ليست هناك أي تكاليف إضافية أو خفية.
يقلّل الذكاء الاصطناعي المدمج بشكل كبير من تكاليف الخادم ويمكنه إزالة التكاليف المرتبطة بالاستنتاج المستنِد إلى الذكاء الاصطناعي بالكامل. يمكن توسيع نطاق هذا الحل بسرعة ليشمل قاعدة كبيرة من المستخدمين، ويسمح للمستخدمين بإرسال طلبات متتالية لتحسين النتائج بدون تكبّد رسوم إضافية.
سرعة الاستجابة والموثوقية
يقدّم الذكاء الاصطناعي المدمج أوقات استجابة سريعة وثابتة، بغض النظر عن ظروف الشبكة. أتاح ذلك للمستخدمين إنشاء المحتوى بشكل متكرر، ما يسهّل عليهم كثيرًا تجربة أفكار جديدة وإنشاء نتيجة نهائية مرضية بسرعة.
سهولة التطوير
يبسّط الذكاء الاصطناعي المدمج في Chrome عملية التطوير من خلال توفير واجهة برمجة تطبيقات متاحة بسهولة. يستفيد المطوّرون من سهولة إنشاء ميزات مستنِدة إلى الذكاء الاصطناعي لتطبيقهم.
يتم تثبيت Gemini Nano وواجهات برمجة التطبيقات المستنِدة إلى الذكاء الاصطناعي المدمج في Chrome، لذا ليست هناك حاجة إلى إعدادات إضافية أو إدارة النماذج. تستخدم واجهات برمجة التطبيقات JavaScript، مثل واجهات برمجة التطبيقات الأخرى للمتصفّح، ولا تتطلب خبرة في تعلُّم الآلة.
التغلّب على التحديات للحصول على نتائج أفضل
قدّمت رحلة شركة CyberAgent مع واجهة برمجة التطبيقات Prompt API دروسًا قيّمة حول الفروقات الدقيقة في العمل مع النماذج اللغوية الكبيرة من جهة العميل.
- الردود غير المتّسقة: على غرار النماذج اللغوية الكبيرة الأخرى، لا يضمن Gemini Nano الحصول على نتائج متطابقة للطلب نفسه. تلقّت شركة CyberAgent ردودًا بتنسيقات غير متوقّعة (مثل Markdown وJSON غير صالح). حتى مع التعليمات، من المحتمل أن تختلف النتائج بشكل كبير. عند تنفيذ أي تطبيق أو إضافة على Chrome باستخدام الذكاء الاصطناعي المدمج، قد يكون من المفيد إضافة حل بديل لضمان أن تكون النتيجة دائمًا بالتنسيق الصحيح.
- الحدّ الأقصى للرموز المميّزة: من الضروري إدارة استخدام الرموز المميّزة. استخدمت شركة CyberAgent خصائص وطُرقًا مثل
contextUsageوcontextWindowوmeasureContextUsage()لـ إدارة الجلسات والحفاظ على السياق وتقليل استهلاك الرموز المميّزة. وكان ذلك مهمًا بشكل خاص عند تحسين العناوين. - قيود حجم النموذج: بما أنّ النموذج يتم تنزيله ويبقى على جهاز المستخدم، يكون حجمه أصغر بكثير من نموذج يستند إلى الخادم. يعني ذلك أنّه من الضروري توفير سياق كافٍ ضمن الطلب لتحقيق نتائج مرضية، لا سيما بالنسبة إلى التلخيص. مزيد من المعلومات حول فهم أحجام النماذج اللغوية الكبيرة.
تؤكّد شركة CyberAgent أنّه على الرغم من أنّ النماذج من جهة العميل ليست متاحة بعد على مستوى عالمي في جميع المتصفّحات والأجهزة، وأنّ النماذج الأصغر حجمًا لها قيود، يمكنها مع ذلك تقديم أداء مذهل لمهام محدّدة. تُعدّ القدرة على التكرار والتجربة بسرعة بدون تكاليف من جهة الخادم أداة قيّمة.
تنصح الشركة بإيجاد توازن، مع إدراك أنّه من الصعب تحقيق ردود مثالية باستخدام أي ذكاء اصطناعي، سواء من جهة الخادم أو من جهة العميل. أخيرًا، تتوقّع الشركة مستقبلاً يجمع بين نقاط قوة الذكاء الاصطناعي من جهة الخادم ومن جهة العميل، ما سيفتح إمكانات أكبر.
نظرة مستقبلية
يُظهر استكشاف شركة CyberAgent للذكاء الاصطناعي المدمج الإمكانات الرائعة لعمليات الدمج السلسة للذكاء الاصطناعي من أجل تحسين تجارب المستخدمين. توضّح الإضافة التي أنشأتها الشركة للعمل مع Ameba Blog كيفية تطبيق هذه التقنيات عمليًا لحل المشاكل الواقعية، ما يقدّم دروسًا قيّمة لمجتمع مطوّري الويب الأوسع.
مع تطوّر التكنولوجيا وتوسيع نطاق دعم المتصفّحات والأجهزة، نتوقّع أن نشهد تطبيقات أكثر ابتكارًا للذكاء الاصطناعي المدمج وأشكال أخرى من الذكاء الاصطناعي من جهة العميل.
الموارد
- مزيد من المعلومات حول واجهة برمجة التطبيقات Prompt API
- بدء استخدام واجهات برمجة التطبيقات المدمجة على Chrome
- دراسة حالة شركة CyberAgent حول الذكاء الاصطناعي على الويب، والتي تغطي هذا الموضوع نفسه.
- مشاهدة دراسات حالة شركة CyberAgent حول الذكاء الاصطناعي من جهة العميل في فيديو The future of AI is now
الإقرارات
نشكر المدونين في Ameba، وهم ao، Nodoka، Erin، Chiaki، و socchi، الذين قدّموا ملاحظات وساعدوا في تحسين الإضافة. نشكر Thomas Steiner و Alexandra Klepper و Sebastian Benz على مساعدتهم في كتابة منشور المدوّنة هذا و مراجعته.