スライド一覧
https://drive.google.com/drive/folders/0B55wxScz_BJtV1lGbTBOYlhLTVk)
会場の様子、雰囲気など
はじめてのPWA
Q&A
Q. オフラインでも使える?
A. 前回の情報(またはデフォルト値)を表示し、一定時間内(120秒など)にオンラインデータを取得できればそれを表示する仕組み(前回の情報は基本ずっと残り続ける。永続Cookieなイメージ?)
Q. 初回表示が遅い
A. AMPを使う。初回高速化=AMP、2回目以降=PWAを組み合わせる
Q. 広告表示が遅い
A. amp_for_adを使う
Q. PWAの場合の広告表示は?
A. ネイティブアプリと同じ
Q. ネイティブアプリがいらなくなる?
A. すでに完成度の高いネイティブアプリがあるのなら、PWAに作り直すものではない。
Q. PWAに最適なフレームワークは?
A. JavaScriptで作ってください、とのこと。個人的に「データ取得できたら表示」する機能があReact,Vue,Anuglarを利用すれば使いやすいのかなと思いました。
Q. 最新データがたくさんある場合は、ユーザに確認ボタンを押させる
A. Twitterみたいな「最新○件表示」ボタン
Q. Push通知の許可
A. 味気ないブラウザのプロンプトのため、サイト上でユーザーが通知を欲しいと思わせるよう誘導してから表示させる。
PWAとは関係ないQ&A
Q. 長いローディング画面を出すなら
A. クロスワードゲームなどを表示させれば離脱しなくなる
Q. 決済情報、配送住所の取得はPayment Request APIを使おう
A. フォームの入力を選択式にできる入力補助API
:https://developers.google.com/web/updates/2016/07/payment-request?hl=ja
感想
日本はインフラが整っているため通信が切れる状態があまりないので、そこまでメリットはないのかなと感じました。
インフラ環境が整っていない国では必須な技術だと感じました。