Slide 1
Slide 1 text
家庭で使える
PWA
知念昌史
2019/03/20
Slide 2
Slide 2 text
知念 昌史（Masashi Chinen）
株式会社TAM：フロントエンドエンジニア
沖縄出身・元美容師
・得意なもの
HTML / CSS・CSS設計 / JavaScript /
Vue.js / PWA / Movable Type / WordPress
・すきなもの
CSS、甘いもの、ゲーム、邦楽ロック、フィクション
Slide 3
Slide 3 text
週末の出来事
Slide 4
Slide 4 text
買い物をしていると
「特売」「大容量」って気になるよね
Slide 5
Slide 5 text
さて問題です
Slide 6
Slide 6 text
コスパが良いのはどっち？
398円の
マヨネーズ
内容量：450g
298円の
マヨネーズ
内容量：350g
A B
Slide 7
Slide 7 text
計算めんどくさい
Slide 8
Slide 8 text
Webアプリつくった
https://chi-memo-app.firebaseapp.com/whicheaper/
Slide 9
Slide 9 text
こんなやつ
Slide 10
Slide 10 text
やってみよう
398円の
マヨネーズ
内容量：450g
298円の
マヨネーズ
内容量：350g
A B
Slide 11
Slide 11 text
PWA対応
Slide 12
Slide 12 text
1. アプリ化（ホーム画面に追加）
・・・manifest.jsonの設定
2. オフライン実行（調整中）
・・・Service Workerでキャッシュコントロール
バグがあったらツイートで教えてね！（あるよ！）
Slide 13
Slide 13 text
iOSの人 Androidの人
Slide 14
Slide 14 text
伝えたかったこと
● PWAは、身近なWebから作ることができ
る、最初から難しく考えないで！
● PWAよくわからなくてもまずは触ってみ
よう！
Slide 15
Slide 15 text
お買い物で使ってみてね！！！
Slide 16
Slide 16 text
twitter @chocodogmagic 技術書展6 き05
ありがとうございました！