Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Progressive Web Apps

Avatar for Kenichiro Okada Kenichiro Okada
June 18, 2017
Technology
420
0

Progressive Web Apps

Introduction to progressive web apps

Avatar for Kenichiro Okada

Kenichiro Okada

June 18, 2017

More Decks by Kenichiro Okada

See All by Kenichiro Okada
将来を語るのが苦手なメンバーと向き合ってわかったこと
Avatar for Kenichiro Okada pastelinc
0
36
探索的なスタイルでフィードバックを使って、学びを豊かにしてみよう！
Avatar for Kenichiro Okada pastelinc
0
68
100%の傾聴を実践する
Avatar for Kenichiro Okada pastelinc
0
130
組織を変革する最初の一歩に躓いたけど、それはそれで良かった話
Avatar for Kenichiro Okada pastelinc
1
1.6k
ひとりでも安定して 組織を変える活動を続けていくための ストレスマネジメント
Avatar for Kenichiro Okada pastelinc
0
2.2k
慣習から旅立つチーム
Avatar for Kenichiro Okada pastelinc
0
1.5k
AngularJSを通してDockerと触れ合った
Avatar for Kenichiro Okada pastelinc
0
1k
AngularJSとWeb Audio APIはじめてみました
Avatar for Kenichiro Okada pastelinc
0
390

Other Decks in Technology

See All in Technology
Road to SRE NEXTの今までとこれから
Avatar for Hiroya Onoe hiroyaonoe
0
180
デジタル・デザイン構想 by Sayaka Ishizuka
Avatar for Sayaka Ishizuka y150saya
0
190
環境凍結という Toil を倒す -セルフサービス型 Ephemeral テスト環境の 設計と実践
Avatar for Yuji Shirai shirouz
1
910
事業価値を⽣み出すSREへ SREが担うべき意思決定の5層
Avatar for kenta_hi kenta_hi
1
1.4k
cccccc
Avatar for moznion moznion
0
1.8k
アカウントが増えてからでは遅い? ~ マルチアカウント統制の勘所 ~
Avatar for KenichiNakamura kenichinakamura
0
170
グローバルチームと挑むプロダクト開発
Avatar for SansanTech sansantech
PRO
1
160
SRE依存からの脱却 運用を開 発チームへ移す、 フルサイ クル開 発体制の実践
Avatar for joe joooee0000
0
1.2k
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
Avatar for Sho Nakatani laysakura
2
8k
生成AI活用によるODC欠陥分析の分類高速化の実践と導入効果 / 20260703 Suguru Ishii
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
100
LiDAR SLAMの実装とセンサ融合 ~Lie群からContinuous-Time LIOまで~
Avatar for Naoki Akai naokiakai
1
990
Why is RC4 still being used?
Avatar for tamaiyutaro tamaiyutaro
0
300

Featured

See All Featured
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.8k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
200
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.1k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.1k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
260
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
270
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.1k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.5k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
670

Transcript

  1. Progressive Web Apps Introduction to progressive web apps

  2. Self Introduction • pastelInc • ng-kyoto organizer • Interests •

    JavaScript • PHP • Natural language processing

  3. What’s PWA

  4. Why PWA https://www.slideshare.net/dynamis/progressive-mobile-web-apps

  5. Why PWA 2 https://www.slideshare.net/dynamis/progressive-mobile-web-apps

  6. Why PWA 3 https://www.slideshare.net/dynamis/progressive-mobile-web-apps

  7. PWA • Fast • Enjoy offline time • Like native

    app

  8. App Shell

  9. Web Apps Manifest https://www.w3.org/TR/appmanifest/

  10. Service Worker • Cannot access the DOM directly • Programmable

    network proxy • HTTPS required https://w3c.github.io/ServiceWorker/ https://w3c.github.io/workers/

  11. Let's see PWA

  12. Trouble • Need to study the Service Worker's lifecycle •

    Need to know how to use developer tools

  13. Reference • https://developers.google.com/web/fundamentals/ engage-and-retain/web-app-manifest/ • https://developers.google.com/web/fundamentals/ instant-and-offline/offline-cookbook/ • https://developer.mozilla.org/ja/docs/Web/API/ Web_Workers_API/Using_web_workers

    • https://workboxjs.org/ • https://github.com/johnpapa/pwa-angular

  14. Let’s try PWA!!