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
380
Nuxt 3でJamstackテンプレートを作るときの考え方
chinen
3
2k
WWDC2023-Recap-LT
chinen
1
160
Web Push対応状況2023
chinen
0
580
技術記事が書けない人は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
Go製CLIツールをnpmで配布するには
syumai
0
860
TypeScriptでDXを上げろ! Hono編
yusukebe
3
880
Advanced Micro Frontends: Multi Version/ Framework Scenarios
manfredsteyer
PRO
0
120
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
hiliteeternal
0
300
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
1k
AIコーディングエージェント全社導入とセキュリティ対策
hikaruegashira
15
8.7k
What's new in Adaptive Android development
fornewid
0
130
Gemini CLI のはじめ方
ttnyt8701
1
110
Claude Code派?Gemini CLI派? みんなで比較LT会!_20250716
junholee
1
760
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
570
Prompt Engineeringの再定義「Context Engineering」とは
htsuruo
0
110
ソフトウェア設計とAI技術の活用
masuda220
PRO
25
7k
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Building an army of robots
kneath
306
45k
Designing for humans not robots
tammielis
253
25k
RailsConf 2023
tenderlove
30
1.2k
Gamification - CAS2011
davidbonilla
81
5.4k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Automating Front-end Workflow
addyosmani
1370
200k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
19k
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 ありがとうございました!