Google I/O 2024'ten 10 güncelleme: Her web geliştiricisi için yapay zekanın gücünü açığa çıkarma

Web bu Ağustos ayında 35 yaşına basıyor. Nesiller öncesine dayanan bu inanılmaz teknolojiye şekilde yol açtı ve hayatımıza sayısız yenilik getirdi. Şimdi, yapay zeka ile yeni bir neslin şafağı. Developer Keynote ve I/O oturumlarımızda açıkladığımız, daha güçlü web ile daha iyi gelişiminize yön verecek 10 heyecan verici özelliği burada bulabilirsiniz.

1. Cihaz üzerinde yeni yapay zeka özellikleri sunmak için Chrome masaüstüne Gemini Nano entegrasyonu

Gemini Nano, Chrome 126'dan itibaren Chrome masaüstüne entegre edilecektir. Bu neden önemli? Hızlı mühendislik, ince ayar, kapasite veya maliyet konusunda endişelenmenize gerek kalmadan Chrome'un milyarlarca kullanıcısına güçlü yapay zeka özellikleri sunabileceksiniz. Chrome'da cihaz gücüyle çalışan "Yazmama yardım et" özelliği, kullanıcıların kısa içerikler yazmalarına yardımcı olur.

Erken önizleme programımıza kaydolarak web'in geleceğini şekillendirmemize yardımcı olun.

2. WebAssembly ve WebGPU, kullandığınız AI modeli ne olursa olsun cihaz üzerinde yapay zekayı etkinleştirir

Yapay zeka modellerinin hızlı ve verimli bir şekilde çalışmasını sağlamak için web'de cihaz üzerinde yapay zekayı etkinleştiren omurga teknolojileri olan WebGPU ve Wasm'ı kullanarak büyük yatırımlar yaptık. WebGPU'daki 16 bit kayan nokta değerleri ve Wasm'daki Memory64 ile JavaScript Promise Entegrasyonu gibi yeni iyileştirmeler yapay zekanın daha da hızlı çalışmasını sağlıyor. Wasm ve WebGPU ile AI kitaplıklarınız, modelleri çok çeşitli donanımlarda geniş ölçekte çalıştırabilir.

3. Yapay zeka destekli Chrome Geliştirici Araçları, hata ayıklama sürecinizi kolaylaştırır

Chrome Geliştirici Araçları, uygulamanızda hata ayıklamanın ve ince ayar yapmanın en popüler yollarından biridir. Yapay zeka sayesinde hata ayıklama çok daha kolay olacaktır. Analiz oluşturmak, sorunun ne olduğunu anlamanıza ve hatta nasıl düzelteceğinizi bulmanıza yardımcı olmak için Gemini'ı Chrome Geliştirici Araçları Konsolu'na getiriyoruz.

Chrome Geliştirici Araçları konsol analizleri şu anda ABD'de deneysel bir özellik olarak kullanıma sunulmuştur ve yakında daha fazla ülkede kullanıma sunulacaktır.

4. Speculation Rules API, anında tarama deneyimleri sunuyor

Yeni Speculation Rules API, sayfaları arka planda önceden getirip önceden oluşturarak göz atmayı önemli ölçüde hızlandırarak neredeyse anında gezinmeyi etkinleştiriyoruz. Saniyeler yerine milisaniye değerini düşünün. Üstelik Başlamak için yalnızca birkaç satır kod gerektirir. AI, gezinme kalıplarını akıllı bir şekilde tahmin etmek için kullanılabilir.

Tokopedia örneği: Ön oluşturma işleminin etkisi, yavaş bağlantılarda bile çok daha hızlı bir yükleme süresi sağlar.

5. Çok sayfalı siteler için Transitions API'yi görüntüle

Kullanıcıların web deneyimini yeniden tanımlamak istiyoruz. Geliştiricilerin ise web için içerik oluşturma şeklinizi değiştirmek istiyoruz. View Transitions API ile sayfa durumları arasında kolayca animasyon uygulayabilirsiniz. Bu özellik artık çok sayfalı uygulamalarla birlikte çalışarak sitenizin mimarisi ne olursa olsun akıcı bir şekilde gezinme imkanı sunuyor. Spekülasyon Kuralları ve AI ile birlikte kullanıldığında sayfa geçişleri gerçekten sorunsuz bir şekilde gerçekleşebiliyor.

6. Tarayıcılar arasında birleşik bir görünüm için Web Platformu Kontrol Paneli

Sürekli olarak güncellenen tarayıcılardaki en son platform değişikliklerini, API'leri ve çerçeveleri takip etmenin kolay olmadığını biliyoruz. Referans değer, tüm tarayıcılarda hangi web özelliklerinin desteklendiğini anlamanın bir yolunu sunar. Artık Web Platformu Kontrol Paneli ile web platformunun tamamını bir dizi özellik olarak eşlenmiş olarak görebilecek, geliştirmelerini takip edebilecek ve birlikte çalışabilirlik durumlarını kontrol edebileceksiniz.

7. Doğrudan iş akışınızdaki temel araçlar

Referans Değer, iş akışınıza entegre edildiğinde en iyi sonucu verir. Bugünden itibaren, Akamai'nin RUM Arşivi'nde RUM Arşiv Analizleri'nde geliştiricilere yönelik yeni bir araç var. İlk kez, bu Temel Sürüm ile kilidi açılan Temel sürümlerin ve özelliklerin genel kullanıcı payını yan yana görebilirsiniz.

8. Angular'daki kısmi sıvı alımı, performansı iyileştirir

Web uygulamaları oluşturmak ve dağıtmak için en iyi platformlardan birinin Angular olduğuna inanıyoruz. Şu anda kısmi hidrasyon üzerinde çalışıyoruz. Bu yüzden JavaScript, uygulamanızın bir bölümünü yalnızca gerektiğinde yükleyip su giderecek. Böylece, performansa duyarlı uygulamalar için Core Web Vitals'ı önemli ölçüde iyileştirecek. Önümüzdeki birkaç hafta içinde geliştirici önizlemesine göz atabilirsiniz.

9. Kullanıma hazır, Signals'la oldukça ayrıntılı ve hassas tepkime

Uygulamalarınızdaki değişikliklerin tespiti ve yönetimi üzerinde size daha ayrıntılı kontrol sunmak istiyoruz. Enter: Sinyallerle ayrıntılı reaktif tepki. Angular, Signals ile birinci sınıf geliştirici deneyimini güçlendiren yeni reaktif API'ler sunar. Sinyaller, durum değişikliklerini yaymak için bileşen ağacınızın yalnızca bir kısmını kontrol eden ayrıntılı değişiklik algılamayı etkinleştirir. Böylece kullanıcı arayüzünü artık manuel olarak optimize etmeniz gerekmez.

Sinyal tabanlı reaktif API'ler hemen kullanıma hazırdır. Ayrıntılı değişiklik algılama özelliği bu yılın ilerleyen dönemlerinde kullanıma sunulacaktır.

10. Maps JavaScript API'de etkileyici 3D deneyimler oluşturma

Google Haritalar Platformu'ndaki fotogerçekçi 3D Haritalar'ı, aşina olduğunuz Maps JavaScript API ile birleştirerek etkileyici web deneyimleri oluşturmanın daha fazla yolunu açıyoruz. Artık, kullanıcılarınızın beklediği hızda zengin 3D haritalar sunmak için Google'ın oluşturma teknolojisinden yararlanabilirsiniz. En iyi yanı: Tek bir kod satırıyla başlayabilirsiniz.

Üreteceğiniz büyüleyici, etkileyici deneyimleri görmek için sabırsızlanıyoruz. Daha fazla bilgi edinin.


Her gün, geliştirmenin karmaşıklığını yıkarak mümkün olanın sınırlarını zorluyorsunuz. Hepimizin keyif alacağı yeni deneyimler oluşturmanıza yardımcı olmaktan heyecan duyuyoruz. Daha kolay hale getirilen bu güçlü web hakkında daha fazla bilgi edinmek için developer.chrome.com ve web.dev sayfalarını ziyaret edin. Bizimle X, YouTube ve şimdi de LinkedIn üzerinden bağlantı kurmayı unutmayın.

Bir sonraki I/O'da görüşmek üzere!