【PWA化】気まぐれ情報局をホーム画面に追加しよう!

当webサイト「気まぐれ情報局」はPWA(Progressive Web Apps)に対応しました

気まぐれ情報局が「PWA(Progressive Web Apps)」に対応しました!

ホーム画面に追加することで、Safariではなくアプリとして起動することができます。

PWAって何?

PWAは「Progressive Web Apps」の略でweb技術で作成されたアプリのようなものです。

普通にSafariやChromeでアクセスする場合との大きな違いは以下のとおりです。

  • ホーム画面からアクセスできるので手軽に素早くアクセス可能
  • SafariやChromeで開かれるブックマークとは違うので単独のアプリとして開かれる
  • データがキャッシュされるのでオフラインでも開くことができる
  • push通知が可能(iOSは未対応)

 

では、1つずつ確認していきましょう。

 

ホーム画面からアクセスできるので手軽に素早くアクセス可能

これは普通の「ホーム画面に追加」でどのwebサイトでも出来ますね。

 

SafariやChromeで開かれるブックマークとは違うので単独のアプリとして開かれる

写真のように、ホーム画面に追加したアイコンをタップして起動してもSafariではなく、「別のアプリ」として起動するようになります。

 

データがキャッシュされるのでオフラインでも開くことができる

オフライン状態(画像では分かりやすいように機内モードにしています)でも開くことができます。

他のページも一度アクセスしてキャッシュされていればオンライン時とほぼ変わらない状態で閲覧可能です。

 

push通知が可能(iOSは未対応)

残念ながら、iOSではまだpush通知は対応していないみたいです・・・。

もし対応された場合は記事が新しく投稿された場合などに通知が行くようになります。

ホーム画面にアプリを追加するには?

ステップ1

真ん中にある四角に矢印が付いているアイコンをタップします。

 

ステップ2

ホーム画面に追加」をタップします。

 

ステップ3

「追加」を押せば完了!

 

 

是非、追加してみてください!