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
930
Enumerable's Ugly Cousin - GORUCO Microtalk
rossta
0
290
Enumerator - Enumerable's Ugly Cousin
rossta
1
440
Recurring Events with Montrose
rossta
3
1.7k
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
20240717_イケコパ代表Copilot_in_Teams会社でこう使ってます
ponponmikankan
2
430
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
Flutter研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
「我々はどこに向かっているのか」を問い続けるための仕組みづくり / Establishing a System for Continuous Inquiry about where we are
daitasu
0
170
AutomatedLabを使って内部ペンテストを勉強しよう! -やられ社内ネットワークの自動構築-
n_etupirka
1
610
LLMアプリケーションの評価の実践と課題 ~PharmaXにおける今後の展望~
pharma_x_tech
2
160
AWS IAMのアンチパターン/AWSが考える最低権限実現へのアプローチ概略(JAWS-UG朝会#59資料改修20分版)
htan
0
330
サービスの持続的な成長と技術負債について
siva_official
PRO
10
4.4k
20240725 LLMによるDXのビジョンと、今何からやるべきか @Azure OpenAI Service Dev Day
nrryuya
3
1.2k
推薦システムを本番導入する上で一番優先すべきだったこと~NewsPicks記事推薦機能の改善事例を元に~
morinota
0
130
開発生産性をむしろ向上させる セキュリティパートナーの作り方 / Dev Productivity Con 2024
flatt_security
0
370
可視化プラットフォームGrafanaの基本と活用方法の全て
hamadakoji
0
230
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
RailsConf 2023
tenderlove
16
720
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
13
430
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.6k
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
The Cult of Friendly URLs
andyhume
75
5.9k
How to Ace a Technical Interview
jacobian
274
23k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
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