Web bu Ağustos ayında 35 yaşına giriyor. Nesiller boyu geliştiriciler bu inanılmaz teknolojiyi şekillendirdi ve hayatımıza sayısız yenilik getirdi. Şimdi ise yapay zeka ile yeni bir dönemin başlangıcındayız. Geliştirici açılış konuşmamızda ve I/O oturumlarımızda kullanıma sunduğumuz 10 heyecan verici özellik, daha güçlü ve daha kolay bir web üzerinden daha iyi geliştirmeler yapmanıza rehberlik edecek.
1. Yeni cihaz üzerinde yapay zeka özellikleri sunmak için Chrome masaüstünde Gemini Nano entegrasyonu
Chrome 126'dan itibaren Gemini Nano, Chrome masaüstüne yerleşik olacak. Bu neden önemli? Hızlı mühendislik, hassas ayar, kapasite veya maliyet hakkında endişelenmenize gerek kalmadan Chrome'un milyarlarca kullanıcısına güçlü yapay zeka özellikleri sunabilirsiniz. "Yazmama yardım et" özelliği, Chrome'da cihaz üzerinde güç kullanarak kullanıcıların kısa içerikler yazması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 yapay zeka modeli ne olursa olsun cihaz üzerinde yapay zekayı etkinleştirir
Web'de cihaz üzerinde yapay zekayı etkinleştiren temel teknolojiler olan WebGPU ve Wasm'i kullanarak yapay zeka modellerinin hızlı ve verimli bir şekilde çalışmasını sağlamak için yoğun şekilde yatırım yaptık. WebGPU'daki 16 bit kayan nokta değerleri, Wasm'deki 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 yapay zeka 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ıklama ve ayarlama yapmanın en popüler yollarından biridir. Yapay zeka sayesinde hata ayıklama çok daha kolay olacak. Analizler oluşturmak, sorunun ne olduğunu anlamanıza ve hatta nasıl düzeltileceğini bulmanıza yardımcı olmak için Gemini'yi Chrome DevTools Console'a taşıyoruz.
Chrome Geliştirici Araçları konsol analizleri, deneysel bir özellik olarak ABD'de kullanıma sunuldu. Bu özellik yakında daha fazla ülkede kullanıma sunulacak.
4. Spekülasyon Kuralları API'si anında tarama deneyimleri sunuyor
Yeni Speculation Rules API ile, sayfaları arka planda önceden getirerek ve önceden oluşturarak neredeyse anında gezinme olanağı sağlıyoruz. Bu sayede, tarama işlemini önemli ölçüde hızlandırıyoruz. Saniye yerine milisaniye düşünün. Üstelik Başlamak için yalnızca birkaç satır kod gerekir ve gezinme kalıplarını akıllıca tahmin etmek için yapay zeka kullanılabilir.
5. Çok sayfalı siteler için geçişleri görüntüleme
Kullanıcıların web'i kullanma deneyimini yeniden tanımlamak istiyoruz. Geliştiriciler için de web'de geliştirme yapma şeklinizi değiştirmek istiyoruz. View Transition API ile sayfa durumları arasında kolayca animasyon oluşturabilirsiniz. Artık çok sayfalı uygulamalarda da kullanılabilen bu özellik, sitenizin mimarisinden bağımsız olarak akıcı bir gezinme deneyimi oluşturmanıza olanak tanır. Sayfa geçişleri, spekülasyon kuralları ve yapay zeka ile birlikte kullanıldığında gerçekten sorunsuz olabilir.
6. Tarayıcılar genelinde birleştirilmiş bir görünüm için Web Platformu Kontrol Paneli
Sürekli güncellenen tarayıcılarda en son platform değişikliklerini, API'leri ve çerçeveleri takip etmenin kolay olmadığının farkındayız. Referans, tüm tarayıcılarda hangi web özelliklerinin desteklendiğini anlamanızı sağlar. Artık Web Platformu Kontrol Paneli ile web platformunun tamamını bir özellik grubu olarak görebilir, özelliklerin gelişimini takip edebilir ve birlikte çalışabilirlik durumlarını kontrol edebilirsiniz.
7. İş akışınızda temel araç setleri
Referans, iş akışınıza entegre edildiğinde en iyi şekilde çalışır. Akamai'ın RUM Arşivi'nde, geliştiricilere yönelik RUM Arşivi Analizleri adlı yeni bir araç kullanıma sunuldu. İlk kez, referans sürümlerinin ve bu referans sürümüyle kullanıma sunulan özelliklerin dünya genelindeki kullanıcı payını yan yana görebilirsiniz.
8. Angular'da kısmi hidrasyon, performansı artırır
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. Böylece JavaScript, uygulamanızın yalnızca bir kısmını gerektiğinde yükleyip sulandırır. Bu da performansa duyarlı uygulamalar için Temel Web Önemli Kriterleri'ni önemli ölçüde iyileştirir. Önümüzdeki birkaç hafta içinde geliştirici önizlemesinde bu özelliği inceleyebilirsiniz.
9. Kullanıma hazır sinyallerle Angular'da ayrıntılı reaktiflik
Uygulamalarınızdaki değişikliklerin algılanması ve yönetimi üzerinde daha ayrıntılı kontrol sahibi olmanızı istiyoruz. İşte burada devreye giren şey: Sinyaller ile ayrıntılı tepki verme. Angular, sinyallerle birinci sınıf geliştirici deneyimini destekleyen yeni bir reaktif API grubu sağlar. Sinyaller, durum değişikliklerini yaymak için bileşen ağacınızın yalnızca bir kısmını kontrol edecek ayrıntılı değişiklik algılama özelliğini etkinleştirir. Böylece artık kullanıcı arayüzünü 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 sürükleyici 3D deneyimler oluşturma
Google Haritalar Platformu'ndaki tanıdık Haritalar JavaScript API'ye fotogerçekçi 3D Haritalar'ı ekleyerek sürükleyici web deneyimleri oluşturmanın daha fazla yolunu sunuyoruz. Artık Google'ın oluşturma teknolojisinden yararlanarak kullanıcılarınızın beklediği hızda zengin 3D haritalar sunabilirsiniz. En iyi yanı ise tek bir kod satırı ile başlayabilmenizdir.
Oluşturacağınız muhteşem 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ı zorluyorsunuz. Hepimizin keyif alacağı yeni deneyimler oluşturmanıza yardımcı olmaktan heyecan duyuyoruz. Daha kolay hale getirilmiş 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 artık LinkedIn üzerinden bizimle iletişime geçebilirsiniz.
Bir sonraki I/O'da görüşmek üzere.