Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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.6k
家庭で使えるPWA / PWA Night Vol.2 LT
Chinen
March 20, 2019
Tweet
Share
More Decks by Chinen
See All by Chinen
v-okinawa meetup vol.11 / CMSでゲーム開発を効率化する
chinen
1
14
MTDDC Meetup TOKYO 2024 / フロントエンドエンジニアの成長に繋がるCMS設計
chinen
0
150
2万ページのSSG運用における工夫と注意点 / Vue Fes Japan 2024
chinen
3
3k
MTDDC Meetup TOKYO 2023
chinen
2
400
Nuxt 3でJamstackテンプレートを作るときの考え方
chinen
3
2.1k
WWDC2023-Recap-LT
chinen
1
170
Web Push対応状況2023
chinen
0
600
技術記事が書けない人はGPTに背中を押してもらおう
chinen
2
240
Three.jsで3Dぷわんを動かす / PWA Night vol.46
chinen
0
240
Other Decks in Programming
See All in Programming
JETLS.jl ─ A New Language Server for Julia
abap34
1
420
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
nowaki28
0
430
モデル駆動設計をやってみようワークショップ開催報告(Modeling Forum2025) / model driven design workshop report
haru860
0
270
AI 駆動開発ライフサイクル(AI-DLC):ソフトウェアエンジニアリングの再構築 / AI-DLC Introduction
kanamasa
8
1.5k
AtCoder Conference 2025「LLM時代のAHC」
imjk
2
530
TerraformとStrands AgentsでAmazon Bedrock AgentCoreのSSO認証付きエージェントを量産しよう!
neruneruo
2
500
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
400
Rediscover the Console - SymfonyCon Amsterdam 2025
chalasr
2
180
実は歴史的なアップデートだと思う AWS Interconnect - multicloud
maroon1st
0
220
AI時代を生き抜く 新卒エンジニアの生きる道
coconala_engineer
1
330
宅宅自以為的浪漫:跟 AI 一起為自己辦的研討會寫一個售票系統
eddie
0
510
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
sunabig
0
160
Featured
See All Featured
KATA
mclloyd
PRO
33
15k
Designing Experiences People Love
moore
143
24k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
160
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
39
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
33
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
26
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
310
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
130
sira's awesome portfolio website redesign presentation
elsirapls
0
87
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 ありがとうございました!