618ZXW

インテリジェント開発 | Web開発のためのスマートなアップグレードと使いやすさ

AIの統合により、Webはより強力で使いやすくなります。2024年のGoogle Developer Conferenceを振り返り、Web開発、UI機能、OS統合における最新のイノベーション、そしてこれらのイノベーションを活用して優れたアプリケーションエクスペリエンスを実現する方法を学びましょう。

ウェブの継続的な革新と発展は、世界中の何十億ものユーザーに豊かで多様なオンライン体験を提供してきただけでなく、開発者にアイデアを実現し、未来を築く機会も提供してきました。Google は、ウェブ開発者が現実世界のデータに基づいて情報に基づいた技術選択や開発上の意思決定を行えるよう、ツールとソリューションを提供しています。


ベースライン2024

  • Baseline 2024は、安全に利用できる成熟した機能とAPIセットを網羅しているだけでなく、最近利用可能になった多くの重要な機能も導入しており、近日中にさらに多くのブラウザバージョンがリリースされる予定です。これにより、開発者はより互換性が高く、よりパフォーマンスの高いウェブページを作成できます。
  • Web プラットフォーム ダッシュボードを使用すると、開発者は Web プラットフォーム全体のすべての機能を包括的に理解し、さまざまなブラウザー間での機能の開発進捗状況を追跡し、相互運用性の状態を確認することができます。また、 RUM アーカイブ インサイトを使用すると、開発者はベースライン バージョンの全体的な使用状況と機能を確認できるため、より情報に基づいた技術上の決定を行うことができます。

ウェブはAIに対応可能です。Googleは、WebGPU、WASM 、そしてChromeに組み込まれたGemini Nanoを通じて、開発者がより多くのデバイス上で、低コストでスケーラブルかつプライバシー保護に優れたウェブアプリケーションを構築できるよう支援します。


WebGPUとWASMテクノロジー

  • WebGPUの 16 ビット浮動小数点値などの改善や、WASM の Memory64 および JavaScript Promise の統合により、Web はより幅広いハードウェアで AI をより高速に実行できるようになります。
  • Chrome 126 以降、 Gemini Nano は Chrome デスクトップ クライアントに直接統合されています
  • GeminiはChromeにAIインテリジェンスを組み込みます。開発者はAPIを呼び出すだけで、ストレージ、コスト、微調整の問題を気にすることなく、翻訳、文字起こし、字幕作成機能を簡単に実装できます。Prompt APIを使用すると、開発者はブラウザ内で自然言語を使ってGemini Nanoを操作し、より多くのシナリオを探索できます。

Google は、開発者が開発プロセスを効率化し、ビジュアルを強化してウェブ上でまったく新しいユーザー エクスペリエンスを生み出すのに役立つ多数の新機能と API を提供するとともに、生産性を向上させる AI 搭載の Chrome DevTools も提供しています。

  • Speculation Rules APIは、バックグラウンドでページのプリフェッチとプリレンダリングをインテリジェントに実行することでブラウジング速度を向上させ、ミリ秒レベルのページ読み込みを実現します。開発者はわずか数行のコードを追加するだけでこのAPIを使い始めることができ、ユーザーに高速でスムーズなブラウジング体験を簡単に提供できます。
  • View Transition APIは、スムーズなナビゲーション体験を実現します。Speculation Rules APIと組み合わせることで、シームレスでリアルタイムのページ遷移が可能になり、リッチなWebアプリケーションのインタラクションに新たな可能性をもたらします。

  • Scroll-Driven Animations APIは、スクロールアニメーションの作成をサポートします。開発者は、わずか数行のCSSコードで、ページのスクロールに合わせて変化するアニメーション効果を簡単に作成できます。これにより、インタラクティブなWebページの作成が簡素化され、動的な視覚効果をよりスムーズで自然なものにすることができます。
  • Googleは、Flutterウェブアプリケーション向けのWASMサポートをリリースしました。これにより、フレームタイムが大幅に短縮され、パフォーマンスが向上します。開発者はWasmとWasmGCを活用することで、元々アプリケーション開発に使用されていたC++、Kotlin、Dartコードをウェブプラットフォームに移植できるようになり、クロスプラットフォームアプリケーションの開発プロセスを簡素化できます。


シグナルベースのレスポンシブデザイン

  • AngularのSignalベースのリアクティブAPIが利用可能になりました。これにより、開発者は手動でUIを最適化しなくても、アプリケーション内の変更の検出と管理をより細かく制御できるようになります。きめ細かな変更検出機能は、今年後半にリリースされる予定です。

*一部の Google AI テクノロジーは、グローバルに展開する開発者にも適用できます。

シンプルで使いやすい Web 開発ツールを使用して、優れたアプリケーション エクスペリエンスを即座に構築します。
2024年Google Developer Conferenceの基調講演ビデオは継続的に更新されています。QRコードをスキャンして公式サイトに直接アクセスし、リプレイを視聴してください。

海外展開を進める中国の開発者の皆様により良いサービスを提供するため、Google Developers China ウェブサイトに Google AI ページを開設しました。このページでは、Google AI 関連の技術アップデートや情報に簡単にアクセスできます。

リンク: https://developers.google.cn/ai/