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
5 minutes PWA
Search
Tatsuya Arai
February 23, 2018
Technology
0
160
5 minutes PWA
Tatsuya Arai
February 23, 2018
Tweet
Share
More Decks by Tatsuya Arai
See All by Tatsuya Arai
Androidアプリ開発における技術顧問としての役割 #DroidKaigi 2018
cutmail
1
2.2k
4年続くアプリにおけるチーム開発 #DroidKaigi 2017
cutmail
13
4.7k
フリルにおけるドッグフーディング / Fashion Tech Meetup #2 LT
cutmail
2
3.7k
Adapter and Custom Layout
cutmail
3
810
いかにして不具合発見時の フィードバックを素早く行うか #potatotips 12
cutmail
0
2.4k
Androidのログ出力をいい感じにする #potatotips 9
cutmail
8
9.3k
コーディング規約を緩く守りつつ仕事の成果を出す方法
cutmail
2
550
Other Decks in Technology
See All in Technology
Real World Type Puzzle and Code Generation
yukukotani
4
640
AI JIMY - 登壇(インストール編)
hanacchi
0
150
生成AIと産業向けソフトウェアの自動生成 〜 ハノーバーメッセ2024より〜
kioto
2
420
1Q86
kawaguti
PRO
2
190
Laboratories in Science and Technology: Deep Neural Networks
keio_smilab
PRO
3
160
Prisma ORMを2年運用して培ったノウハウを共有する
tockn
19
5.1k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
38k
Password cracking: past, present, future
openwall
0
270
開発スピードの維持向上を支える、テスト設計の 漸進的進化への取り組み / Continuous Test Design Development for Speed of Product Development
ropqa
0
180
20240509 CloudWatch でいろいろなものを監視してみよう
masaruogura
1
120
AWS アーキテクチャ作図入門/aws-architecture-diagram-101
ma2shita
16
6.7k
TDD - Test Driven Drupal
opdavies
0
3k
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
Statistics for Hackers
jakevdp
790
220k
Agile that works and the tools we love
rasmusluckow
325
20k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
245
20k
For a Future-Friendly Web
brad_frost
172
9k
The Invisible Customer
myddelton
114
12k
Making the Leap to Tech Lead
cromwellryan
125
8.6k
The Cult of Friendly URLs
andyhume
74
5.7k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
Designing with Data
zakiwarfel
96
4.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
Transcript
5 minuts PWA
PWAͱ • Progressive Web Apps • ϞόΠϧͰϖʔδΛදࣔ͢Δͱ͖ʹωΠςΟϒΞϓϦͷ Α͏ͳڍಈΛͤ͞Δ͜ͱ͕Ͱ͖Δ • GoogleΛத৺ͱͯ͠ࡦఆ͞Ε͍ͯΔ
PWAΛߏ͢Δཁૉ • Service Worker • Push API • Notification API
• localStorage / IndexedDB • History API • Geolocation API
PWAͰͰ͖Δ͜ͱ • ΦϑϥΠϯରԠ • ϖʔδͷදࣔ • ը໘ભҠ • ϓογϡ௨ •
ϗʔϜը໘ͷՃ • Ґஔใͷऔಘ
PWA vs Native
None
࠾༻ྫ • Twitter Mobile • Instagram • ଞଟ
Service Worker • ϒϥβ͕WebϖʔδͱผʹόοΫάϥϯυͰ࣮ߦ͢Δ εΫϦϓτɻ • DOMʹΞΫηεͰ͖ͳ͍ɻ • Service Worker༻͍ͯ͠ͳ͍ؒऴྃ͞Εɺඞཁʹͳͬ
ͨΒىಈ͠·͢ɻ • localhost or httpsͰͷΈಈ࡞ɻ
Service Worker
ϒϥβରԠঢ়گ
iOS11.3ΑΓService Worker͕༗ޮ ʹ
݁
͙͢ಋೖ͖͔͢ʁ
·ͩૣ͍
Ҏ্
ࢀߟϦϯΫ • http://www.publickey1.jp/blog/18/ appleiosmacosprogressiveweb_apps.html • https://qiita.com/edwardkenfox/items/ 4c0b9550ffa48c1f0445 • https://qiita.com/y_fujieda/items/f9e765ac9d89ba241154 •
https://developers.google.com/web/fundamentals/primers/ service-workers/?hl=ja • https://qiita.com/horo/items/ff665e4a6613e7684f8f