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
Progressive Web Apps on Rails
Search
Ross Kaffenberger
September 22, 2016
Technology
0
2.2k
Progressive Web Apps on Rails
Talking about "Why Progressive Web Apps?" and how you can start building them on Rails
Ross Kaffenberger
September 22, 2016
Tweet
Share
More Decks by Ross Kaffenberger
See All by Ross Kaffenberger
Getting Lazy with Vue and PDFs
rossta
2
1.2k
A Webpack Survival Guide for Rails Developers
rossta
1
2.2k
What I look for in a Junior Developer
rossta
2
940
Enumerable's Ugly Cousin - GORUCO Microtalk
rossta
0
300
Enumerator - Enumerable's Ugly Cousin
rossta
1
440
Recurring Events with Montrose
rossta
3
1.8k
Enumerable - How I Fell in Love with Ruby
rossta
20
4.5k
Create and Deploy an Ember App in 5 Minutes
rossta
7
3.6k
Other Decks in Technology
See All in Technology
学術機関におけるID連携とOpenID Connect
fujie
0
310
横断組織として考える共通DBの課題解決 〜 桃園の誓いアーキテクチャ 〜 / Addressing Shared Database Challenges as Cross-Team: “Peach Garden Oath” Architecture
4geru
0
220
開発者の定量・定性データを組み合わせて開発者体験を把握するための取り組み
ham0215
1
170
20240912 JJUGナイトセミナー
mii1004
0
140
Creative UIs with Compose: DroidKaigi 2024
chrishorner
1
600
Discovering AI Models
picardparis
4
3.9k
Segment Anything Model 2
tenten0727
3
720
サーバー管理しないサーバーサービスManaged DevOps Pool
kkamegawa
0
140
OSTという文化を組織に根付かせてみた
sansantech
PRO
2
430
JEP 480: Structured Concurrency
aya_ebata
0
130
アプリをリリースできる状態に保ったまま 段階的にリファクタリングするための 戦略と戦術 / Strategies and tactics for incremental refactoring
yanzm
6
1.5k
自作Cコンパイラ 8時間の奮闘
soukouki
0
850
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
29
1.4k
Infographics Made Easy
chrislema
239
18k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Designing for humans not robots
tammielis
248
25k
Fontdeck: Realign not Redesign
paulrobertlloyd
80
5.1k
Creatively Recalculating Your Daily Design Routine
revolveconf
215
12k
Unsuck your backbone
ammeep
667
57k
Side Projects
sachag
451
42k
VelocityConf: Rendering Performance Case Studies
addyosmani
322
23k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.9k
Atom: Resistance is Futile
akmur
261
25k
The Illustrated Children's Guide to Kubernetes
chrisshort
47
48k
Transcript
Progressive Web Apps on Rails Ross Kaffenberger @rossta
Native > Web Reliable Independent of connectivity Works offline Sync-able
Installable Re-engageable
Web > Native Responsive Write once, Run everywhere* Fresh Linkable
Discoverable Fast first-visit
Best of both worlds (on the web) Progressive Web Apps
None
None
Service Worker •Event driven •Worker context •No DOM access
Service Worker •Intercept requests •Access to cache, IndexedDB, etc. •Send
push notifications •Sync with server in background
Service Worker
Service Worker
Service Worker •HTTPS only •Scoped by URL, e.g. /serviceworker.js /admin/serviceworker.js
Service Worker on Rails Problem: Making Service Worker scripts work
with the asset pipeline GET /serviceworker.js
Service Worker on Rails gem “serviceworker-rails” •Serves pipeline assets from
canonical urls •Customizes response headers
Service Worker on Rails
Service Worker on Rails Sandbox
github.com/hemanth/ awesome-pwa github.com/TalAter/ awesome-service-workers
github.com/rossta/ serviceworker-rails
@rossta rossta.net Ross Kaffenberger