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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Tatsuya Arai
February 23, 2018
Technology
0
220
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
5k
フリルにおけるドッグフーディング / Fashion Tech Meetup #2 LT
cutmail
2
4k
Adapter and Custom Layout
cutmail
3
960
いかにして不具合発見時の フィードバックを素早く行うか #potatotips 12
cutmail
0
2.6k
Androidのログ出力をいい感じにする #potatotips 9
cutmail
8
9.9k
コーディング規約を緩く守りつつ仕事の成果を出す方法
cutmail
2
650
Other Decks in Technology
See All in Technology
「全社導入」は結果。1人の熱狂が組織に伝播したmikanのn8n活用
sota_mikami
0
400
ドキュメントからはじめる未来のソフトウェア
pkshadeck
2
700
一番人に近いコードレビューア CodeRabbit
kinopeee
0
110
AWS Network Firewall Proxyで脱Squid運用⁈
nnydtmg
1
160
ReproでのicebergのStreaming Writeの検証と実運用にむけた取り組み
joker1007
0
390
Hardware/Software Co-design: Motivations and reflections with respect to security
bcantrill
1
250
形式手法特論:コンパイラの「正しさ」は証明できるか? #burikaigi / BuriKaigi 2026
ytaka23
17
6.5k
Web Intelligence and Visual Media Analytics
weblyzard
PRO
1
6.8k
re:Inventで出たインフラエンジニアが嬉しかったアップデート
nagisa53
4
190
クラウドセキュリティの進化 — AWSの20年を振り返る
kei4eva4
0
160
迷わない!AI×MCP連携のリファレンスアーキテクチャ完全ガイド
cdataj
0
680
kintone開発のプラットフォームエンジニアの紹介
cybozuinsideout
PRO
0
570
Featured
See All Featured
Embracing the Ebb and Flow
colly
88
5k
The Curious Case for Waylosing
cassininazir
0
220
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
800
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
Building an army of robots
kneath
306
46k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
So, you think you're a good person
axbom
PRO
2
1.9k
It's Worth the Effort
3n
188
29k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
180
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