PWA化

ホーム画面に追加

ホーム画面に追加

昨日天気が芳しくなかったので、一日引きこもり生活で弊WEBサイトのPWA化をしました。

PWAとはProgressive Web Appsの略。
Webアプリをネイティブアプリのように使えるようにするしくみのこと。
キャッシュの読み込みをすることでより高速にウェブブラウジングができる。

と文字で書くと難しいですが、よく訪問するページは早く表示できるということです。
要件として、

  • SSL 化されており HTTPS で接続可能である
  • ユーザーが1週間に2回サイトを表示するなど、ユーザーが一定の行動をすること。

これを満たせば、今後訪問してもらうと「ホーム画面に追加しますか?」と表示されます。

それを強制的にする場合は、AndoroidのChromeの右上にある3点マークを押すと「ホーム画面に追加」があります。
それを選んでもらうと画像のように弊サイトのアイコンとサークルの短い名前「DH」が表示されてそれがホーム画面に登録されます。

誰も知らないかと思いますが、以前弊WEBサイトのリンクのショートカットをスマホやタブレットなどのAndroid用にサードパーティーのアプリを作成しましたが、アプリのエンジンが起動するのに時間がかかりイマイチでした。

今はこれぐらいしかないですが、ホーム画面のアイコンで更新があったら「1」とか表示されているようなことでプッシュ通知機能もやっていきたいと思います。

サイト管理, 日記

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください