Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Service Worker を知る

235 Aufrufe

Veröffentlicht am

Service Workerについての感想

Veröffentlicht in: Software
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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 を 使 い た い

×