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
180
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.4k
4年続くアプリにおけるチーム開発 #DroidKaigi 2017
cutmail
13
4.9k
フリルにおけるドッグフーディング / Fashion Tech Meetup #2 LT
cutmail
2
3.8k
Adapter and Custom Layout
cutmail
3
880
いかにして不具合発見時の フィードバックを素早く行うか #potatotips 12
cutmail
0
2.5k
Androidのログ出力をいい感じにする #potatotips 9
cutmail
8
9.7k
コーディング規約を緩く守りつつ仕事の成果を出す方法
cutmail
2
590
Other Decks in Technology
See All in Technology
Amazon Aurora バージョンアップについて、改めて理解する ~バージョンアップ手法と文字コードへの影響~
smt7174
1
390
Amazon GuardDuty Malware Protection for Amazon S3のここがすごい!
ryder472
1
110
Autify Company Deck
autifyhq
2
41k
自動と手動の両輪で開発するデータクレンジング
estie
2
170
Redshiftを中心としたAWSでのデータ基盤
mashiike
0
120
Amazon Location Serviceを使ってラーメンマップを作る
ryder472
2
180
クラウドネイティブ時代を乗り越えるためのオブザーバビリティ(可観測性)ことはじめ_CloudNative-Observability
tkhresk
0
110
AIエージェントについてまとめてみた
pharma_x_tech
20
13k
[JAWS-UG栃木]地方だからできたクラウドネイティブ事例大公開! / jawsug_tochigi_tachibana
biatunky
0
210
君はPostScriptなウィンドウシステム 「NeWS」をご存知か?/sunnews
koyhoge
0
630
extensionとschema
yahonda
1
170
BLEAでAWSアカウントのセキュリティレベルを向上させよう
koheiyoshikawa
0
170
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
530
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
GitHub's CSS Performance
jonrohan
1030
460k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
GraphQLとの向き合い方2022年版
quramy
44
13k
Six Lessons from altMBA
skipperchong
27
3.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
How STYLIGHT went responsive
nonsquared
98
5.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
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