ブログ

デベロッパー向けの最新ニュース、更新情報、事例

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

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

  • ID
  • ケーススタディ
  • Chrome

Yu Tsuno

2025年3月6日

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

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

  • ケーススタディ
  • CSS
  • HTML
  • JavaScript
  • Chrome

Johannes Odland,Harry Theodoulou

2025年2月26日

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

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

  • ケーススタディ
  • Chrome

Oleksiy Busaryev and Barry Pollard

2025年2月12日

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

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

  • ケーススタディ
  • TypeScript
  • Chrome

Guido Kessels and Francois Beaufort

2024年5月13日

:has() の事例紹介

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

  • ケーススタディ
  • JavaScript
  • CSS
  • Chrome

Swetha Gopalakrishnan, Saurabh Rajpal

2024年5月7日

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

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

  • ケーススタディ
  • CSS
  • JavaScript
  • Chrome

Swetha Gopalakrishnan, Saurabh Rajpal

2024年5月7日

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

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

  • ケーススタディ
  • CSS
  • JavaScript
  • Chrome

Swetha Gopalakrishnan, Saurabh Rajpal

2024年5月7日

移行の事例紹介を見る

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

  • ケーススタディ
  • CSS
  • JavaScript
  • Chrome

Swetha Gopalakrishnan, Saurabh Rajpal

2024年5月7日

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

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

  • ケーススタディ
  • CSS
  • JavaScript
  • HTML
  • Chrome

Swetha Gopalakrishnan, Saurabh Rajpal

2024年4月24日

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

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

  • ケーススタディ
  • Chrome

Nabeel Al-Shamma

2023年6月5日

ベクター画像編集アプリ Boxy SVG が、Local Font Access API を使用してユーザーがお気に入りのローカル フォントを選択できるようにする方法

Local Font Access API は、ユーザーがローカルにインストールしたフォントデータにアクセスするためのメカニズムを提供します。名前、スタイル、ファミリーなどの上位レベルの詳細情報や、基盤となるフォント ファイルの未加工バイトなどです。SVG 編集アプリ Boxy SVG がこの API を使用する方法を学びます。 （この記事は動画でもご覧いただけます）。 Boxy SVG はベクター グラフィック エディタです。主な用途は、SVG

  • ケーススタディ
  • JavaScript
  • Chrome

Thomas Steiner

2023年6月1日

ゲームエディタ Construct 3 が File System Access API を使用してゲームを保存できるようにする仕組み

File System Access API を使用すると、読み取り、書き込み、ファイル管理機能を利用できます。Construct 3 でこの API を使用する方法を学びます。 （この記事は動画でもご覧いただけます）。 Construct 3 は、 Thomas と Ashley Gullen 兄弟によって開発されたゲーム エディタです。ゲーム エディタの現在の第 3 版では、Windows と NW.js 向けにビルドした後、完全に「ブラウザが新しいオペレーティング システムになる」

  • ケーススタディ
  • JavaScript
  • Chrome

Thomas Steiner

2023年5月30日