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

İnternet bu Ağustos 35 yaşına basıyor. Nesillerce geliştirici, bu inanılmaz teknolojiyi biçimlendirdi ve hayatımıza sayısız yenilik getirdi. Şimdi, yapay zeka ile yeni bir neslin şafağı. Geliştirici Açılış Konuşması ve I/O oturumlarımızda, daha güçlü bir web'i daha kolay bir şekilde kullanarak daha iyi geliştirme yolunda size yol gösterecek 10 heyecan verici özelliği burada bulabilirsiniz.

1. Yeni cihaz üzerinde yapay zeka özellikleri sunmak için Chrome masaüstündeki Gemini Nano entegrasyonu

Gemini Nano, Chrome 126'dan itibaren Chrome masaüstüne eklenecektir. Bu neden önemli? İstem mühendisliği, ince ayar, kapasite veya maliyet konusunda endişelenmenize gerek kalmadan Chrome'un milyarlarca kullanıcısına güçlü yapay zeka özellikleri sunabilirsiniz. "Yazmama yardım et" özelliği, kullanıcıların kısa içerik yazmasına yardımcı olmak için Chrome'da cihaz gücüyle kullanılabilir.

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

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

Web'de cihaz üzerinde yapay zekaya olanak tanıyan WebGPU ve Wasm'ı kullanarak yapay zeka modellerinin hızlı ve verimli çalışmasını sağlamak için büyük yatırımlar yaptık. WebGPU'daki 16 bit kayan nokta değerleri ve Wasm'daki Memory64 ve 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 sayıda donanımda geniş ölçekte çalıştırabilir.

3. Yapay zeka destekli Chrome Geliştirici Araçları, hata ayıklama işleminizi 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. AI ile hata ayıklama işlemi çok daha kolay hale gelecektir. Analiz oluşturmak, sorunun ne olduğunu anlamanıza yardımcı olmak ve hatta sorunu nasıl çözeceğinizi öğrenmek için Gemini'ı Chrome Geliştirici Araçları Konsolu'nda kullanıma sunuyoruz.

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

4. Speculation Rules API, anında göz atma deneyimleri sunuyor

Yeni Speculation Rules API ile neredeyse anında gezinmeyi mümkün kılıyor ve sayfaları arka planda önceden getirip önceden oluşturarak göz atma hızını önemli ölçüde artırıyoruz. Saniyeler yerine milisaniyeleri düşünün. Üstelik Başlamak için yalnızca birkaç satır kod gerekir. AI, gezinme kalıplarını akıllı bir şekilde tahmin etmek için kullanılabilir.

Tokopedia örneği: Önceden işlemenin, yavaş bağlantılarda bile çok daha hızlı yükleme süresine yol açan etkisi.

5. Çok sayfalı siteler için Geçişleri görüntüleyin

Kullanıcıların web'deki deneyimini yeniden tanımlamak istiyoruz. Geliştiriciler de web'e yönelik içerik oluşturma yöntemlerini değiştirmek istiyoruz. View Transition API ile sayfa durumları arasında kolayca animasyon oluşturabilirsiniz. Ayrıca artık çok sayfalı uygulamalarla çalışarak sitenizin mimarisinden bağımsız olarak değişken gezinme oluşturabilirsiniz. Spekülasyon Kuralları ve AI ile birlikte kullanıldığında sayfa geçişleri gerçekten sorunsuz olabilir.

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ın farkındayız. Baseline, tüm tarayıcılarda hangi web özelliklerinin desteklendiğini anlamanızı sağlar. Artık Web Platformu Kontrol Paneli sayesinde web platformunun tamamının bir dizi özellik olarak eşlendiğini görebilir, geliştirmelerini takip edebilir ve birlikte çalışabilirlik durumunu kontrol edebilirsiniz.

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

Referans değer, iş akışınıza entegre edildiğinde en iyi şekilde çalışır. Bugünden itibaren Akamai'nin RUM Arşivi'nde, geliştiriciler için RUM Arşiv Analizleri adlı yeni bir araç bulunuyor. İlk kez, Baseline'ın bu sürümüyle kilidi açılan Temel sürümlerin ve özelliklerin genel kullanıcı payını yan yana görebilirsiniz.

8. Angular'daki kısmi hidrasyon, performansı iyileştiriyor

Web uygulamaları oluşturmak ve dağıtmak için en iyi platformlardan birinin Angular olduğunu düşünüyoruz. Şu anda kısmi sıvı alımı üzerinde çalışıyoruz. Bu nedenle, JavaScript, uygulamanızın sadece bir kısmını yalnızca gerektiğinde yükleyip hidize edecek. Böylece, performans açısından hassas uygulamalar için Core Web Vitals'ı önemli ölçüde iyileştirecek. Önümüzdeki birkaç hafta içinde geliştirici önizlemesinden bakabilirsiniz.

9. Kullanıma hazır Sinyaller özelliğiyle açısal hassas reaktiflik

Uygulamalarınızdaki değişikliklerin algılanması ve yönetimi üzerinde size daha ayrıntılı bir kontrol vermek istiyoruz. Enter: Sinyaller ile ayrıntılı reaktiflik. Angular, sinyallerle ilgili birinci sınıf geliştirici deneyimini destekleyen 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ı sağlar. Böylece artık kullanıcı arayüzünü manuel olarak optimize etmek zorunda kalmazsınız.

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

10. Maps JavaScript API'de sürükleyici 3D deneyimler oluşturun

Fotogerçekçi 3D Haritalar'ı, Google Haritalar Platformu'ndaki bilindik Maps JavaScript API'ye taşıyarak sürükleyici web deneyimleri oluşturmanın daha fazla yolunu açıyoruz. Artık, zengin 3D haritaları kullanıcılarınızın beklediği hızda sunmak için Google'ın oluşturma teknolojisinden yararlanabilirsiniz. En iyi tarafı ise tek bir kod satırıyla işe koyulabilmeniz.

Geliştireceğiniz etkileyici ve sürükleyici deneyimleri görmek için sabırsızlanıyoruz! Daha fazla bilgi edinin.


Her gün geliştirmenin karmaşıklığını aşarak mümkün olanın sınırlarını zorlarsınız. Hepimizin keyif alacağı yeni deneyimler oluşturmanıza yardımcı olmaktan heyecan duyuyoruz. Bu güçlü web hakkında daha fazla bilgi edinmek için developer.chrome.com ve web.dev adresini ziyaret edin. Ayrıca X, YouTube ve şimdi de LinkedIn üzerinden bizimle bağlantı kurmayı unutmayın.

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