Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
家庭で使えるPWA / PWA Night Vol.2 LT
Search
Chinen
March 20, 2019
Programming
0
2.1k
家庭で使えるPWA / PWA Night Vol.2 LT
Chinen
March 20, 2019
Tweet
Share
More Decks by Chinen
See All by Chinen
MTDDC Meetup TOKYO 2023
chinen
1
280
Nuxt 3でJamstackテンプレートを作るときの考え方
chinen
3
1.1k
WWDC2023-Recap-LT
chinen
1
86
Web Push対応状況2023
chinen
0
430
技術記事が書けない人はGPTに背中を押してもらおう
chinen
2
110
Three.jsで3Dぷわんを動かす / PWA Night vol.46
chinen
0
120
PWA開発を基礎からおさらい / PWA Night CONFERENCE 2022
chinen
3
1.2k
frontend-conf-okinawa-2022
chinen
0
350
Jamstack導入時の罠/ジャムスタックチョットデキル!! 秋のLT大会2022
chinen
1
300
Other Decks in Programming
See All in Programming
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
340
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
360
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
1.1k
What We Can Learn From OSS
inouehi
0
420
Code Reviews
bkuhlmann
4
890
Node.js v22 で変わること
yosuke_furukawa
PRO
9
3.5k
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
820
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
540
PostmanでAPIの動作確認が楽になった話
h455h1
0
170
Goのmultiple errorsについて (2024年4月版)
syumai
4
940
コーンフレークから始める モデリング会話入門
ogurotakayuki
0
380
Elm 0.19.0 Changes
bkuhlmann
0
490
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
43k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Side Projects
sachag
451
41k
Statistics for Hackers
jakevdp
789
220k
Why Our Code Smells
bkeepers
PRO
331
56k
Git: the NoSQL Database
bkeepers
PRO
422
63k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Building Better People: How to give real-time feedback that sticks.
wjessup
355
18k
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
Transcript
家庭で使える PWA 知念昌史 2019/03/20
知念 昌史(Masashi Chinen) 株式会社TAM:フロントエンドエンジニア 沖縄出身・元美容師 ・得意なもの HTML / CSS・CSS設計 /
JavaScript / Vue.js / PWA / Movable Type / WordPress ・すきなもの CSS、甘いもの、ゲーム、邦楽ロック、フィクション
週末の出来事
買い物をしていると 「特売」「大容量」って気になるよね
さて問題です
コスパが良いのはどっち? 398円の マヨネーズ 内容量:450g 298円の マヨネーズ 内容量:350g A B
計算めんどくさい
Webアプリつくった https://chi-memo-app.firebaseapp.com/whicheaper/
こんなやつ
やってみよう 398円の マヨネーズ 内容量:450g 298円の マヨネーズ 内容量:350g A B
PWA対応
1. アプリ化(ホーム画面に追加) ・・・manifest.jsonの設定 2. オフライン実行(調整中) ・・・Service Workerでキャッシュコントロール バグがあったらツイートで教えてね!(あるよ!)
iOSの人 Androidの人
伝えたかったこと • PWAは、身近なWebから作ることができ る、最初から難しく考えないで! • PWAよくわからなくてもまずは触ってみ よう!
お買い物で使ってみてね!!!
twitter @chocodogmagic 技術書展6 き05 ありがとうございました!