拡張機能 / サンプル | Chrome Extensions

eBay がシームレスな認証情報共有でログイン成功率を 10% 改善した方法

eBay が Digital Asset Links を使用して認証情報をシームレスに共有し、ログイン成功率を 10% 改善した方法をご覧ください。安全でクロスプラットフォームの認証を実装し、ユーザーエクスペリエンスを向上させる方法を学びます。

NRK がスクロールドリブンアニメーションを使用してストーリーに命を吹き込む方法

スクロールドリブンアニメーションとスクロールトリガーアニメーションでストーリーテリング記事を強化する方法

Google 検索における推測ルールの使用方法

Google 検索が Speculation Rules API を使用して検索結果を匿名でプリフェッチし、ユーザーエクスペリエンスを改善した方法について説明します。

Spotify が Picture-in-Picture API を使用して Spotify ミニプレーヤーを開発した方法

Spotify ミニプレーヤーが、キャンバスをハックする機能から Document Picture-in-Picture API によって実現される洗練されたエクスペリエンスへと進化した方法をご紹介します。

スクロールドリブンアニメーションの事例紹介

Policybazaar、redBus、Tokopedia のスクロールドリブンアニメーションのメリットをご確認ください。

:has() の事例紹介

Policybazaar と Tokopedia が :has() を使用することでどのようなメリットが得られるかをご覧ください。

コンテナクエリに関する事例紹介

redBus と Tokopedia のコンテナクエリのメリットについて説明します。

移行の事例紹介を見る

redBus、Policybazaar、Tokopedia のいずれも View Transition API を使用しており、パフォーマンスと滑らかな UI の恩恵を受けています。

ポップオーバーの事例紹介

Tokopedia は、Popover API を使用してアプリケーションのコード量を削減しています。

メモリに収まるサイズの大きいファイルを Photoshop でどのように解決したか

Adobe が、象徴的な Photoshop アプリのウェブバージョンで、最大のファイルでも編集できるようにした方法を学びます。（この記事は動画でもご覧いただけます）。 2021 年、Adobe は Chrome エンジニアリングと共同で、 Photoshop のバージョンをウェブに導入しました。このソフトウェアは、 SIMD 、オリジンの非公開ファイルシステム内の高パフォーマンスストレージ、キャンバスの P3 カラー空間、 Lit を使用したウェブ

サンプル

フィルタ条件