平成30年5月20日に開催された勉強会「Webのこれからを語ろう Ionic Meetup Tokyo #4」で発表した資料です。

1. PWA
ICS
30 5 20
Web Ionic Meetup Tokyo #4
#ionic_jp

2. (Yasunobu Ikeda)
ICS /
@clockmaker

3. PWA Progressive Web Apps
Google 2015
PWA
Google Trends
2017

4. UI
PWA

5. (App Store)

6.
モバイルアプリ 105MB
Twitter Lite 2MB

8. Twitter
1 105MB
×
4
=
420MB/

9. Progressive Web Apps Checklist
Progressive Web App Checklist
https://developers.google.com/web/progressive-web-apps/checklist

10. HTTPS
3G
Progressive Web Apps Checklist
Progressive Web App Checklist
https://developers.google.com/web/progressive-web-apps/checklist

11. Lighthouse PWA
Lighthouse
https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk

12. PWA API
iOS PWA
PWA

13. Service Worker
JavaScript
Service Worker
Service Worker

14. 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

15. Service Worker
iOS Safari
Service Worker

16. Web App Manifest

17. Android Chrome
Web App Manifest

18. Web App Manifest
Sevice Worker
fetch

19. iOS Safari 11.1 - Web App Manifest
Safari Web App Manifest
PWA

20. <meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-icon" href="icon.png">

21. <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

22. Safari PWA

23. ICS MEDIA
https://ics.media/ https://ics-creative.github.io/project-megurogawa-river/ Color Create
https://ics-creative.github.io/project-color-create/

24. PWA
Service Worker Web App Manifest

25. Service Worker

26. Service Worker

27. Service Worker
Caching Files with Service Worker | Web | Google Developers
https://developers.google.com/web/ilt/pwa/caching- les-with-service-worker

31. Google Analytics
GET

32.
PWA

37. viewport
(350ms)

38. PWA

39.
PWA

40. Chrome PWA

41. Windows Store PWA
Window Store

43. PWA
Web App Manifest
Service Worker &

44. Twitter
ICS
ikeda@ics-web.jp
@clockmaker
Copyright 2018 ICS INC. All rights reserved.