Progressive Web Apps

Kenichiro Okada

June 18, 2017

390

Progressive Web Apps

Introduction to progressive web apps

Kenichiro Okada

June 18, 2017

Tweet

More Decks by Kenichiro Okada

See All by Kenichiro Okada

100%の傾聴を実践する

0

110

組織を変革する最初の一歩に躓いたけど、それはそれで良かった話

1

1.5k

ひとりでも安定して組織を変える活動を続けていくためのストレスマネジメント

0

2k

慣習から旅立つチーム

0

1.3k

AngularJSを通してDockerと触れ合った

0

970

AngularJSとWeb Audio APIはじめてみました

0

370

Other Decks in Technology

See All in Technology

実践アプリケーション設計 ①データモデルとドメインモデル

recruitengineers

PRO

4

470

新規案件の立ち上げ専門チームから見たAI駆動開発の始め方

0

140

1

140

JOAI発表資料 @ 関東kaggler会

1

400

マイクロモビリティシェアサービスを支えるプラットフォームアーキテクチャ

1

240

生成AI利用プログラミング：誰でもプログラムが書けると世の中どうなる？/opencampus202508

0

190

「守る」から「進化させる」セキュリティへ ~AWS re:Inforce 2025参加報告~ / AWS re:Inforce 2025 Participation Report

1

140

【 LLMエンジニアがヒューマノイド開発に挑んでみた】 - 第104回 Machine Learning 15minutes! Hybrid

0

120

AIエージェントの開発に必須な「コンテキスト・エンジニアリング」とは何か──プロンプト・エンジニアリングとの違いを手がかりに考える

masayamoriofficial

0

420

VPC Latticeのサービスエンドポイント機能を使用した複数VPCアクセス

0

260

JuniorからSeniorまで: DevOpsエンジニアの成長ロードマップ

1

240

R-SCoRe: Revisiting Scene Coordinate Regression for Robust Large-Scale Visual Localization

0

430

Featured

See All Featured

CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again

161

15k

32

14k

4 Signs Your Business is Dying

184

22k

Principles of Awesome APIs and How to Build Them.

126

17k

Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End

251

21k

147

16k

Practical Tips for Bootstrapping Information Extraction Pipelines

PRO

23

1.4k

"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)

229

22k

Why Our Code Smells

PRO

338

57k

The Psychology of Web Performance [Beyond Tellerrand 2023]

49

3k

Building Flexible Design Systems

yeseniaperezcruz

328

39k

Producing Creativity

PRO

347

40k

Transcript

Progressive Web Apps Introduction to progressive web apps
Self Introduction • pastelInc • ng-kyoto organizer • Interests •
JavaScript • PHP • Natural language processing
What’s PWA
Why PWA https://www.slideshare.net/dynamis/progressive-mobile-web-apps
Why PWA 2 https://www.slideshare.net/dynamis/progressive-mobile-web-apps
Why PWA 3 https://www.slideshare.net/dynamis/progressive-mobile-web-apps
PWA • Fast • Enjoy offline time • Like native
app
App Shell
Web Apps Manifest https://www.w3.org/TR/appmanifest/
Service Worker • Cannot access the DOM directly • Programmable
network proxy • HTTPS required https://w3c.github.io/ServiceWorker/ https://w3c.github.io/workers/
Let's see PWA
Trouble • Need to study the Service Worker's lifecycle •
Need to know how to use developer tools
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
Let’s try PWA!!