注目キーワード
  1. Music FM
  2. 漫画
  3. Yealico

最新記事が表示されない問題について【PWAのキャッシュを削除する方法】

9ketsuki
みなさんこんにちは

いつも気まぐれ情報局をご愛読頂きありがとうございます。

 

今回は、以前からTwitterでリプライやDMでも頂いていた

当サイトにアクセスしても最新記事が表示されない問題

についての解決方法を紹介します。

 

 

気まぐれ情報局にアクセスしても最新記事が表示されない!

実はこの問題、私も結構悩まされていました。

 

9ketsuki
記事を更新してもトップページに反映されない・・・><

 

私のサイトの記事は結構時間が経つと手遅れだったりする情報も多かったりするので、

いち早く皆さんに読んでもらいたいのですが、トップページのアーカイブに表示されなかったらどこから読んでもらうのさ!

 

というわけですよ。

 

私のサイトはwordpressというオープンソースのCMSを使用して構築しているのですが、

キャッシュを操作するプラグインやサイトテーマ自体にキャッシュ機能が備わってたりします。

 

それらを全て見直しても、治らない・・・・。

 

そして、今さっき原因が判明しました。

 

原因はPWAの超絶強力なキャッシュ

PWA(プログレッシブウェブアプリケーション)という技術があります。

PWAは簡単に言えば、

アプリストアを通さずにインストールできるwebアプリ

です。

 

アプリなだけあって、オフラインでも起動・閲覧ができるという優秀な機能が搭載されています。

 

ですが、そこにすごく大きな落とし穴があって、オフラインで閲覧という事は、

一度デバイス内にページのデータを保存することになるんですよね。

 

その保存する技術を「キャッシュ」と呼ぶのですが、PWAのキャッシュはものすごく強力で、

スーパーリロード(Ctrl+F5)と呼ばれるキャッシュも削除してリロードを行うリロード方法があるのですが、

それを行ってもPWAのキャッシュは削除されないのです。

 

私のサイトも一時期PWAに対応していて、

一部のユーザーにはそのPWAの超強力なキャッシュデータが残っているはずです。

【PWA化】気まぐれ情報局をホーム画面に追加しよう!

 

その為、そのキャッシュが悪さをして最新記事が表示されないという問題が発生したということです。

今後、最新記事をいち早くお届けするためにも、PWAキャッシュの削除をお願いします。

 

 

PWAのキャッシュを削除する方法

ブラウザやOSによって削除の方法が異なります。

 

PC(Chrome)の方

私のサイトを開いている状態で

F12キーを押すか、
[右クリック]>[検証]をクリックしてください。

 

すると、開発者パネルが起動するので、

[Application]>[Clear storage]>[Clear site data]

をクリックしてください。

 

 

iPhone(safari)の方

設定アプリを開いてください。

少しスクロールして「Safari」を探してタップしてください。

 

一番下までスクロールして「詳細」をタップ。

 

「Webサイトのデータ」をタップ。

 

削除したいサイトのドメインを入力して検索。

 

左にすワイプして「削除」をタップ。

 

あとはSafariを再起動するだけ!

 

Androidの方

Androidデバイスが現在手元にないため、検証できません。

PWAのキャッシュの削除方法を知っている方が居たらコメントお願いします。

 

さいごに

本当に、ご迷惑をおかけしました・・・。

これからも気まぐれ情報局をよろしくお願いします!