memo

PWAやってみるメモ - 2 サンプルと情報集積

有力そうな情報をまとめておく。

サンプル系

サンプルコードで学ぶPWA
https://qiita.com/radiocat/items/034904a094d07c389a4f

ServiceWorkerとCache APIを使ってオフラインでも動くWebアプリを作る
https://qiita.com/horo/items/175c8fd7513138308930

Progressive Web Appを作ってみる
https://qiita.com/kawakami-kazuyoshi/items/551f23ecee6c3d396c2a

Web Starter Kit
https://developers.google.com/web/tools/starter-kit/

プッシュ通知

[改訂版] Web Pushでブラウザにプッシュ通知を送ってみる
https://qiita.com/tomoyukilabs/items/2ae4a0f708a1af75f13e

Firebase

Firebaseの始め方
https://qiita.com/kohashi/items/43ea22f61ade45972881

現在の状態

  • いろいろ調べたがやっぱりお試しなら Firebase がよさそう。なにせ全部入りだ!
    (Glitchというのがよいらしいと聞いていろいろ調べていたが、コンテナ生存時間とかの関係でプッシュ通知とかできないっぽいので回避。そりゃそうだよな)
  • PWA はいろいろ必要なものがある (といっても要するに Service Worker が要るとかそういう話) 。イチから作るとしんどいが、そこは Google 大先生がスターターキットを準備してくれている。さあ、NodeとGulpを用意してスターターキットを貰ってこよう!
    (なおNodeは結構いじってたーのしー!したがGulpはよくわかってない模様。まあタスクランナーなんじゃろ?)