PWAの基準を満たして何が出来るか？本当にそれは必要なのか？

# はじめに

結論、正解はないと思っていますが私的には『そこまでこだわらなくもていい』という認識です。

# PWAとは

よく言われているというか最初にPWAについて教えてもらった内容は『アプリのように表示される』的なものでした。

ちなみに私は上記聞いた時に要件満たせば、
iOSではiOSのボタンとかにAndroidではAndroidのボタンとかいい感じに変換してくれるの何それ凄い！てきに思っていました。

が、、、それは間違えでPWAというものの条件を満たすと色々アプリのいい部分を入れられるよ的なことでした。
具体的には以下です。

■
**htmlやCSSや画像などをキャッシュしてオフラインでも表示させられるようにすることが出来る。**
:hear_no_evil:何がいいの？:hear_no_evil:  
オフラインでも何かしら表示されれば表示されないサイトから離れる的なことを防げる。

:hear_no_evil:何がいいの？:hear_no_evil:
キャッシュをすることによってサーバーから取得を少なくすることで早い表示も出来ることもある。

■
**Androidとかだとサイトを開いた時『保存しますか？』的なの出来る。**
**保存したものからのクリックで最初アプリっぽくスプラッシュ画面が表示される。**
:hear_no_evil:何がいいの？:hear_no_evil: 
ホーム画面に保存されていればサイトで検索するより身近になるのでユーザーにより近い存在になれる。

:hear_no_evil:何がいいの？:hear_no_evil: 
最初だけ少しアプリっぽいから身近に感じられる？アプリ使うように感じられる？
(自分はそこまで思わないので?つけてます。googleさん本当にすみません、、)

https://github.com/sachiko-kame/onsenUISamplewithVue/blob/develop/minidemo.gif

https://web.dev/customize-install/

大体『PWA』と言うと上記のことが言われています。(言われています！？？？？？？？:flushed:)
正直キャッシュはServiceWorkerの機能ですし、アイコンの保存もmanifest設定だけで確か出来るので、、、、

ここから少し複雑なのですが『SPA』と言う形で『PWA』があるわけではなく、
よりユーザーに良い体験が出来るgoogleが作ったリストを、
世の中にgoogleが広めるために分かりやすい単語『PWA』を出してきたぐらいに思っています、、

ちなみに『PWA』とは『Progressive Web App』で『今よりより素晴らしいwebアプリ』的な意味のようです。

なので『PWA』に対応と言うより、上記等取り入れると『PWA』に近づく的な言い方が適切に感じています、

なので『PWAとは』、『今よりより素晴らしいwebアプリ』のニックネーム的な立ち位置ぐらいのものです。

ここらへん理解するのに私は時間がとてもかかりました、

ちなみにPWAについて最初こことかみると勘違いが起きるのではないかと思っています、
https://web.dev/install-criteria/#criteria

# なぜPWAにしたい的なことを言われるか？
ここはよりGoogleに好かれるサイトにすればよりGoogleで検索上位を取れるかもしれないので、
取り入れてみたい的なものが大きいのではないかと思います。

ここは憶測なのですがアナリティクスで有名な方とかが、
発信して何それ良さそう取り入れる！
みたいな流れなのではと思っています。

ま、やれるならやってみよう的な立ち位置かと、、

イメージ的には最近男の子等が、
『ギャルって良いね』的なの聞いてそれは朗報だ！
よし『ギャル』になってみるか的なものかと。

『ギャル』ってこうすれば『ギャル』ってないけどとりあえず金髪とかみたいなの取り入れると『ギャルっぽい』みたいなのありますよね、、それが上記のキャッシュとかと同じような感じかと思っています、、紛らわしいですよね、、

ちなみに『ギャルの定義』的な完全リストみたいのはgoogleさんが作ってくれて上記のキャッシュもその一部に過ぎないんです、
でそのチェックリストなのですが、内容は以下のようなものです。

・どのブラウザでも問題なく表示できる。
・表示が速い。
・オフラインでも何かしら表示出来る。
そのほかは以下のリンクの通りです。
https://web.dev/pwa-checklist/#core

# 結局PWAの定義みたいななんかこれといったものはないの？

私の意見もありますがない認識です。
ただサイトのPWA度がどれだけ上げっているかはチェックリストや実際にチェック出来たりするので、
下の方に『補足』として書かさせて頂きたいと思います。

# PWAというかなるべくPWA度を上げたらユーザーがめちゃくちゃ増えたか？

基本的なことチェックリストでPWA100ぐらいにしたサイトを作って公開したことはありますが、
正直PWA100だから何か恩恵を受けたかというというと『う〜〜〜〜ん』という感じです、
『アプリ』を作ればユーザーが増えるかというと『う〜〜〜〜ん』という感じというのと同じ感じかと思っています。

# で結局PWAに注目しなくても良いの？

ここなのですが、
キャッシュとかスプラッシュ画面を出す的なことにこだわらずに、
以下のリンクの出来ることでユーザーが喜んでくれそうなものから取り組むみたいに考えた方がよりいいのではないかと思っています！
https://web.dev/pwa-checklist/#core

# おわりに
大事なのは『PWAのチェックリスト』の中でユーザーが喜んでくれそうなものから順に取り入れていくこと。

:hatched_chick::hatched_chick::hatched_chick: **<font color=red>PWAのチェックリスト</font>** :hatched_chick::hatched_chick::hatched_chick: 
https://web.dev/pwa-checklist/#core
:hatched_chick::hatched_chick::hatched_chick: **<font color=red>PWAのチェックリスト</font>** ト:hatched_chick::hatched_chick::hatched_chick: 

余談ですが、、、

バッグが本屋さんで売られたらユーザーの目に入ることは多いかもしれないけど、
ユーザーがそれで劇的に増えてバッグの売り上げが劇的に上がるわけではないですよね、みたいな気持ちです。
ただ案外本見てくれる人に人気のあるバッグであればそこからユーザーが劇的に増えることもなきにしもあらずと言う感じかとぐらいでとらえるのがベストな気がしています。

# 補足とリンク等々
★PWA度のチェックツール(Lighthouse)

https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=ja


★PWAのチェックリスト

https://web.dev/pwa-checklist/#core

★記事に対する改善等募集しています！

https://kaizenkibokijisaito.com/articles/view/13?tab=2