写真を楽しむブログPWAでアプリ化!オフラインで読めるブログ記事!

写真を楽しむブログPWAでアプリ化!オフラインで読めるブログ記事!

ブログをPWAでアプリ化してみました。

今流行りのPWAの使用感はどのようなものでしょうか?

写真を楽しむブログ 撮影地撮影方法紹介の写真ブログにようこそ!

写真を楽しむブログをオフラインでもご覧いただけるようにしました。

簡単にブログをアプリ化できるというPWA。

ただ…その使用方法は謎が多いです。

 ご注意! 

写真を楽しむブログPWA化

PWAとは?
Progressive Web Appsの略です。
モバイルでのアクセス時にキャッシュを表示して閲覧できるようになっています。
その他、色々な機能的な事もありますが省略します。

写真を楽しむブログでは…

スマホでのアクセスも多い事から

できる限り早く記事が表示されるように心掛けています。

オフラインでの閲覧

対応しているブラウザーなどに制限がありますが…

オフラインで記事を閲覧する事ができます。

検索からのユーザーにはあまり関係ありませんが…

ブックマークしていただいている方など

再訪問頂いている方に向けてPWA化いたしました。

オフラインでも閲覧できる事で
接続状態を気にする事なくご覧いただけます。

※現時点でiphoneではアプリ化できないようです。
※iphoneのChromeではテストしていません。

アプリ使用

オフラインで閲覧できるようにする為には?

GoogleChromeで利用できるようです。

写真を楽しむブログの記事を数ページに渡って閲覧していると…

インストール案内が出るかもしれません。

今の所Androidに対応しているようでiphoneでは分かりません。

iphoneでのSafariのようにアイコンを画面上にインストールする事ができます。

アイコンからアクセスすると?
全記事オフラインで閲覧可。

更新があった記事のみオンライン

接続しますか?などの案内表示。

wi-fiに繋いでない時など、アクセス制限があるときに便利です。

閲覧時にもし案内が出たら

画面上に保存してみてください。

今後はオフラインで読めます。

インストール自体は一瞬でした。(PCテストの場合)

新たな情報が分かりましたら告知します。

PCでのアプリ化

PWAはパソコンもオフラインできるようになります。

ただ…

今の所PCではオフライン化しないようにしています。

テストした結果、表示の崩れなどがあった為です。

PWA化まとめ

PCやスマホなどデバイスに限らず記事がオフラインにできるのは良い事です。

実際に試してみたら(PCで)オフラインだから表示が早い!

記事全体をダウンロードしたように見る事ができます。

これは便利な機能です。

スマホの場合…

私はiphoneの為、テストできないのが現状。

一度アクセスすれば…

ブログの記事がオフラインで読める。

いずれ全てのブログやサイトがオフラインで読めるようになるかも?