pea

1. PWAを作ってみる
Eyes, Japan Parttime Engineer, Koki Natsume

2. もくじ
1. 自己紹介
2. PWAとは
3. つくったもの
4. 仕組み
5. 今とこれから

3. 自己紹介
名前：棗 光幹
大学：学部２年
やってること：Webアプリケーション開発
好きな技術：Web、Golang、JavaScript、Rust
サークル：輩、ACL

4. PWA(プログレッシブウェブアプリ)とは
以下のような特徴を持つウェブアプリのこと。
1. ネイティブアプリ感覚で使える。(Push通知、オフライン動作)
2. 検索エンジンからも見つけられる。（リンク可能）
3. レスポンシブである。（PCでもタブレットなど様々な端末に対応）
4. HTTPS通信対応。
5. 有効なJSONのマニフェストがある。

5. PWAとは
メリット
● ページの高速化
● ウェブの範囲が広がる
● インストールがいらない
● PUSH通知が使える
● オフラインでも動く
デメリット
● まだ対応していないブラウザある
● ネイティブAPIのアクセスに限りがある

6. 作ったもの
URL: goo.gl/4JPKAb
お天気アプリ

7. 仕組み
page service worker
browser
server

8. 仕組み
developers.google.comより

9. 今とこれから
Safari, Microsoft Edgeともに開発中とのこと

10. 今とこれから
Safari, Microsoft Edgeともに開発中とのこと
Microsoft Edge teamブログより

11. 今とこれから
Safari, Microsoft Edgeともに開発中とのこと
WebKit ドキュメントより

12. 今とこれから
採用事例はまだ多くないものの、
いくつかの企業が業績をあげている。
twitter lite
・ページの表示時間75%削減
・push通知の開封率31%アップ

13. ご清聴ありがとうございました！