PWA Night vol.4 ~PWAのミライや活用方法をみんなで考えよう~ 参加してきた #pwanight
PWA好きなのでvol.4も参加してきました。
vol.3はCache APIについて登壇してきました。詳しくはこちら。
PWA Night vol.4 ~PWAのミライや活用方法をみんなで考えよう~
会場は株式会社ウルフさんでした。広くてお洒落・・・!
来ました #pwanight pic.twitter.com/aNKYAc3FAO
— Taguchi Wataru (@tiwu_official) May 15, 2019
株式会社ウフル自体は今回はじめて知った。どうやらIoTの会社らしい
デモではGUIでIoTの開発をしていた。
昔アルディーノとか触った記憶が蘇ってきたw
こえのブログのPWAについて
Frontrend × Bonfire Frontend でも聞いた原さんのLT。
以下メモ
- こえのブログ!
- PWAのキャッシュ周り?
- PWAのロゴって自由に加工していいのかw
- ライトハウス高し
- PWA = UX
- サーバーサイドキャッシュ
- 物理的距離・ネットワーク状況
- 安定させるためにCDN
- CDNのキャッシュヒット率を高める
- できる限りキャッシュ -TimeToLiveはかなり長くしている
- サロゲートキー
- イベント駆動パージ
- デプロイをキーにサロゲートキー使ってキャッシュをパージする
- エッジコンピューティング
- CDNでできるなら処理をCDNでする
- workbox使っている
- PRPLパターン
- index.html
- SWを動かしキャッシュに貯める
- UIパーツ
- web components
- lit-element
- ボタンはshadow domに隠す
- button自体の拡張はしない -ライブラリ不要で軽い
- 下書きはIndexedDBへ
- オフラインでもレコーディングできる
- オンラインか否かを検知できるofflineイベントも有る
- iOS12.2で外部ドメインいけるようになった
- cssカスタムプロパティ
- NetworkInformation APIで回線速度を取得
- intersection observer
- web share api
- clipboard api
- vibrate API
- web workerでwasm
- 画像はブラウザで圧縮
share、vibrate, clipboardなどよりアプリになれるAPIがあって驚いた
やっていこう。PWA
@oliver_diary
以下メモ
- PWA2015年スタート
- downasaur(オフラインのときに出てくる恐竜)
- Fast, Integrated, Reliable, Engaging
- Androidは対応状況いい感じ
- iOSは残るはpush
- Twitterログインできないからmanifest.jsonを取り除く
- 通知の許可の設計
- 初見の通知はほぼ許可しない
- 一度拒否したサイトを通知させるのもかなりつらい
- 通知の前に独自モーダルとかを挟むケースが多い
- OneSignal(pushできるサービス
- PWABuilder(マイクロソフトが出している支援ツール
- web share target api v2 ファイルも共有できる
- shape detection api 顔検出・バーコード検出・テキスト検出
- BadgeAPI バッジだせる
- Wake lock API 操作していないとき画面のロックを防ぐ(動画とか?
- native file system api ローカルのファイルをいじれる
- serial api マイクロコントローラとかと通信できる
- Web HID ゲームパッドとか触れる
- Contacts Picker 連絡先にアクセスできる
- Font Access API
知らないAPIが多い。。。
業務システムでこそPWA
@goofmint
以下メモ
- 運営の一人
- PWAは徐々に対応ができる
- 最近いろんな許可を求めるダイアログが増えた(ダイアログヘル
- 確認系のダイアログはキャンセルしがち
- 旅行先で低快速のときにjQuery読めず詰んだ
- 実際のSIerとかはアプリ化とか・・・うん・・・関係ないよね となりがち
- iPad登場移行、タブレットの業務アプリが増えた
- Cordovaが盛り上がる
- オフラインでも動くが、OSアップデートに追われたり、審査があったり
- そこでPWA
- 業務アプリは利用者が限定的
- 長期間保守するからweb標準技術のPWAは適している
- webauthのハードウェアトークン
PWACompatを本番導入してみた話
gatchan0807
- PWACompat
- iOS用のA2HSを自動挿入するライブラリ
- GitHub - GoogleChromeLabs/pwacompat: PWACompat to bring Web App Manifest to older browsers
PWA作って満足していないか?という話
iret_oyamatsu
- PWAの保守
- どうやって運用をしていくか?
- 体験向上のウォッチ
- 効果測定の話
- matchMedia display-mode standaloneでmodeのチェックができる
- しかしデスクトップIEもマッチする?!?!?!?
- PWAディベロップメントエージェンシーに登録しよう
PWAManager
kindback
- one signal
- プッシュのサービス
- 無料でもまあいける
- 社内用にPWA系のソースを自動を生成するサービス作ってみた
- がしかしバグっている
- onesignalの無料だから使いすぎると死ぬ
懇親会
🍺🍕 #pwanight pic.twitter.com/sJMIWJgJ7v
— Taguchi Wataru (@tiwu_official) May 15, 2019
vol.5
LTで喋ろうと思います〜〜〜〜
次回も楽しみです