Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Service Worker を知る

59 views

Published on

Service Workerについての感想

Published in: Software
  • Be the first to comment

  • Be the first to like this

Service Worker を知る

  1. 1. Service Worker を知る Arcana meetup #53 2019/08/26 r.kashiwagi
  2. 2. Service Worker の基本 Webページの裏側で動く独立したJavaScript 環境 画像引用元 https://qiita.com/y_fujieda/items/f9e765ac9d 89ba241154
  3. 3. Service Worker のできること • ロ カ ル プ ロ キ シ • リ ク エ ス ト に 加 工 し た り で き る • オ フ ラ イ ン キ シ • オ フ ラ イ ン 時 の 使 用 が 可 能 • 現 時 点 で は 一 番 恩 恵 を 受 け ら れ る の が コ レ • プ シ 通 知 • ア プ リ を 閉 じ て い て も プ シ 通 知 を 受 け ら れ る • 賛 否 両 論 で す が • バ ク グ ラ ウ ン ド 同 期 • ジ オ フ ン シ ン グ ( 未 実 装 ) 引 用 https://qiita.com/poster- keisuke/items/ 00 05 6 b 8 d 5 d 62 75 afdb 1 a
  4. 4. ひととおり知っていただけたので
  5. 5. サービス
  6. 6. システム
  7. 7. ここ !!
  8. 8. 本日は SW のオフラインキャッシュ について
  9. 9. オフラインキャッシュの経緯 • 今 ま で 有 線 で イ ン タ ネ ト に 接 続 し て い て 気 に な ら な か た け ど Wi-Fi 環 境 に し て み た ら 読 み 込 み に 時 間 か か る ね • 一 回 読 み 込 ん だ ら ブ ラ ウ ザ で キ シ し て く れ る て 思 て い た け ど 都 度 取 て き て る ぽ い ね • サ イ ネ ジ の 画 像 や 動 画 を 毎 回 CF に リ ク エ ス ト す る と サ バ 代 が か さ む よ ね• プ リ ダ ウ ン ロ ド し て そ れ を 表 示 で き な い ? • サ ビ ス ワ カ 導 入 し ま す か • 結 果 的 に オ フ ラ イ ン で も 動 く よ ね • わ い や た
  10. 10. キャッシュ します! ブラウザ(サイネージ) サーバー(CF) SW SWのキャッシュ オンライン 差異があれば取得
  11. 11. SWを導入した結果
  12. 12. キャッシュすることに成功し ました。
  13. 13. キャッシュすることに成功し ました。 無事実装は 中間リリースに間に合いました。 画像はイメージです
  14. 14. が、しかし問題発生
  15. 15. PCではキャッシュできたのですが、 サイネージではキャッシュすることができない
  16. 16. WHY?
  17. 17. #arcana-pl- signage 引用 Google Developersの情報 [*2] によると、一般的に Chrome ブラウザでは、アプリは空きディスク領 域の最大 6% まで使用できる仕様になっているよ うです。(Chromium ベースなので Opera も同様 かと思います) [*2] https://developers.google.com/web/fundamentals/instan t-and-offline/web-storage/offline-for-pwa?hl=ja
  18. 18. サイネージとして採用したハードウェアに 制限があり、Service Worker の利用できる キャッシュ領域が非常に少なかったため!
  19. 19. まとめ •SW を 導 入 し た の が 中 間 リ リ ス の 2 ( 3 ) 週 間 前 な の で サ ビ ス の 設 計 段 階 か ら 検 討 し た か た ご 利 用 は 計 画 的 に • 結 局 SW は 使 用 し て い な い • 知 て い る と い う こ と は 大 事 • 技 術 者 と し て 視 野 を 広 げ て い き た い • ま た い つ か SW を 使 い た い

×