たのしくみんなのWifi速度を収集する、しかもJSで!

Transcript

1. たのしくみんなのWifi速度を 収集する、しかもJSで! 株式会社DELTA 丹哲郎
2. 主にインフラ領域の技術支援サービスやってます！
3. 私は代表です！ 2日ぶり人生2回目のLTです！よろしくお願いします！
4. （ところで）会場あります！＠シブヤ
5. 最近オフィスのWifiが遅い！（らしい）
6. こういうのは各自が好き勝手言うからファクトが欲しい 電子レンジ？ 接続台数？ 上りが遅い？ 時間帯？
7. アーキテクチャ（妄想） 端末 データレイク 端末 端末 端末 グラフ化など インサイト
8. 極端に遅いことの検知はクライアントでやりたい 端末 データレイク 端末 端末 端末 グラフ化など インサイト 低速になった時点で通信が不安定にな るので、「遅くなった」ことは クライアントが検知してほしい
9. でも各自のOSはバラバラ
10. Chrome拡張にしてバックグラウンド実行させてみよう でもNW速度をキャプチャできるAPIなんてあるの？
11. navigator.connection
12. でもなんか数値が小さい・・・？
13. 丸めた値らしい(fingerprinting対策とのこと) https://stackoverflow.com/questions/5529718/how-to-detect-internet-speed-in-javascript/47511842#47511842
14. 「遅いこと」がわかればOK
15. 遅いときには通信しづらいので、復帰時にまとめて送付 実装はどうすればいいのかな？ • 定期的にチェック • 遅くなったら低速モードに • 高速に戻った時点でレポートを投げる • チェック間隔は高速時と低速時で変えたいかも、、、？
16. setIntervalだと等間隔すぎる件 高速時が9割で、低速時にはこまめにチェックしたいという場合にsetIntervalだとどちら に合わせるか難しい
17. 「さっきまで低速だった」という状態も管理したい 関数の外に状態を置いて更新したくないですよね、、、
18. setTimeoutと再起でシンプルに書けるかも？
19. setTimeoutと再起でシンプルに書けるかも？ 状態 遅い間はどんどん積み重なる 速くなったらリセット catch-allなループ
20. setTimeoutと再起でシンプルに書けるかも？ Exponential backoff 基本は30秒ごとにサンプリング
21. setTimeoutと再起でシンプルに書けるかも？ いま遅い 遅かった それ以外
22. （今後の課題）テスタビリティは低そう これは外から渡したほうが良さそう ここはSpyする？ これも外から渡したほうが良さそう？
23. [CM]AWSコストの無料診断やってます！
24. [CM]AWSコストの無料診断やってます！ https://costcut.cloud
25. ありがとうございました！