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
210
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
3.9k
Adapter and Custom Layout
cutmail
3
940
いかにして不具合発見時の フィードバックを素早く行うか #potatotips 12
cutmail
0
2.5k
Androidのログ出力をいい感じにする #potatotips 9
cutmail
8
9.9k
コーディング規約を緩く守りつつ仕事の成果を出す方法
cutmail
2
630
Other Decks in Technology
See All in Technology
Click A, Buy B: Rethinking Conversion Attribution in ECommerce Recommendations
lycorptech_jp
PRO
0
120
WEBサービスを成り立たせるAWSサービス
takano0131
1
200
CoRL 2025 Survey
harukiabe
1
240
混合雲環境整合異質工作流程工具運行關鍵業務 Job 的經驗分享
yaosiang
0
140
Building a cloud native business on open source
lizrice
0
150
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
130
現場データから見える、開発生産性の変化コード生成AI導入・運用のリアル〜 / Changes in Development Productivity and Operational Challenges Following the Introduction of Code Generation AI
nttcom
1
420
Claude Code Subagents 再入門 ~cc-sddの実装で学んだこと~
gotalab555
10
17k
MCP ✖️ Apps SDKを触ってみた
hisuzuya
0
260
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
14k
Linux カーネルが支えるコンテナの仕組み / LF Japan Community Days 2025 Osaka
tenforward
1
110
Copilot Studio ハンズオン - 生成オーケストレーションモード
tomoyasasakimskk
0
190
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Docker and Python
trallard
46
3.6k
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