PWA対応のWEBアプリに興味をもったので調査

PWAの魅力

ホームスクリーンへの追加を促すことが出来る

使用するブラウザAPI：WebManifest

• 「ホームに追加」ボタンを表示でき、ホームに追加されたページはインストールされたアプリのように扱える
• ホーム画面のアイコンが設定できる

キャッシュでオフライン対応、ページの高速化が出来る

使用するブラウザAPI：Service Worker Caching

• オフラインでのリクエストをためておき、オンラインになったタイミングで処理を進めることが出来る

プッシュ通知を送ることが出来る

使用するブラウザAPI：Push Notifications

この他にも様々なAPIがPWAで使えるようになっている

参考にしたページ：これからPWAでつかえるようになるAPI

PWAに必要な環境構築の候補

• Web Starter Kit

  • 複数の記事を見た感じ、Web Starter Kitの導入で完結してて、Web Starter Kitを利用したPWA実装記事が少ない

• Vue.js開発環境 ＋ Workbox(ServiceWorker生成ツール)

  • PWAの雛形 （vue-pwa-boilerplate）とかも使うと便利かも

• React.js開発環境

  • create-react-appを使ってプロジェクトを作成するとデフォルトで用意されている。