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.3k
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.4k
A Webpack Survival Guide for Rails Developers
rossta
1
2.5k
What I look for in a Junior Developer
rossta
2
1k
Enumerable's Ugly Cousin - GORUCO Microtalk
rossta
0
390
Enumerator - Enumerable's Ugly Cousin
rossta
1
540
Recurring Events with Montrose
rossta
3
2k
Enumerable - How I Fell in Love with Ruby
rossta
20
4.7k
Create and Deploy an Ember App in 5 Minutes
rossta
7
3.7k
Other Decks in Technology
See All in Technology
データ戦略部門 紹介資料
sansan33
PRO
1
3.8k
React19.2のuseEffectEventを追う
maguroalternative
2
500
新規事業におけるGORM+SQLx併用アーキテクチャ
hacomono
PRO
0
370
難しいセキュリティ用語をわかりやすくしてみた
yuta3110
0
300
ソースを読むプロセスの例
sat
PRO
15
9.3k
そのWAFのブロック、どう活かす? サービスを守るための実践的多層防御と思考法 / WAF blocks defense decision
kaminashi
0
200
ガバメントクラウド(AWS)へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
shift_evolve
PRO
2
200
Biz職でもDifyでできる! 「触らないAIワークフロー」を実現する方法
igarashikana
0
190
Liquid AI Hackathon Tokyo プレゼン資料
aratako
0
110
サイバーエージェント流クラウドコスト削減施策「みんなで金塊堀太郎」
kurochan
4
2.1k
『バイトル』CTOが語る! AIネイティブ世代と切り拓くモノづくり組織
dip_tech
PRO
1
130
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
hjmkth
1
320
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Why Our Code Smells
bkeepers
PRO
340
57k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Facilitating Awesome Meetings
lara
56
6.6k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
The World Runs on Bad Software
bkeepers
PRO
72
11k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
4 Signs Your Business is Dying
shpigford
185
22k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
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