Progressive Web Apps

Kenichiro Okada

June 18, 2017

400

Progressive Web Apps

Introduction to progressive web apps

Kenichiro Okada

June 18, 2017

Tweet

More Decks by Kenichiro Okada

See All by Kenichiro Okada

将来を語るのが苦手なメンバーと向き合ってわかったこと

0

17

探索的なスタイルでフィードバックを使って、学びを豊かにしてみよう！

0

51

100%の傾聴を実践する

0

110

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

1

1.5k

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

0

2.1k

慣習から旅立つチーム

0

1.4k

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

0

980

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

0

370

Other Decks in Technology

See All in Technology

松尾研LLM講座2025 応用編Day3「軽量化」講義資料

14

4.7k

AWSに革命を起こすかもしれない新サービス・アップデートについてのお話

0

530

20251222_サンフランシスコサバイバル術

2

150

202512_AIoT.pdf

0

170

ペアーズにおけるAIエージェント基盤とText to SQLツールの紹介

2

2k

Strands Agents × インタリーブ思考で変わるAIエージェント設計 / Strands Agents x Interleaved Thinking AI Agents

6

2.5k

スクラムマスターが スクラムチームに入って取り組む5つのこと - スクラムガイドには書いてないけど入った当初から取り組んでおきたい大切なこと -

0

210

Keynoteから見るAWSの頭の中

PRO

1

150

2025年山梨の技術コミュニティを振り返る

0

130

[2025-12-12]あの日僕が見た胡蝶の夢〜人の夢は終わらねェ AIによるパフォーマンスチューニングのすゝめ〜

0

220

AWS re:Inventre:cap ～AmazonNova 2 Omniのワークショップを体験してきた～

PRO

0

120

さくらのクラウド開発ふりかえり2025

2

1.3k

Featured

See All Featured

Evolving SEO for Evolving Search Engines

0

89

Optimizing for Happiness

379

70k

Unlocking the hidden potential of vector embeddings in international SEO

0

140

The Power of CSS Pseudo Elements

80

6.1k

A Guide to Academic Writing Using Generative AI - A Workshop

PRO

0

170

Understanding Cognitive Biases in Performance Measurement

32

2.8k

Skip the Path - Find Your Career Trail

0

28

PRO

0

44k

Lessons Learnt from Crawling 1000+ Websites

PRO

0

980

Fight the Zombie Pattern Library - RWD Summit 2016

234

17k

So, you think you're a good person

PRO

0

1.9k

Put a Button on it: Removing Barriers to Going Fast.

60

4.1k

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!!