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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Ross Kaffenberger
September 22, 2016
Technology
2.3k
0
Share
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
More Decks by Ross Kaffenberger
See All by Ross Kaffenberger
Getting Lazy with Vue and PDFs
rossta
2
1.5k
A Webpack Survival Guide for Rails Developers
rossta
1
2.7k
What I look for in a Junior Developer
rossta
2
1.1k
Enumerable's Ugly Cousin - GORUCO Microtalk
rossta
0
430
Enumerator - Enumerable's Ugly Cousin
rossta
1
570
Recurring Events with Montrose
rossta
3
2.1k
Enumerable - How I Fell in Love with Ruby
rossta
20
4.8k
Create and Deploy an Ember App in 5 Minutes
rossta
7
3.8k
Other Decks in Technology
See All in Technology
扱える不確実性を増やしていく - スタートアップEMが考える「任せ方」
kadoppe
0
250
弁護士ドットコム株式会社 エンジニア職向け 会社紹介資料
bengo4com
0
120
AIエージェントの権限管理 1: MCPサーバー・ツールの Fine grained access control 編
ren8k
3
480
MLOps導入のための組織作りの第一歩
akasan
0
300
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
4
23k
[OpsJAWS 40]リリースしたら終わり、じゃなかった。セキュリティ空白期間をAWS Security Agentで埋める
sh_fk2
3
210
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
6
74k
Introduction to Bill One Development Engineer
sansan33
PRO
0
410
幾億の壁を超えて/Beyond Countless Walls(JP)
ikuodanaka
0
140
AI時代のガードレールとしてのAPIガバナンス
nagix
0
200
AWS DevOps Agentはチームメイトになれるのか?/ Can AWS DevOps Agent become a teammate
kinunori
6
660
実践ハーネスエンジニアリング:TAKTで実現するAIエージェント制御 / Practical Harness Engineering: AI Agent Control Enabled by TAKT
nrslib
9
3.8k
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
It's Worth the Effort
3n
188
29k
Balancing Empowerment & Direction
lara
6
1k
The SEO identity crisis: Don't let AI make you average
varn
0
440
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.4k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
160
Information Architects: The Missing Link in Design Systems
soysaucechin
0
880
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
210
Measuring & Analyzing Core Web Vitals
bluesmoon
9
810
Done Done
chrislema
186
16k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9k
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