Pwaを作ってみる（ejリクールトlt 2017/10/18）

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

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

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

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

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

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

仕組み
page service worker
browser
server

仕組み
developers.google.comより

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

今とこれから
Microsoft Edge teamブログより

今とこれから
WebKit ドキュメントより

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

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

Pwaを作ってみる（ejリクールトlt 2017/10/18）

More Related Content

Similar to Pwaを作ってみる（ejリクールトlt 2017/10/18） (20)

More from Koki Natsume (9)

Pwaを作ってみる（ejリクールトlt 2017/10/18）

Editor's Notes