CATEGORY

cache

    【PWA事件簿】iPhoneのミニUIを消したくて、Androidを巻き込んだら、上下から謎のAI?に挟み撃ちにされた話

    【PWA事件簿】iPhoneのミニUIを消したくて、Androidを巻き込んだら、上下から謎のAI?に挟み撃ちにされた話 こんにちは、OJappです。 今回は、ここ数日間で私が体験した、「PWA(Progressive Web Apps)の仕様の深淵に触れて脳汁が出た後に、ブラウザの過保護なAI?にキレ散らかした」という、実録デバッグドキュメンタリーをお届け […]

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

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

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

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

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

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

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

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

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

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

                ローカルストレージの限界とは?容量・削除タイミング・安全性を徹底解説【中級者向け】

                ローカルストレージの限界とは?容量・削除タイミング・安全性をわかりやすく解説 WebアプリやPWAを作っていると、ブラウザ側にデータを保存できる「localStorage(ローカルストレージ)」を使いたくなる場面がよくあります。 ダークモードの設定を保存しておきたい 初回起動時のチュートリアルを見たかどうかを記憶させたい フォームの入力途中のテキストを一時保 […]

                OJapp Tips  -  PWA・ホーム画面追加の実機検証ブログ

                OJapp Tips  -  PWA・ホーム画面追加の実機検証ブログ

                OJapp Tipsは、 公式ドキュメントをなぞるだけでは分かりにくい挙動を、実際にiPhone・Android・PCで検証しながら記録しています。

                特に、manifest.json、Service Worker、Web App Manifest、WebClip、アイコンキャッシュ、ホーム画面追加の挙動など、 Webサイトを「アプリのような入口」として使うためのノウハウを中心に扱っています。

                OJapp Tipsの記事は、PWA LABでの実機検証や、OJapp・Petal・OJ-Passなど自作ツールの開発で詰まったことを元にしています。 きれいな理論だけではなく、「実際にはここでハマる」という現場寄りの知識を残すための場所です。