Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Progressive Web Apps on Rails

Avatar for Ross Kaffenberger 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

Avatar for Ross Kaffenberger

Ross Kaffenberger

September 22, 2016
Tweet

More Decks by Ross Kaffenberger

See All by Ross Kaffenberger
Getting Lazy with Vue and PDFs
Avatar for Ross Kaffenberger rossta
2
1.4k
A Webpack Survival Guide for Rails Developers
Avatar for Ross Kaffenberger rossta
1
2.6k
What I look for in a Junior Developer
Avatar for Ross Kaffenberger rossta
2
1.1k
Enumerable's Ugly Cousin - GORUCO Microtalk
Avatar for Ross Kaffenberger rossta
0
400
Enumerator - Enumerable's Ugly Cousin
Avatar for Ross Kaffenberger rossta
1
540
Recurring Events with Montrose
Avatar for Ross Kaffenberger rossta
3
2k
Enumerable - How I Fell in Love with Ruby
Avatar for Ross Kaffenberger rossta
20
4.7k
Create and Deploy an Ember App in 5 Minutes
Avatar for Ross Kaffenberger rossta
7
3.7k

Other Decks in Technology

See All in Technology
【AWS re:Invent 2025速報】AIビルダー向けアップデートをまとめて解説！
Avatar for みのるん minorun365
4
520
初めてのDatabricks AI/BI Genie
Avatar for Takaaki Yayoi taka_aki
0
140
打 造 A I 驅 動 的 G i t H u b ⾃ 動 化 ⼯ 作 流 程
Avatar for Bo-Yi Wu appleboy
0
320
生成AI活用の型ハンズオン〜顧客課題起点で設計する7つのステップ
Avatar for Nakao Yushin yushin_n
0
150
エンジニアリングマネージャー はじめての目標設定と評価
Avatar for d-haru halkt
0
280
Kubernetes Multi-tenancy: Principles and Practices for Large Scale Internal Platforms
Avatar for hhiroshell hhiroshell
0
120
AWS CLIの新しい認証情報設定方法aws loginコマンドの実態
Avatar for wkm2 wkm2
6
730
年間40件以上の登壇を続けて見えた「本当の発信力」/ 20251213 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
130
re:Invent2025 コンテナ系アップデート振り返り(+CloudWatchログのアップデート紹介)
Avatar for 枡川健太郎 masukawa
0
360
[デモです] NotebookLM で作ったスライドの例
Avatar for Takaaki Tanaka kongmingstrap
0
140
第4回 「メタデータ通り」　リアル開催
Avatar for データ横丁 datayokocho
0
130
MLflowダイエット大作戦
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
110

Featured

See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
13k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
8
1.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k

Transcript

  1. Progressive Web Apps on Rails Ross Kaffenberger @rossta

  2. Native > Web Reliable Independent of connectivity Works offline Sync-able

    Installable Re-engageable

  3. Web > Native Responsive Write once, Run everywhere* Fresh Linkable

    Discoverable Fast first-visit

  4. Best of both worlds (on the web) Progressive Web Apps

  5. None
  6. None

  7. Service Worker •Event driven •Worker context •No DOM access

  8. Service Worker •Intercept requests •Access to cache, IndexedDB, etc. •Send

    push notifications •Sync with server in background

  9. Service Worker

  10. Service Worker

  11. Service Worker •HTTPS only •Scoped by URL, e.g. /serviceworker.js /admin/serviceworker.js

  12. Service Worker on Rails Problem: Making Service Worker scripts work

    with the asset pipeline GET /serviceworker.js

  13. Service Worker on Rails gem “serviceworker-rails” •Serves pipeline assets from

    canonical urls •Customizes response headers

  14. Service Worker on Rails

  15. Service Worker on Rails Sandbox

  16. github.com/hemanth/ awesome-pwa github.com/TalAter/ awesome-service-workers

  17. github.com/rossta/ serviceworker-rails

  18. @rossta rossta.net Ross Kaffenberger