cache

PWAをオフライン対応させるには？Service Workerとキャッシュの基本をやさしく解説

PWAをオフラインでも使えるようにする仕組みを、Service Worker、Cache API、保存するファイルの考え方から初心者向けに解説します。

PWAのキャッシュ戦略を完全に理解する：Cache First / Network First / Stale-While-Revalidate を初心者向けに解説

PWAのキャッシュ戦略を完全に理解する：Cache First / Network First / Stale-While-Revalidate を初心者向けに解説 PWA（Progressive Web Apps）の中で最もつまずきやすいポイントが、キャッシュ戦略です。 Service Worker を導入すると、ページの表示は速くなりますが、同時に「更新されない問題」や「古いデータが残る問題」 […]

キャッシュを消すべきタイミング・消さべきではないタイミングを開発者目線で整理する

キャッシュを消すべきタイミング・消さべきではないタイミングを開発者目線で整理する スマホやPCを使っていて「表示が変わらない」「更新内容が反映されない」などの問題が起きると、 とりあえずキャッシュを全部消そうとする人が多いです。 しかしキャッシュには大きな役割があり、必要以上に削除すると逆にデメリットが大きくなることがあります。 この記事では、実際に Web ツールを開発しながら何百回もキャッシュ […]

Webツール開発者が絶対にやるSafariキャッシュ削除術｜全消しが逆効果な理由も解説

Webツール開発者が絶対にやるSafariキャッシュ削除術｜全消しが逆効果な理由も解説 Safari のキャッシュは「悪者」と思われがちですが、実は正しく使えばブラウジングを高速化してくれる重要な仕組みです。 ただし Webツール開発や WebClip（ホーム画面アイコン）を扱う時だけは別。 更新が反映されない・アイコンが変わらない・挙動が謎 こういう時に限り、キャッシュ削除が必要になります。 こ […]

iOS WebClip の歴史を徹底解説｜ホーム画面アイコン機能はどのように進化してきたのか？

iOS WebClip の歴史を徹底解説｜ホーム画面アイコン機能はどのように進化してきたのか？ いまでは当たり前になった「ホーム画面に Web サイトを追加する」機能。 しかし、これは iOS の登場と同時に存在していたわけではありません。 iPhone が最初に搭載した WebClip は、とてもシンプルなものでした。 そこから 15年以上のアップデートを経て、現在の「影キャッシュ」問題につなが […]

iPhoneのアイコンが更新されない理由｜Safariが保持する“影キャッシュ”の正体を徹底解説

iPhoneのアイコンが更新されない理由｜Safariが保持する“影キャッシュ”の正体を徹底解説 「アイコン画像を変えたのに、ホーム画面では昔のまま…」 「何回追加しても同じアイコンが出てくる…」 iPhoneでホーム画面アイコンが“更新されない”問題は、多くのユーザーがつまずくポイントです。 その原因は、通常のキャッシュとは別に存在する Safari の “影キャッシュ（Shadow Cache […]

ブラウザキャッシュの仕組みを徹底解説｜更新されない・古い表示になる原因とは？

ブラウザキャッシュの仕組みを徹底解説｜更新されない・古い表示になる原因とは？ Webサイトを更新したのに「古いまま表示される」「反映されない」という相談は非常に多くあります。 その原因のほとんどが ブラウザキャッシュ の仕組みによるものです。 この記事では、強キャッシュ・弱キャッシュ・ETag・Last-Modified といった キャッシュの基本から、更新が反映されないときの原因、正しい対策まで […]