2024-01-28
このサイトにPWAを実験的に実装してみました
このサイト(WordPress)にPWAを実験的に実装してみた。まえからPWAってgoogleによって導入を推奨されているものだったので気にはなっていた。ということで今回導入実験を試みてみた。
PWAとはなにか
これって何かというとWebサイトをアプリのように使えるようにする技術のこと。なんちゃってアプリってやつである。Progressive Web Apps(プログレッシブウェブアプリ)の略称。とくにスマホのときに便利なものになる。
- webなのにアプリのようなアイコンが作れる。特にスマホのとき便利なものかと思う。webサイトから直接インストールし、ホーム画面にアイコンを表示できる。
- アプリストアを経由する必要がない。申請もいらない。勝手に実装可能。
- 端末ごとのローカルキャッシュ機能を利用して2度目からは速い。
- プッシュ通知することが可能になる。
PWAの条件
PWAの条件としてサイトがhttps://で提供されていることになります。
ちなみに、https://の場合は、データのやりとりを暗号化で通信しているという意味です。逆にいうと、http://は暗号化されていないデータをそのままやりとりしている状態です。
プラグイン PWA for WP を利用して実装
このサイトはWordPressのサイトなので、情報が沢山ネット上にある。だから、調べながらPWA実装実験ができた。このサイトはhttps://になっていることもあって、条件は満たしている。やらない理由はない。とりあえず、調べながら色々な無料のプラグインを試してみた。色々と試してみたけれど、今回はPWA for WPを利用してみることにした。とりあえずは実装できたみたい。実験成功。
PWAは自分に必要なのかどうなのかよく分からないけれど、無料なのでまずは試してみました。実験になります。やってみましたが必要なさそうなのでやめます。とりあえず、できるかどうかの実験でした。
リンク
2024-01-28 by
関連記事