ものすごく個人的なメモです。
開催概要
https://pwanight.connpass.com/event/116944/
ハッシュタグは#pwanight
開催挨拶
- これから毎月開催するよ
- ロゴ爆誕
自己紹介タイム
10秒ってめっちゃ短い
気になったこと
- 「分析の部分が闇」
PWAの今とこれから（仮） by 宍戸さん@Google
はじめに
スタバのサイトはPWAとして完成度が高い。
- ログインの自動化、決済まで
Google Map、Search、PhotoがPWA化してる。
特徴
- 高速な表示
- 信頼性
- エンゲージメント性
パフォーマンス
日経電子版とかめっちゃ早くなったよ。
信頼性
-
デバイスのキャッシュを有効に利用する
ServiceWorkerを利用する。
Workboxを使うと簡単。 -
オフラインの時はフォールバックページを返す
これもServiceWorkerでできる。 -
ホームスクリーンに追加
ホームに追加するプロンプトを表示するタイミングを制御できる
BeforeInstallPrompt -
プッシュ通知
アクセスしてすぐにプッシュ通知の許諾を求めるのはUX的に良くない -
ログイン、支払いを簡単に
What is Next
実はまだまだデスクトップも伸びている。
Cross Browser、Cross OS
Web ViewはブラウザのCookieを共有していない
PWAはCrome Custom Tabを使用しているのでcookieを共有している
PWA はビジネス的に美味しいか？ by 橋本さん@パラダイスウェア
実際にビジネスで使ってみた経験のお話。
https://speakerdeck.com/paradisemaker/pwa-habizinesude-nimei-wei-siika
メリット
- ネイティブアプリよりも低工数(開発/運用)
- ネイティブアプリを2チーム回すより安い
- 体制を張りやすい
- フレームワークがすごい(爆速！)
- 感覚的にネイティブの1/3
- 後からアプリ化できる
- 「担当者ガチャ」リスク回避
- 「Apple/Goolge税」問題回避
PWAの向いているところ
B2Bに向いてる
新規事業あるある
要件定義に時間がかかる、要件/仕様変更が多い、システム間連携･･･
遅延でコスト増
コレジャナイ
IT投資見直し
PWAを使うとどうなるか
早期に動くものを作れて触れる
- データが乗っている画面が動く
- 意思決定が早い
- 要件/仕様の祖語の早期発見
- フロントとサーバサイドを分離しやすくコレジャナイを防げる
プロトタイピングでおすすめの構成
vue.js + Firebase + twilio
スクラム/カンバンとの親和性も高い
リーンスタートアップとPWA～Webサービス立上げ時こそPWAを検討したい！～ by 角谷さん@TAM
リーンスタートアップの中での活用
プロトタイプやオズの魔法使いで使えそう
なんで向いているのか
- 新しい取り組みは予算も人員も少ない
- MVPを作り、検証しながら少しずつ育てる戦略がおすすめ
- ネイティブアプリに比べて改修のサイクルを早められる
- ネイティブアプリはすべてがダブルコストな上にリリースの度に審査が必要
ネイティブとのすみわけ
Webで訪問者を増やしPWAでリピーターを増やしてAppdeロイヤルユーザーを掴む
- パフォーマンスを高めるなら
最初から考慮して作っていれば問題ない
注意
URL設計ミスるとGoogle検索でインデックスされなくなる
PWA×CMS活用アイデア by 早瀬さん@シックス・アパート
PWA対応に必要なこと
- サイトの常時SSL化
- ウェブアプリのマニュフェストファイルの作成
- ServciceWorkerの作成
- Webプッシュ通知の実装
など
ユーザー事例
- 英語教育のサイト
- 受講者向けと運営向けに提供しているサイトの受講者向けサイトをPWA化
- 陽光台小学校PTA
- ITリテラシーが低い人にもプッシュ通知が送れる！
PWAが思ったより普及していない理由
- iOSの対応がまだ不完全