PWA Night vol.4 ~PWAのミライや活用方法をみんなで考えよう~ 参加してきた #pwanight

PWA好きなのでvol.4も参加してきました。

vol.3はCache APIについて登壇してきました。詳しくはこちら。

tiwu.hatenablog.com

PWA Night vol.4 ~PWAのミライや活用方法をみんなで考えよう~

pwanight.connpass.com

会場は株式会社ウルフさんでした。広くてお洒落・・・!

株式会社ウフル自体は今回はじめて知った。どうやらIoTの会社らしい

デモではGUIでIoTの開発をしていた。

昔アルディーノとか触った記憶が蘇ってきたw

こえのブログのPWAについて

Frontrend × Bonfire Frontend でも聞いた原さんのLT。

speakerdeck.com

以下メモ

  • こえのブログ!
  • 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

speakerdeck.com

以下メモ

  • 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

speakerdeck.com

以下メモ

  • 運営の一人
  • PWAは徐々に対応ができる
  • 最近いろんな許可を求めるダイアログが増えた(ダイアログヘル
  • 確認系のダイアログはキャンセルしがち
  • 旅行先で低快速のときにjQuery読めず詰んだ
  • 実際のSIerとかはアプリ化とか・・・うん・・・関係ないよね となりがち
  • iPad登場移行、タブレットの業務アプリが増えた
  • Cordovaが盛り上がる
  • オフラインでも動くが、OSアップデートに追われたり、審査があったり
  • そこでPWA
  • 業務アプリは利用者が限定的
  • 長期間保守するからweb標準技術のPWAは適している
  • webauthのハードウェアトーク

PWACompatを本番導入してみた話

gatchan0807

speakerdeck.com

PWA作って満足していないか?という話

iret_oyamatsu

  • PWAの保守
  • どうやって運用をしていくか?
  • 体験向上のウォッチ
  • 効果測定の話
  • matchMedia display-mode standaloneでmodeのチェックができる
  • しかしデスクトップIEもマッチする?!?!?!?
  • PWAディベロップメントエージェンシーに登録しよう

PWAManager

kindback

  • one signal
  • プッシュのサービス
  • 無料でもまあいける
  • 社内用にPWA系のソースを自動を生成するサービス作ってみた
  • がしかしバグっている
  • onesignalの無料だから使いすぎると死ぬ

懇親会

vol.5

pwanight.connpass.com

LTで喋ろうと思います〜〜〜〜

次回も楽しみです