最新記事が表示されない問題について【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のキャッシュの削除方法を知っている方が居たらコメントお願いします。

 

さいごに

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

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

 

 

【無料】ながら読書でリアルチートライフが送れる

Audibleは、プロのナレーターが朗読した本をアプリで聴けるサービスです。
寝る前や移動中、作業中など、いつでもどこでも本を聴くことができます。

  • ラノベ(このすば、無職転生、デートアライブなど)
  • 学習(究極の英語リスニング、大人の語彙力が身につく本など)
  • 投資・金融(世界一やさしい 株の教科書、10万円から始めて資産を200倍にする小型成長株投資など)

Audibleを使うことで限りなく時間の無駄を抑えることができます。

今なら2か月間の無料体験が実施されています。
2023年5月9日までの期間限定なので、興味のある方は今しかないです。
登録後、いつでも退会が可能なのでとりあえず試してみましょう。

キャンペーンページへアクセスする

Ads Blocker Image Powered by Code Help Pro

AdBlockが検出されました

「9ketsuki.info」をホワイトリストに追加して、
ページをリロードしてください。