PWA (Progressive Web App)

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

参考：

プログレッシブウェブアプリ (PWA) | MDN

概要

参考：

PWA (Progressive Web Apps) とは | murashun.jp

プログレッシブウェブアプリの紹介 | MDN

導入

参考：

PWA をインストール可能にするには | MDN

ホーム画面に追加 | MDN

Make It Installable | web.dev

マニフェスト (manifest.json)

参考：

ウェブアプリマニフェスト | MDN

Add a Web App Manifest | web.dev

サービスワーカー (Service Worker)

参考：

サービスワーカーで PWA をオフラインで動作させる | MDN

Service Worker の使用 | MDN

サービスワーカー API | MDN

Service Worker の紹介 | Google Developers [公式]

ウェブアプリへの Service Worker とオフラインの追加 | Google Developers [公式]

通知／プッシュ

参考：

通知とプッシュを利用して PWA を再エンゲージ可能にするには | MDN

通知 API の使用 | MDN

Push API | MDN

構造

参考：

プログレッシブウェブアプリの構造 | MDN

プログレッシブウェブアプリの構造的な概要 | MDN

デバッグ

参考：

Service Worker 開発するときのデバッグ方法 – Qiita

Debug Progressive Web Apps | Chrome Developers [Official]

Service Worker Debugging | The Chromium Projects [Official]

まとめ

参考：

Progressive Web Apps | web.dev

UpUp

参考：

UpUp – The Offline First Library [Official]

TalAter/UpUp: Easily create sites that work offline as well as online – GitHub

Getting Started with Offline First using UpUp Tutorial | UpUp [Official]

Web サイトを PWA (Progressive Web App) に変える簡単な手順 翻訳 | TechRacho

iOS

参考：

Progressive Web Apps on iOS are here | Maximiliano Firtman

記事をシェアする：
タグ：

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA
Privacy - Terms