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.5k
家庭で使えるPWA / PWA Night Vol.2 LT
Chinen
March 20, 2019
Tweet
Share
More Decks by Chinen
See All by Chinen
MTDDC Meetup TOKYO 2024 / フロントエンドエンジニアの成長に繋がるCMS設計
chinen
0
110
2万ページのSSG運用における工夫と注意点 / Vue Fes Japan 2024
chinen
3
2.6k
MTDDC Meetup TOKYO 2023
chinen
2
380
Nuxt 3でJamstackテンプレートを作るときの考え方
chinen
3
2k
WWDC2023-Recap-LT
chinen
1
160
Web Push対応状況2023
chinen
0
570
技術記事が書けない人はGPTに背中を押してもらおう
chinen
2
210
Three.jsで3Dぷわんを動かす / PWA Night vol.46
chinen
0
220
PWA開発を基礎からおさらい / PWA Night CONFERENCE 2022
chinen
3
1.5k
Other Decks in Programming
See All in Programming
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
330
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
650
Team operations that are not burdened by SRE
kazatohiei
1
260
Select API from Kotlin Coroutine
jmatsu
1
190
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
130
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
240
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
120
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
230
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
110
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
yimajo
2
220
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.6k
「ElixirでIoT!!」のこれまでとこれから
takasehideki
0
370
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
430
65k
Writing Fast Ruby
sferik
628
62k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Rails Girls Zürich Keynote
gr2m
94
14k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Why You Should Never Use an ORM
jnunemaker
PRO
57
9.4k
Thoughts on Productivity
jonyablonski
69
4.7k
Agile that works and the tools we love
rasmusluckow
329
21k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
Why Our Code Smells
bkeepers
PRO
337
57k
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
How STYLIGHT went responsive
nonsquared
100
5.6k
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 ありがとうございました!