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
120
2万ページのSSG運用における工夫と注意点 / Vue Fes Japan 2024
chinen
3
2.7k
MTDDC Meetup TOKYO 2023
chinen
2
390
Nuxt 3でJamstackテンプレートを作るときの考え方
chinen
3
2k
WWDC2023-Recap-LT
chinen
1
160
Web Push対応状況2023
chinen
0
580
技術記事が書けない人はGPTに背中を押してもらおう
chinen
2
220
Three.jsで3Dぷわんを動かす / PWA Night vol.46
chinen
0
230
PWA開発を基礎からおさらい / PWA Night CONFERENCE 2022
chinen
3
1.5k
Other Decks in Programming
See All in Programming
AIレビュアーをスケールさせるには / Scaling AI Reviewers
technuma
2
230
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
mmmaxkim
0
990
KessokuでDIでもgoroutineを活用する / Go Connect #6
mazrean
0
110
書き捨てではなく継続開発可能なコードをAIコーディングエージェントで書くために意識していること
shuyakinjo
1
300
兎に角、コードレビュー
mitohato14
0
150
WebAssemblyインタプリタを書く ~Component Modelを添えて~
ruccho
1
910
Scale out your Claude Code ~自社専用Agentで10xする開発プロセス~
yukukotani
9
2.6k
GitHub Copilotの全体像と活用のヒント AI駆動開発の最初の一歩
74th
8
3.2k
MLH State of the League: 2026 Season
theycallmeswift
0
160
『リコリス・リコイル』に学ぶ!! 〜キャリア戦略における計画的偶発性理論と変わる勇気の重要性〜
wanko_it
1
590
Portapad紹介プレゼンテーション
gotoumakakeru
1
130
Laravel Boost 超入門
fire_arlo
1
120
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
53
7.7k
Visualization
eitanlees
147
16k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.4k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Agile that works and the tools we love
rasmusluckow
329
21k
Site-Speed That Sticks
csswizardry
10
780
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
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 ありがとうございました!