リリースノート
デベロッパーに影響する Chrome Stable の変更について確認する。
eBay がシームレスな認証情報共有でログイン成功率を 10% 改善した方法
Updated 2025年3月6日
eBay が Digital Asset Links を使用して認証情報をシームレスに共有し、ログイン成功率を 10% 改善した方法をご覧ください。安全でクロスプラットフォームの認証を実装し、ユーザー エクスペリエンスを向上させる方法を学びます。
NRK がスクロールドリブン アニメーションを使用してストーリーに命を吹き込む方法
Updated 2025年2月26日
スクロール ドリブン アニメーションとスクロール トリガー アニメーションでストーリーテリング記事を強化する方法
Google 検索における推測ルールの使用方法
Updated 2025年2月12日
Google 検索が Speculation Rules API を使用して検索結果を匿名でプリフェッチし、ユーザー エクスペリエンスを改善した方法について説明します。
Spotify が Picture-in-Picture API を使用して Spotify ミニプレーヤーを開発した方法
Updated 2024年5月13日
Spotify ミニプレーヤーが、キャンバスをハックする機能から Document Picture-in-Picture API によって実現される洗練されたエクスペリエンスへと進化した方法をご紹介します。
スクロールドリブン アニメーションの事例紹介
Updated 2024年5月7日
Policybazaar、redBus、Tokopedia のスクロールドリブン アニメーションのメリットをご確認ください。
移行の事例紹介を見る
Updated 2024年5月7日
redBus、Policybazaar、Tokopedia のいずれも View Transition API を使用しており、パフォーマンスと滑らかな UI の恩恵を受けています。
メモリに収まるサイズの大きいファイルを Photoshop でどのように解決したか
Updated 2023年6月5日
Adobe が、象徴的な Photoshop アプリのウェブ バージョンで、最大のファイルでも編集できるようにした方法を学びます。 (この記事は動画でもご覧いただけます)。 2021 年、Adobe は Chrome エンジニアリングと共同で、 Photoshop のバージョンをウェブに導入 しました。このソフトウェアは、 SIMD 、 オリジンの非公開ファイル システム 内の高パフォーマンス ストレージ、キャンバスの P3 カラー空間 、 Lit を使用したウェブ
ベクター画像編集アプリ Boxy SVG が、Local Font Access API を使用してユーザーがお気に入りのローカル フォントを選択できるようにする方法
Updated 2023年6月1日
Local Font Access API は、ユーザーがローカルにインストールしたフォントデータにアクセスするためのメカニズムを提供します。名前、スタイル、ファミリーなどの上位レベルの詳細情報や、基盤となるフォント ファイルの未加工バイトなどです。SVG 編集アプリ Boxy SVG がこの API を使用する方法を学びます。 (この記事は動画でもご覧いただけます)。 Boxy SVG はベクター グラフィック エディタです。主な用途は、SVG
ゲームエディタ Construct 3 が File System Access API を使用してゲームを保存できるようにする仕組み
Updated 2023年5月30日
File System Access API を使用すると、読み取り、書き込み、ファイル管理機能を利用できます。Construct 3 でこの API を使用する方法を学びます。 (この記事は動画でもご覧いただけます)。 Construct 3 は、 Thomas と Ashley Gullen 兄弟によって開発されたゲーム エディタです。ゲーム エディタの現在の第 3 版では、Windows と NW.js 向けにビルドした後、完全に「ブラウザが新しいオペレーティング システムになる」
LEGO® Education における Web Bluetooth と Web Serial API の活用
Updated 2023年5月22日
レゴ エデュケーションはウェブの機能を活用し、できるだけ簡単に LEGO モデルとパソコンを接続します。
画像編集アプリ Photopea が、File Handling API を使用して、ユーザーがファイル エクスプローラーからファイルを開く仕組み
Updated 2023年5月15日
File Handling API を使用すると、ウェブアプリは、アプリケーションがサポートできるファイル形式のファイル ハンドラとして自身を登録できます。画像編集アプリケーション Photopea がこの API を使用する方法を学びます。 (この記事は動画でもご覧いただけます)。 Photopea は、 Ivan Kutskir が開発した無料のオンライン画像エディタです。Ivan は 2012 年にアプリの開発を開始し、Photopea に追加した主な機能を共有する ブログ
事例紹介: DevTools による改善された Angular デバッグ
Updated 2022年8月31日
Chrome DevTools チームと Angular チームが協力して Angular をテスト試験運用し、デバッグ エクスペリエンスを向上させました。他のフレームワークでも同様の変更が可能です。
常に更新
eBay がシームレスな認証情報共有でログイン成功率を 10% 改善した方法
Updated 2025年3月6日
eBay が Digital Asset Links を使用して認証情報をシームレスに共有し、ログイン成功率を 10% 改善した方法をご覧ください。安全でクロスプラットフォームの認証を実装し、ユーザー エクスペリエンスを向上させる方法を学びます。
NRK がスクロールドリブン アニメーションを使用してストーリーに命を吹き込む方法
Updated 2025年2月26日
スクロール ドリブン アニメーションとスクロール トリガー アニメーションでストーリーテリング記事を強化する方法
Google 検索における推測ルールの使用方法
Updated 2025年2月12日
Google 検索が Speculation Rules API を使用して検索結果を匿名でプリフェッチし、ユーザー エクスペリエンスを改善した方法について説明します。
Spotify が Picture-in-Picture API を使用して Spotify ミニプレーヤーを開発した方法
Updated 2024年5月13日
Spotify ミニプレーヤーが、キャンバスをハックする機能から Document Picture-in-Picture API によって実現される洗練されたエクスペリエンスへと進化した方法をご紹介します。
スクロールドリブン アニメーションの事例紹介
Updated 2024年5月7日
Policybazaar、redBus、Tokopedia のスクロールドリブン アニメーションのメリットをご確認ください。
移行の事例紹介を見る
Updated 2024年5月7日
redBus、Policybazaar、Tokopedia のいずれも View Transition API を使用しており、パフォーマンスと滑らかな UI の恩恵を受けています。
メモリに収まるサイズの大きいファイルを Photoshop でどのように解決したか
Updated 2023年6月5日
Adobe が、象徴的な Photoshop アプリのウェブ バージョンで、最大のファイルでも編集できるようにした方法を学びます。 (この記事は動画でもご覧いただけます)。 2021 年、Adobe は Chrome エンジニアリングと共同で、 Photoshop のバージョンをウェブに導入 しました。このソフトウェアは、 SIMD 、 オリジンの非公開ファイル システム 内の高パフォーマンス ストレージ、キャンバスの P3 カラー空間 、 Lit を使用したウェブ
ベクター画像編集アプリ Boxy SVG が、Local Font Access API を使用してユーザーがお気に入りのローカル フォントを選択できるようにする方法
Updated 2023年6月1日
Local Font Access API は、ユーザーがローカルにインストールしたフォントデータにアクセスするためのメカニズムを提供します。名前、スタイル、ファミリーなどの上位レベルの詳細情報や、基盤となるフォント ファイルの未加工バイトなどです。SVG 編集アプリ Boxy SVG がこの API を使用する方法を学びます。 (この記事は動画でもご覧いただけます)。 Boxy SVG はベクター グラフィック エディタです。主な用途は、SVG
ゲームエディタ Construct 3 が File System Access API を使用してゲームを保存できるようにする仕組み
Updated 2023年5月30日
File System Access API を使用すると、読み取り、書き込み、ファイル管理機能を利用できます。Construct 3 でこの API を使用する方法を学びます。 (この記事は動画でもご覧いただけます)。 Construct 3 は、 Thomas と Ashley Gullen 兄弟によって開発されたゲーム エディタです。ゲーム エディタの現在の第 3 版では、Windows と NW.js 向けにビルドした後、完全に「ブラウザが新しいオペレーティング システムになる」
LEGO® Education における Web Bluetooth と Web Serial API の活用
Updated 2023年5月22日
レゴ エデュケーションはウェブの機能を活用し、できるだけ簡単に LEGO モデルとパソコンを接続します。
画像編集アプリ Photopea が、File Handling API を使用して、ユーザーがファイル エクスプローラーからファイルを開く仕組み
Updated 2023年5月15日
File Handling API を使用すると、ウェブアプリは、アプリケーションがサポートできるファイル形式のファイル ハンドラとして自身を登録できます。画像編集アプリケーション Photopea がこの API を使用する方法を学びます。 (この記事は動画でもご覧いただけます)。 Photopea は、 Ivan Kutskir が開発した無料のオンライン画像エディタです。Ivan は 2012 年にアプリの開発を開始し、Photopea に追加した主な機能を共有する ブログ
事例紹介: DevTools による改善された Angular デバッグ
Updated 2022年8月31日
Chrome DevTools チームと Angular チームが協力して Angular をテスト試験運用し、デバッグ エクスペリエンスを向上させました。他のフレームワークでも同様の変更が可能です。