PWA
ICS
30 5 20
Web Ionic Meetup Tokyo #4
#ionic_jp
(Yasunobu Ikeda)
ICS /
@clockmaker
PWA Progressive Web Apps


Google 2015
PWA
Google Trends
2017
UI
PWA
(App Store) 



モバイルアプリ 105MB
Twitter Lite 2MB
Twitter
1 105MB
×
4
=
420MB/
Progressive Web Apps Checklist
Progressive Web App Checklist
https://developers.google.com/web/progressive-web-apps/checklist
HTTPS
3G
Progressive Web Apps Checklist
Progressive Web App Checklist
https://developers.google.com/web/progressive-web-apps/checklist
Lighthouse PWA
Lighthouse
https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk
PWA API
iOS PWA
PWA
Service Worker
JavaScript
Service Worker
Service Worker
iOS 11.3 Safari 11.1 Service Worker
iOS Safari PWA
Safari 11.1
https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_1.html
Service Worker 

iOS Safari
Service Worker
Web App Manifest
Android Chrome 



Web App Manifest
Web App Manifest
Sevice Worker
fetch
iOS Safari 11.1 - Web App Manifest
Safari Web App Manifest
PWA
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-icon" href="icon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
Web App Manifest
location.href = "" a
<link rel="apple-touch-icon" href="icon.png">
Web App Manifest
Web App Manifest
Safari PWA
ICS MEDIA
https://ics.media/ https://ics-creative.github.io/project-megurogawa-river/ Color Create
https://ics-creative.github.io/project-color-create/
PWA
Service Worker Web App Manifest
Service Worker
Service Worker
Service Worker
Caching Files with Service Worker | Web | Google Developers 

https://developers.google.com/web/ilt/pwa/caching- les-with-service-worker
Google Analytics 

GET


PWA




viewport
(350ms)
PWA


PWA
Chrome PWA
Windows Store PWA
Window Store
PWA
Web App Manifest
Service Worker &
Twitter
ICS
ikeda@ics-web.jp
@clockmaker
Copyright 2018 ICS INC. All rights reserved.

クリエイティブの視点から挑戦するPWA