【PWA事件簿】iPhoneのミニUIを消したくて、Androidを巻き込んだら、上下から謎のAI?に挟み撃ちにされた話 こんにちは、OJappです。 今回は、ここ数日間で私が体験した、「PWA（Progressive Web Apps）の仕様の深淵に触れて脳汁が出た後に、ブラウザの過保護なAI?にキレ散らかした」という、実録デバッグドキュメンタリーをお届けします。 もしあなたが「iOSとAndr […]
PWAをオフラインでも使えるようにする仕組みを、Service Worker、Cache API、保存するファイルの考え方から初心者向けに解説します。
PWAのキャッシュ戦略を完全に理解する：Cache First / Network First / Stale-While-Revalidate を初心者向けに解説 PWA（Progressive Web Apps）の中で最もつまずきやすいポイントが、キャッシュ戦略です。 Service Worker を導入すると、ページの表示は速くなりますが、同時に「更新されない問題」や「古いデータが残る問題」 […]
キャッシュを消すべきタイミング・消さべきではないタイミングを開発者目線で整理する スマホやPCを使っていて「表示が変わらない」「更新内容が反映されない」などの問題が起きると、 とりあえずキャッシュを全部消そうとする人が多いです。 しかしキャッシュには大きな役割があり、必要以上に削除すると逆にデメリットが大きくなることがあります。 この記事では、実際に Web ツールを開発しながら何百回もキャッシュ […]
Webツール開発者が絶対にやるSafariキャッシュ削除術｜全消しが逆効果な理由も解説 Safari のキャッシュは「悪者」と思われがちですが、実は正しく使えばブラウジングを高速化してくれる重要な仕組みです。 ただし Webツール開発や WebClip（ホーム画面アイコン）を扱う時だけは別。 更新が反映されない・アイコンが変わらない・挙動が謎 こういう時に限り、キャッシュ削除が必要になります。 こ […]
iOS WebClip の歴史を徹底解説｜ホーム画面アイコン機能はどのように進化してきたのか？ いまでは当たり前になった「ホーム画面に Web サイトを追加する」機能。 しかし、これは iOS の登場と同時に存在していたわけではありません。 iPhone が最初に搭載した WebClip は、とてもシンプルなものでした。 そこから 15年以上のアップデートを経て、現在の「影キャッシュ」問題につなが […]
iPhoneのアイコンが更新されない理由｜Safariが保持する“影キャッシュ”の正体を徹底解説 「アイコン画像を変えたのに、ホーム画面では昔のまま…」 「何回追加しても同じアイコンが出てくる…」 iPhoneでホーム画面アイコンが“更新されない”問題は、多くのユーザーがつまずくポイントです。 その原因は、通常のキャッシュとは別に存在する Safari の “影キャッシュ（Shadow Cache […]
ブラウザキャッシュの仕組みを徹底解説｜更新されない・古い表示になる原因とは？ Webサイトを更新したのに「古いまま表示される」「反映されない」という相談は非常に多くあります。 その原因のほとんどが ブラウザキャッシュ の仕組みによるものです。 この記事では、強キャッシュ・弱キャッシュ・ETag・Last-Modified といった キャッシュの基本から、更新が反映されないときの原因、正しい対策まで […]
ローカルストレージの限界とは？容量・削除タイミング・安全性をわかりやすく解説 WebアプリやPWAを作っていると、ブラウザ側にデータを保存できる「localStorage（ローカルストレージ）」を使いたくなる場面がよくあります。 ダークモードの設定を保存しておきたい 初回起動時のチュートリアルを見たかどうかを記憶させたい フォームの入力途中のテキストを一時保存したい このように、サーバーと通信する […]
PWA開発やWebデザインの現場で使える実践的なノウハウをお届けする「OJapp tips」。iOS特有の挙動ハックからmanifest.jsonの緻密な設計まで、ツール開発者が実機検証（PWA LAB）を繰り返して得た泥臭いリアルな知見を発信中。
私たちが運営する「Petal」は、その仕組みを使って“人のページを名刺のように持つ”ためのミニマルなSNS。QRからすぐ開けて、ログインなしでも見れる。でも、必要なときだけつながれる。そんな「弱いつながり」を未来へ残すために作られています。