Workboxで画像をランタイムでキャッシュする - console.lealog();
アクセスするとメガ単位でたくさんの画像を読み込むサービスがありまして・・。 リファクタによって、動的に必要な画像だけを読み込むように改修はしたけど、それでも回遊するとサイズがすごいことになる。 これをなんとかするならServiceWorkerしかない！というわけで。 Workbox 最初は0から手書きしようかと思ったけど、ちょっとやり始めただけであれこれ面倒なことがわかったので、先人に頼ることにした。 Workbox | Google Developers ご丁寧に、こういうことがやりたいんじゃろ？っていうのがガイドの中にあって、そうそうこれこれ〜って感じだった。 事前キャッシュではなく、あくまでランタイムでのキャッシュがしたかったので、これ。 import { CacheableResponsePlugin } from "workbox-cacheable-response"; i
Service Worker を使ってオフラインでも閲覧できるウェブページを作る方法
Web Service Worker を使ってオフラインでも閲覧できるウェブページを作る方法※当サイトにはプロモーションが含まれています。 1. はじめにウェブページの弱点の一つは、インターネット接続環境でないと見られない（使えない）ことです。 Google は PWA (Progressive Web Apps) というアプリケーション開発手法を提唱しており、これに従えばオフラインでも動作するウェブアプリケーションを作成することができます。但し、かなり面倒ですし、単純なウェブページを作りたいだけの場合はオーバースペックと言ってよいでしょう。 本ページでは、PWA でも使われている Service Worker という技術を使って、ウェブページまたはシンプルなウェブアプリケーションをオフラインでも閲覧できる（動作する）形で作成する方法を紹介します。 2. 今回使用する題材以前作って本サイト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Taking your web app offline (in a good sense)
PWA Night Conf: ScrapboxでのServiceWorkerとCacheの活用 - daiiz
