PWA
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
-[[PWA（Progressive Web Apps）とは？PWAの機能と導入するメ...
-[[PWAの6つの成功事例と、事例から見えた導入すべきサイトの...
-[[スマートフォンアプリの代わりになる！？グーグルが進める...
-[[【PWA導入成功事例9選】PWAとネイティブアプリは何が違う...
-[[PWAの作り方をサクッと学ぶ - 「ホーム画面に追加」「キャ...
-[[PWAを試してみよう:https://qiita.com/poruruba/items/77c...
-[[Nuxt.js で PWA(Progressive Web Apps) のベースアプリを...
-[[通知とプッシュを利用して PWA を再エンゲージ可能にする...
-[[【PWA】webプッシュを使って、更新通知を行えるようにする...
-[[プログレッシブ Web アプリケーションの継続的デプロイメ...
*概要 [#xa52538c]
-WebページをPWAとして設定することで以下のことができる
--Webアプリなのに、ネイティブアプリのように Android/Windo...
--アドレスバーのようなブラウザっぽさはなく、全画面でネイ...
-PWAのService Workerの機能を使った実装をすることで、以下...
--Webコンテンツをキャッシュ化することができ、オフラインで...
--サーバ側からPush通知ができる(iPhoneを除く)
**オフライン対応 [#p69d7db6]
***オフライン対応必須 [#vdc85f49]
-[[Improving Progressive Web App offline support detectio...
-[[ChromeのPWAインストール要件が変更に、オフライン対応必...
-Chrome は次をチェックする
--Service Worker がそのページにインストールされていること
--Service Worker が fetch イベントを設定していること
--インストールした Service Worker の fetch イベントが、シ...
-上記を満たしていないと、Chrome 89 以降は警告が出る
-Chrome 89 以降のデベロッパーツールで検証可能
-Chrome 93 以降ではインストールができなくなる
**Service Worker [#o8a2134d]
-[[Service Worker の紹介:https://developers.google.com/we...
**iOS [#z1fb5ae4]
-[[モバイルPWAのステータス in 2020:https://superhahnah.co...
-[[iOSにも対応してる？PWAの最新事情を徹底解説:https://sch...
-[[iOS Safari Push Notifications 2021: Are We There Yet?:...
***iOSのPWAの対応状況 [#e6258df3]
-iOS 12.2 で以下の機能が実装された
--スワイプで戻ることができるようになった（いわゆるナビゲ...
--OAuth 認証ができるように（SNS ログインの不具合が解消さ...
-iOS 13 からは以下の機能も追加されている
--URLのツールバーを隠せるようになった（ネイティブアプリ風...
--共有ボタンが更新され「ホーム画面に追加」するボタンがわ...
--Apple Pay が利用可能になった
***PWA を iOSで使う注意点 [#gc0992f0]
-PWAはもともとはApple発のサービスではない（Google発？）
-AppleはSafariへの機能追加にかなり慎重
-2020年7月には、フィンガープリンティングの懸念から、いく...
-BluetoothやNFC、バックグラウンドでの位置情報取得なども拒...
-例えば、Appleのブラウザのセキュリティ機能（ITP）が強化さ...
-Google が PWA で実現したい「二回目以降はオフラインでも起...
*開発 [#lee2f1ef]
**JavaScript [#qfcbaa53]
-[[はじめてのプログレッシブウェブアプリ:https://developer...
-[[PWAをもっと簡単に初めてみる:https://qiita.com/poster-k...
-[[Nuxt PWA - Nuxt.js:https://pwa.nuxtjs.org/]]
-[[Nuxt.js で PWA(Progressive Web Apps) のベースアプリを...
-[[作ったら始まるNuxtでPWAものがたり:https://qiita.com/Sh...
-[[Nuxt.jsとFirebaseで爆速でPWA対応Webアプリを開発した話:...
-[[Next.js で作成した Web アプリを PWA 対応する:https://d...
**C# [#ae9ec771]
-[[ASP.NET Core Blazor WebAssembly を使用してプログレッシ...
-[[C# PWA対応のBlazor WebAssemblyをVSCodeでデバッグするに...
-[[BlazorのPWAを使ってみた / Tried using PWA - Speaker De...
-[[［速報」Blazor WebAssemblyが正式リリース。C#/.NETでWeb...
*事例 [#kba53049]
-[[「サルでもわかるGit入門」がPWAに対応しました:https://n...
終了行:
-[[PWA（Progressive Web Apps）とは？PWAの機能と導入するメ...
-[[PWAの6つの成功事例と、事例から見えた導入すべきサイトの...
-[[スマートフォンアプリの代わりになる！？グーグルが進める...
-[[【PWA導入成功事例9選】PWAとネイティブアプリは何が違う...
-[[PWAの作り方をサクッと学ぶ - 「ホーム画面に追加」「キャ...
-[[PWAを試してみよう:https://qiita.com/poruruba/items/77c...
-[[Nuxt.js で PWA(Progressive Web Apps) のベースアプリを...
-[[通知とプッシュを利用して PWA を再エンゲージ可能にする...
-[[【PWA】webプッシュを使って、更新通知を行えるようにする...
-[[プログレッシブ Web アプリケーションの継続的デプロイメ...
*概要 [#xa52538c]
-WebページをPWAとして設定することで以下のことができる
--Webアプリなのに、ネイティブアプリのように Android/Windo...
--アドレスバーのようなブラウザっぽさはなく、全画面でネイ...
-PWAのService Workerの機能を使った実装をすることで、以下...
--Webコンテンツをキャッシュ化することができ、オフラインで...
--サーバ側からPush通知ができる(iPhoneを除く)
**オフライン対応 [#p69d7db6]
***オフライン対応必須 [#vdc85f49]
-[[Improving Progressive Web App offline support detectio...
-[[ChromeのPWAインストール要件が変更に、オフライン対応必...
-Chrome は次をチェックする
--Service Worker がそのページにインストールされていること
--Service Worker が fetch イベントを設定していること
--インストールした Service Worker の fetch イベントが、シ...
-上記を満たしていないと、Chrome 89 以降は警告が出る
-Chrome 89 以降のデベロッパーツールで検証可能
-Chrome 93 以降ではインストールができなくなる
**Service Worker [#o8a2134d]
-[[Service Worker の紹介:https://developers.google.com/we...
**iOS [#z1fb5ae4]
-[[モバイルPWAのステータス in 2020:https://superhahnah.co...
-[[iOSにも対応してる？PWAの最新事情を徹底解説:https://sch...
-[[iOS Safari Push Notifications 2021: Are We There Yet?:...
***iOSのPWAの対応状況 [#e6258df3]
-iOS 12.2 で以下の機能が実装された
--スワイプで戻ることができるようになった（いわゆるナビゲ...
--OAuth 認証ができるように（SNS ログインの不具合が解消さ...
-iOS 13 からは以下の機能も追加されている
--URLのツールバーを隠せるようになった（ネイティブアプリ風...
--共有ボタンが更新され「ホーム画面に追加」するボタンがわ...
--Apple Pay が利用可能になった
***PWA を iOSで使う注意点 [#gc0992f0]
-PWAはもともとはApple発のサービスではない（Google発？）
-AppleはSafariへの機能追加にかなり慎重
-2020年7月には、フィンガープリンティングの懸念から、いく...
-BluetoothやNFC、バックグラウンドでの位置情報取得なども拒...
-例えば、Appleのブラウザのセキュリティ機能（ITP）が強化さ...
-Google が PWA で実現したい「二回目以降はオフラインでも起...
*開発 [#lee2f1ef]
**JavaScript [#qfcbaa53]
-[[はじめてのプログレッシブウェブアプリ:https://developer...
-[[PWAをもっと簡単に初めてみる:https://qiita.com/poster-k...
-[[Nuxt PWA - Nuxt.js:https://pwa.nuxtjs.org/]]
-[[Nuxt.js で PWA(Progressive Web Apps) のベースアプリを...
-[[作ったら始まるNuxtでPWAものがたり:https://qiita.com/Sh...
-[[Nuxt.jsとFirebaseで爆速でPWA対応Webアプリを開発した話:...
-[[Next.js で作成した Web アプリを PWA 対応する:https://d...
**C# [#ae9ec771]
-[[ASP.NET Core Blazor WebAssembly を使用してプログレッシ...
-[[C# PWA対応のBlazor WebAssemblyをVSCodeでデバッグするに...
-[[BlazorのPWAを使ってみた / Tried using PWA - Speaker De...
-[[［速報」Blazor WebAssemblyが正式リリース。C#/.NETでWeb...
*事例 [#kba53049]
-[[「サルでもわかるGit入門」がPWAに対応しました:https://n...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
