ウェブ プラットフォームを初めて利用する場合
東急がパスキーでログインのスピードを 12 倍にした方法
日本の鉄道会社である東急が、パスキーによるログインを 12 倍高速化し、毎日何千人もの乗客をサポートしている方法をご覧ください。
- ケーススタディ
- パスキー
2024年10月14日
Google スプレッドシートが計算ワーカーを JavaScript から WasmGC に移植した理由
Google スプレッドシートでの計算は当初、サーバーで行われ、次に JavaScript のクライアントで行われ、WebAssembly ガベージ コレクションではクライアントで行われていました。このケーススタディでは、その方法と理由について説明します。
- ケーススタディ
2024年6月26日
よりスムーズに、より細かい管理: Google Meet で音声と動画の権限が改善された仕組み
このケーススタディでは、Google Meet チームが権限をどのように改善したか、それがユーザーに及ぼした影響について説明します。向上します
- ケーススタディ
2024年6月11日
BILIBILI、MediaPipe のオンデバイス ウェブ AI ソリューションを利用して動画ストリームの UX を改善し、セッション継続時間を 30% 拡大
ウェブによって臨場感あふれる 3D エクスペリエンスを可能にし、買い物客が物理的な商品を理解して探索できるようにした方法をご覧ください。
- ケーススタディ
2024年5月28日
Disney+ Hotstar で INP を 61% 削減し、リビングルーム向けデバイスでの週単位のカード視聴回数を 100% 増加させた方法
スマートテレビとセットトップ ボックスのデバイス向けアプリである Disney Hotstar が INP を削減する取り組みを通じて、視聴者のエンゲージメントを大幅に高めた事例をご紹介します。
- ケーススタディ
2024年5月22日
Google ハードウェアを使用したインタラクティブな 3D ウェブ アプリケーション: 次世代のプロダクト学習体験
ウェブによって臨場感あふれる 3D エクスペリエンスを可能にし、買い物客が物理的な商品を理解して探索できるようにした方法をご覧ください。
- ケーススタディ
- HTML
2024年3月18日
PubTech の同意管理プラットフォームが、顧客ウェブサイトの INP を最大 64% 削減し、広告の視認性を最大 1.5% 改善した方法
PubTech の同意管理プラットフォームが、顧客ウェブサイトの INP を最大 64% 削減し、広告の視認性を最大 1.5% 改善した方法
- ケーススタディ
- JavaScript
2024年2月28日
どこでもグッドノート
過去 2 年間にわたり、Goodnotes のエンジニアリング チームは、成功を収めた iPad のメモ作成アプリを他のプラットフォームでも利用できるようにするプロジェクトに取り組んできました。このケーススタディでは、2022 年の iPad アプリが、ウェブ テクノロジーを活用したウェブ、ChromeOS、Android、Windows に導入され、WebAssembly ではチームが 10 年以上にわたって取り組んできた同じ Swift コードを再利用した事例を紹介します。
- ケーススタディ
2024年2月7日
コンテンツ レコメンデーション プロバイダである Taboola は、LoAF を使用して、パブリッシャー パートナー ウェブサイトの INP を最大 36% 改善しました。
コンテンツ レコメンデーション プロバイダである Taboola は、LoAF を使用して、パブリッシャー パートナー ウェブサイトの INP を最大 36% 改善しました。
- ケーススタディ
- JavaScript
2024年2月1日
CapCut: WebAssembly と WebCodecs を使用して完全に機能するウェブアプリを構築することで、オーガニック トラフィックを 83% 増加
モバイルで利用できる最も人気のある動画編集アプリの一つが、完全に機能するウェブ バージョンをどのように作成したか。
- ケーススタディ
2024年2月1日
イラストレーターのためのウェブの力: ウェブ技術を活用した pixiv の描画アプリ
pixiv は、イラストレーターやイラスト愛好家がコンテンツを通じて相互にコミュニケーションを取るためのオンライン コミュニティ サービスです。ユーザーは独自のイラストを投稿できます。2023 年 5 月の時点で、世界中の 8,400 万人以上のユーザー が投稿し、 1 億 2,000 万 以上のアート作品が投稿されています。 pixiv Sketch は、pixiv
- ケーススタディ
- JavaScript
- C
2024年1月29日
Tokopedia: ML を使用して販売者のウェブアプリを改善し、運用コストを削減した方法
この投稿では、Mitra Tokopedia が ML を使用して販売者のウェブアプリを改善し、運用コストを削減した方法について説明します。
- ケーススタディ
- JavaScript
2024年1月17日
Trendyol が INP を 50% 削減した結果、クリック率が 1% 上昇した方法
このケーススタディでは、PageSpeed Insights(PSI)、Chrome DevTools、scheduler.yield API などの Google ツールを活用して、Trendyol で使用される React の INP をデバッグおよび改善するワークフローをステップごとに説明します。
- ケーススタディ
- JavaScript
2023年12月11日
Kiwix PWA でインターネットからギガバイト単位のデータをオフライン保存する方法
この活用事例では、非営利団体である Kiwix が、プログレッシブ ウェブアプリ テクノロジーと File System Access API を使用して、ユーザーがオフライン用に大容量のインターネット アーカイブをダウンロードして保存できるようにしている事例を紹介します。
- File System Access API
- プログレッシブ ウェブアプリ
- ケーススタディ
- JavaScript
- HTML
2023年11月16日
Yahoo!JAPAN、パスキーの導入率を 11% に増やし、SMS OTP の費用を削減
Yahoo!JAPAN は、パスキーの採用とユーザー エクスペリエンスの改善に向けた取り組みを進めています。
- ケーススタディ
- パスキー
2023年10月27日
プリフェッチによって Terra の広告のクリック率が 30% 向上し、Largest Contentful Paint が高速化された仕組み。
プリフェッチは、近い将来必要になると思われるリソース(またはページ全体)をダウンロードして、ページの読み込みを高速化する手法です。調査によると、読み込み時間が速いとコンバージョン率が高くなり、ユーザー エクスペリエンスも向上することがわかっています。
- ケーススタディ
- JavaScript
2023年9月1日
バックフォワード キャッシュが Yahoo!JAPAN ニュース、モバイルでの収益が 9% 増加
Yahoo! 日本有数のニュース プラットフォームであるジャパンニュースは、bfcache のヒット率を高めるために一丸となって取り組み、その結果、ユーザー エクスペリエンスとビジネスが大幅に改善しました。具体的には、同社が実施した A/B テストの結果、bfcache を使用するページで広告収益が 9% 増加したことがわかりました。
- ケーススタディ
2023年7月25日
INP の修正に関する Economic Times のクエスト
TBT を 30 倍削減し、Next.js に移行したことで、The Ecomonic Times は INP を約 4 倍削減できました。その結果、直帰率が 50% 減少し、ページビューが 43% 増加しました。
- ケーススタディ
- JavaScript
2023年5月10日
redBus、ウェブサイトの Interaction to Next Paint(INP)を改善して売上を 7% 伸ばした方法
INP の最適化により redBus の売上は約 7% 増加
- ケーススタディ
2023年5月10日
ブラウザ用 3D の驚くべき機能にスポットライトを当て、ゲームユーザーとデベロッパーの双方を魅了する Slow Roads
手続きによって生成される無限のシーンで WebGL が秘める可能性を体験できるカジュアル ドライビング ゲーム。 Slow Roads は、手続きによって無限に生成されるシーンに重点を置いたカジュアルなドライビング ゲームで、すべてが WebGL アプリケーション
- ケーススタディ
2023年4月11日
2022年10月20日
楽天 24 がウェブに関する主な指標に投資したことで、訪問者あたりの収益が 53.37%、コンバージョン率が 33.13% 増加した理由
また、楽天 24 は、実際のユーザーのウェブに関する指標を測定することで、優れた Largest Contentful Paint(LCP)によってコンバージョン率が 61.13% 向上することを発見しました。
- ケーススタディ
2022年8月24日
GoDaddy のウェブサイト + マーケティング サービスでは、顧客のウェブに関する主な指標が 75% 向上した
GoDaddy が実装した変更の事例。何百万ものサイトのパフォーマンスを向上させ、PageSpeed Insights と Core Web Vitals の優れたスコアを達成しました。
- Core Web Vitals
- ケーススタディ
2022年7月14日
高級品小売業者の Farfetch、ウェブに関する主な指標の改善によりコンバージョン率が向上
高級小売店の Farfetch は、ウェブに関する主な指標の改善に投資したことが、どのようにビジネス成果の向上につながったかについて解説します。
- Core Web Vitals
- ケーススタディ
2022年7月12日
Yahoo! JAPAN のパスワード不要の認証で問い合わせが 25% 減少し、ログイン時間が 2.6 倍に
Yahoo! JAPAN はパスワードレスの ID システムを実現しました。そのアプローチと取り組みの結果をご覧ください。
- ケーススタディ
- HTML
- JavaScript
- パスキー
2022年5月10日
ウェブに関する主な指標を最適化してロイヤリティとエンゲージメントを高めた RebelMouse の事例
ウェブに関する主な指標に対する高いパフォーマンス スコアの全体的な影響とメリットを測定した事例紹介。
- ケーススタディ
2022年4月15日
WorkBox により Adobe Experience Manager で最新のウェブ環境を構築
プログレッシブ ウェブアプリは、最新のウェブの能力を活かしています。Adobe は Workbox を使用して、そうした機能を Adobe Experience Manager に導入しています。
- ケーススタディ
2022年4月12日
MishiPay の PWA により、トランザクションが 10 倍に増加し、キューイングを 2 年半削減
トランザクションを 10 倍に増やし、2 年半のキューイングを削減した MishiPay の PWA についてご紹介します。
- ケーススタディ
- JavaScript
2022年3月28日
ウェブに関する主な指標の基準を突破し、直帰率を全体で 43% 向上させた Economic Times の事例
Economic Times のウェブサイトでウェブに関する主な指標を最適化すると、ユーザー エクスペリエンスが大幅に向上し、ウェブサイト全体の直帰率が大幅に減少しました。
- ケーススタディ
2021年12月21日
ダークモードでユーザー エンゲージメントを改善した Terra
この記事では、「ダークモード」コホートのサイズを特定し、カスタムダークモードを適用するまでの Terra のジャーニーを分析し、最後にこの実装が主要な KPI に及ぼす影響を測定します。
- ケーススタディ
- CSS
- JavaScript
2021年12月18日