Progressive Web App

(2016/10/06)
  • Googleが提唱する新しいWebサイトの形

  • AMPプロジェクトから生まれたらしい
  • ネイティブアプリに近いアプリ作れるぜって話
  • 一日あたりインターネットにアクセスする時間

  • 8割がネイティブアプリ、2割がブラウザ
  • そのネイティブアプリのうち、80%の時間がその人の使用するアプリトップ3
  • 月間平均でネイティブアプリ25個、サイトは100以上
  • 実はWebの方が見られる確率が高いのでは?
  • ネイティブアプリにでできないこと

  • SLICE
  • Secure, Linkable, Indexable, Composable, Ephemeral
  • できること

  • ホーム画面にアイコン追加
  • 全画面表示
  • ブラウザバー非表示
  • プッシュ通知
  • プッシュアイコンにボタン入れたりできる
  • オフライン動作
  • Service Worker
  • 読み込み高速化
  • App Shell
  • 事例

  • suumo
  • ページの表示時間が75%現象
  • プッシュの開封率が31%
  • AliExpress
  • 新規ユーザーが104%に
  • iOSのCV率が82%
  • 構成要素

  • Web App Manifest
  • json書く
  • chrome拡張みたいなやつ
  • Service Worker
  • 気になる木

  • スマホの対応率はどれくらい?
  • pushはService Workerがやるの?
  • サーバサイドと端末のプロキシサーバとして動く
  • Service Workerのブラウザ対応はどれくらい?
  • http://caniuse.com/#search=service
  • iOSはまだっぽい
  • Service Workerはどれくらい端末の情報を取れる?
  • セキュリティが気になる
  • ほとんど取れないならサーバサイドからアクションを起こすのが基本かしら
  • 暗号化データってなんぞ
  • httpsと2重運用って感じかしら
  • 他ベンダーはどれくらい追従する気があるのかな
  • 後で調べる

  • VAPID
  • 認証の仕組み
  • javascript フロント

general(396)