プログレッシブウェブアプリ

はじめに #

• プログレッシブウェブアプリとは何ですか？
• プログレッシブWebアプリでビジネスの成功を推進する
• 優れたプログレッシブ Web アプリとは？

インストール可能にする #

• どうすればインストール可能にできますか？
• How to define your install strategy

インストール可能なエクスペリエンスを提供する #

• Add a web app manifest
• オフラインフォールバックページを作成する
• 独自のアプリ内インストールエクスペリエンスを提供する方法
• PWAのインストールを促進するためのパターン
• Using a PWA in your Android app
• PWAs in app stores

Codelabs #

• インストール可能にする

アプリのようなユーザーエクスペリエンスを作り上げる #

• PWAをアプリのように動作させる
• Progressively enhance your Progressive Web App

PWA 限定の機能 #

• Get things done quickly with app shortcuts
• マスカブルアイコンを使用したPWAでのアダプティブアイコンのサポート
• Customize the window controls overlay of your PWA's title bar

その他のユーザーエクスペリエンス改善方法 #

• アプリはインストールされていますか？ getInstalledRelatedApps（）が教えます！
• Web ShareAPIを使用してOS共有UIと統合する

高度なトピック #

• How Chrome handles updates to the web app manifest
• Progressive Web Apps in multi-origin sites
• Building multiple Progressive Web Apps on the same domain
• Offline UX design guidelines

ケーススタディ #

• Deprecating Excalidraw Electron in favor of the web version
• Clipchamp's video editor PWA installs see a 97% monthly growth
• PWA users are 2.5x more likely to purchase Gravit Designer PRO
• JD.ID improves their mobile conversion rate by 53% with caching strategies, installation, and push notifications
• Rakuten 24’s investment in PWA increases user retention by 450%
• How ZDF created a video PWA with offline and dark mode
• How Goibibo's PWA improved conversions by 60%
• Building a PWA at Google, part 1