油彩画家 仲 浩克 の公式サイト
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は自分に必要なのかどうなのかよく分からないけれど、無料なのでまずは試してみました。実験になります。やってみましたが必要なさそうなのでやめます。とりあえず、できるかどうかの実験でした。

by
ご連絡ください
ご質問やご意見は、お気軽にご連絡ください
関連記事