今あるサイトを手軽にアプリ化

既存のサイトをアプリのように見せたい、そんな時にPWAは強力

• すでにサイトはあるが、アプリはない。
• アプリを作るまでではないが、あったらあったでうれしい。

PWAを使えば、ほぼ工数をかけずアプリ化することができる

• 前提条件
  • HTTPSが使える。
    • 簡単にお試ししたいのであれば、Netlifyがおすすめ。
• 手順
  1. マニフェストを作成。
     • アプリの説明などを記述 。
  2. サービスワーカーを作成。
     • 既存のサイトをアプリのようにみせるだけであれば、最低限の実装で十分。
     • 作りこむことで、オフラインでの使用・プッシュ通知などが行えるようになる。
  3. アプリ化させたいページで、マニフェストとサービスワーカーを読み込む。
• サンプル
  • https://github.com/skanno/sample_pwa

アプリとしてインストールするには？

• ブラウザで該当ページを読み込み、「ホーム画面に追加」を行う。
  • 通常はそのURLへのショートカットが追加されるのみだが、PWA化されたページだとあたかもアプリをインストールしたかのようにみえる。