Chrome'daki yerleşik yapay zekayı kullanarak yeni özellikler oluşturma

Thomas Steiner

Yayınlanma tarihi: 26 Mayıs 2026

Bu gönderi, Thomas Steiner'ın Google I/O 2026'da yaptığı konuşmanın bir özetidir.

Blog yayını düzenleyicisinin yalnızca metni depolamadığı, aynı zamanda yazarken sizi aktif olarak desteklediği bir seyahat blogu oluşturduğunuzu düşünün. trAIlblazers'ın içerik üreticileri Maya ve Ashok ile tanışın. Chrome'daki yerleşik yapay zekayı kullanıyorlar. Geliştiriciler, modelleri doğrudan kullanıcının cihazında çalıştırarak hassas verileri yerel tutarken pahalı bulut maliyetlerinden ve gecikmeden kaçınır.

Build Awesome (eski adıyla Eleventy) ile işbirliği yaparak, konuşmada listelenen tüm yapay zeka özelliklerini içeren bir blog şablonu yayınladık.

Neden yerleşik yapay zeka?

  • Uygun maliyetli: Bulut çıkarımı maliyeti yoktur. Tüm hesaplama işlemleri, kullanıcıların desteklenen cihazlarında gerçekleşir.
  • Önce gizlilik: Hassas veriler hiçbir zaman tarayıcıdan ayrılmaz.
  • Çevrimdışı işlevler: Model indirildikten sonra yapay zeka özellikleri internet bağlantısı olmadan çalışır.
  • Performans: Donanım hızlandırma, cihaz üzerinde modellerin bulut hızlarıyla yarışmasını (ve bazen bulut hızlarını geçmesini) sağlar.
  • Hibrit çıkarım: Firebase AI Logic gibi polyfill'ler ve araçlar kullanarak masaüstünde yerel kalırken desteklenmeyen cihazlarda (ör. mobil) buluta geri dönebilirsiniz.

Modern web uygulamaları için yapay zeka özellikleri

Summarizer API

trAIlblazers düzenleyicisi, başlıkları ve SEO dostu meta açıklamaları otomatik olarak oluşturmak için Summarizer API'yi kullanır.

Örnek: Başlık oluşturma

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);
}

İstem API'si (yapılandırılmış çıkışla)

Belirli verilere mi ihtiyacınız var? JSON şemasını Prompt API ile kullanarak yapay zekanın tahmin edilebilir biçimler döndürmesini sağlayabilirsiniz. trAIlblazers ekibi bunu aşağıdaki amaçlarla kullanır:

  • Etiket Oluşturma: Önceden tanımlanmış bir listeden "Macera" veya "Plaj" gibi kategoriler önerin.
  • Yorum denetleme: Yorumları yayınlanmadan önce "Güvenli" veya "Zararlı" olarak sınıflandırın.

Medya erişilebilirliği

Düzenleyici, Markdown'ın "zor kısımlarını" otomatikleştirir. Bir resim bıraktığınızda Prompt API (çok formatlı girişle), erişilebilir alternatif metin ve bilgilendirici altyazılar oluşturmak için pikselleri analiz eder.

Yazma ve yeniden yazma

Yazma ve Yeniden Yazma API'leri ile kullanıcılar, madde işaretlerini tek bir tıklamayla tam paragraflara dönüştürebilir ve bir paragrafın üslubunu "daha samimi" veya "daha kısa" olacak şekilde değiştirebilir.

Sorunsuz çeviri

Translator API, içerik üreticilerin İngilizce içerik taslakları oluşturmasına ve bunları İspanyolca veya Japonca okuyucular için anında çevirmesine olanak tanır. Bu çeviriler daha sonra ana dili bu diller olan kişiler tarafından düzenlenebilir.

Translator API'nin çalışma şekliyle ilgili örnek.
İngilizce olarak Translator API ile içerik taslağı oluşturun ve anında İspanyolca ile Japoncaya çevirin.

Gerçek hayattaki başarı öyküleri

Birçok iş ortağı bu API'leri üretimde kullanmaya başladı. Önemli örnekler arasında şunlar yer alır:

  • Drupal: CKEditor'da SEO etiketi oluşturmak için Summarizer API'yi kullanır.
  • Yahoo! Japonya: Topluluk yorumlarının denetlenmesi için Prompt API'yi kullanır.
  • Trip.com: Yapay zeka özetleriyle alışveriş yapanların karmaşık uçuş rezervasyonu seçenekleri arasında gezinmesine yardımcı olur.

Konuşmadaki kaynaklar

Kendi "trAIlblazers" deneyiminizi oluşturmaya hazır mısınız? Aşağıdaki kaynaklara göz atın: