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
190
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.9k
Adapter and Custom Layout
cutmail
3
890
いかにして不具合発見時の フィードバックを素早く行うか #potatotips 12
cutmail
0
2.5k
Androidのログ出力をいい感じにする #potatotips 9
cutmail
8
9.7k
コーディング規約を緩く守りつつ仕事の成果を出す方法
cutmail
2
600
Other Decks in Technology
See All in Technology
問題解決に役立つ数理工学
recruitengineers
PRO
7
2.1k
「ラベルにとらわれない」エンジニアでいること/Be an engineer beyond labels
kaonavi
0
130
サーバシステムを無理なくコンテナ移行する際に伝えたい4つのポイント/Container_Happy_Migration_Method
ozawa
1
100
Restarting_SRE_Road_to_SRENext_.pdf
_awache
0
160
Go の analysis パッケージで自作するリファクタリングツール
kworkdev
PRO
1
410
モンテカルロ木探索のパフォーマンスを予測する Kaggleコンペ解説 〜生成AIによる未知のゲーム生成〜
rist
4
1.1k
Amazon GuardDuty Malware Protection for Amazon S3を使おう
ryder472
2
100
Cloud Native PG 使ってみて気づいたことと最新機能の紹介 - 第52回PostgreSQLアンカンファレンス
seinoyu
2
200
新卒エンジニア研修の試行錯誤と工夫/nikkei-tech-talk-31
nishiuma
0
200
SpannerとAurora DSQLの同時実行制御の違いに想いを馳せる
masakikato5
0
570
LINE API Deep Dive Q1 2025: Unlocking New Possibilities
linedevth
1
160
Engineering Managementのグローバルトレンド #emoasis / Engineering Management Global Trend
kyonmm
PRO
6
990
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.4k
Gamification - CAS2011
davidbonilla
81
5.2k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
How STYLIGHT went responsive
nonsquared
99
5.4k
KATA
mclloyd
29
14k
Optimising Largest Contentful Paint
csswizardry
35
3.2k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Side Projects
sachag
452
42k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Site-Speed That Sticks
csswizardry
4
450
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