פיתוח תכונות חדשות באמצעות AI מובנה ב-Chrome

Thomas Steiner

תאריך פרסום: 26 במאי 2026

הפוסט הזה הוא סיכום של ההרצאה שנמסרה בכנס Google I/O 2026 על ידי Thomas Steiner.

תארו לעצמכם שאתם יוצרים בלוג על טיולים, והעורך של הפוסטים בבלוג לא רק שומר את הטקסט, אלא גם עוזר לכם לכתוב. נעים להכיר את מאיה ואשוק, היוצרים של trAIlblazers. הם משתמשים ב-AI מובנה ב-Chrome. הפעלת מודלים ישירות במכשיר של המשתמש מאפשרת למפתחים לעקוף עלויות גבוהות של הענן וזמני אחזור ארוכים, וגם לשמור מידע אישי רגיש באופן מקומי.

שיתפנו פעולה עם Build Awesome (לשעבר Eleventy) כדי להשיק תבנית לבלוג עם כל תכונות ה-AI שמפורטות בהרצאה.

למה כדאי להשתמש ב-AI מובנה?

  • חסכוני: אין עלות להסקת מסקנות בענן, כל החישובים מתבצעים במכשירים תומכים של המשתמשים.
  • הפרטיות היא הדבר הכי חשוב: מידע אישי רגיש אף פעם לא יוצא מהדפדפן.
  • פונקציות אופליין: אחרי שהמודל יורד, תכונות מבוססות-AI פועלות גם כשאין חיבור לאינטרנט.
  • ביצועים: שיפור המהירות באמצעות חומרה מאפשר למודלים במכשיר להתחרות במהירויות של הענן (ולפעמים גם לעלות עליהן).
  • הסקת מסקנות היברידית: באמצעות polyfills וכלים כמו Firebase AI Logic, אפשר לחזור לענן במכשירים לא נתמכים (כמו ניידים) תוך שמירה על הפעולה המקורית במחשב.

תכונות מבוססות-AI לאפליקציות אינטרנט מודרניות

The Summarizer API

הכלי trAIlblazers editor משתמש ב-Summarizer API כדי ליצור באופן אוטומטי כותרות ותיאורי מטא שמתאימים לקידום אתרים.

דוגמה: יצירת כותרת

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 Schema עם Prompt API, אתם יכולים לגרום ל-AI להחזיר פורמטים צפויים. צוות trAIlblazers משתמש ב-AI גנרטיבי למטרות הבאות:

  • יצירת תגים: מציע קטגוריות כמו 'הרפתקאות' או 'חוף' מתוך רשימה מוגדרת מראש.
  • ניהול תגובות: סיווג תגובות כ "בטוחות" או כ "מזיקות" לפני שהן מתפרסמות.

נגישות למדיה

הכלי לעריכה מבצע אוטומטית את החלקים המורכבים של Markdown. כשמשליכים תמונה, Prompt API (עם קלט multimodal) מנתח את הפיקסלים כדי ליצור טקסט חלופי נגיש וכיתובים אינפורמטיביים.

כתיבה וכתיבה מחדש

באמצעות ממשקי ה-API של Writer ו-Rewriter, המשתמשים יכולים להרחיב תמצית נקודות לתקצירים מלאים ולשנות את הטון של פסקה לטון 'יותר קליל' או 'יותר קצר' בקליק אחד.

תרגום חלק

Translator API מאפשר ליוצרים לכתוב תוכן באנגלית ולתרגם אותו באופן מיידי לקוראים בספרדית או ביפנית, ואז דוברי שפת אם יכולים לשפר את התרגום.

דוגמה לשימוש ב-Translator API.
יוצרים טיוטה של תוכן באמצעות Translator API באנגלית ומתרגמים אותה באופן מיידי לספרדית וליפנית.

סיפורי הצלחה בעולם האמיתי

הרבה שותפים כבר משתמשים בממשקי ה-API האלה בייצור. דוגמאות בולטות:

  • ‫Drupal: משתמש ב-Summarizer API ליצירת תגי SEO בתוך CKEditor.
  • Yahoo!‎ יפן: משתמשת ב-Prompt API לבקרת תגובות בקהילה.
  • ‫Trip.com: עוזרת לקונים להתמצא באפשרויות מורכבות להזמנת טיסות באמצעות סיכומים מבוססי-AI.

משאבים מהשיחה

מוכנים ליצור חוויה משלכם עם 'חלוצי ה-AI'? תוכלו לעיין במקורות המידע הבאים: