PWAをオフライン対応させるには？Service Workerとキャッシュの基本をやさしく解説
PWAをオフラインでも使えるようにする仕組みを、Service Worker、Cache API、保存するファイルの考え方から初心者向けに解説します。
CATEGORY
PWA
PWAのインストールボタンが表示されない原因と確認すべきポイント
PWAを作ったのにインストールボタンが出ない原因を、manifest.json、Service Worker、HTTPS、ブラウザ対応の違いからわかりやすく解説します。
PWAはもう終わったのか？2026年の現実と正しい使い方
PWAはもう終わったのか？2026年の現実とiOSでできること ※この記事は過去に執筆した内容をベースに、2026年現在の最新の検証結果を踏まえて大幅にリメイク（2026年6月5日改訂）したものです。以前の記事から一番考え方が変わった「iOSのリアル」についても、ガッツリ書き換えています。 「PWA（Progressive Web Apps）って、結局どうなったの？」 数年前、PWAは大きな期待を […]
【実録】パスワードを忘れて始末書を書く人を、1枚のPWAで救った話
【実録】パスワードを忘れて始末書を書くリスナーを、1枚のPWAで救済した話 私のゲーム配信に遊びに来てくれるリスナーさんから、ある日こんな悲痛な叫びが届きました。 「会社で3ヶ月に一度パスワード変更を強制されるんですが、10個もあって覚えきれず、忘れるたびに始末書を書かされています……」 連絡先も知らない彼を、今この場で救うにはどうすればいいか。 その答えが、インストール不要で即座に […]
iOSでホーム画面に追加したURLが勝手に変わる?原因と対策（PWA・manifestの罠）
iPhoneでWebページをホーム画面に追加したとき、開いていたURLとは違うページが保存されてしまうことがあります。 僕もPetalを作っている時に、この問題に当たりました。 本来は /petal/{token} のような個別ページを開いて、そのページをホーム画面に追加したかったんです。 ところが実際には、ホーム画面から開くと /petal/@username のような別のURLに飛んでしまいま […]
PWA×iOSでできること完全まとめ【2026年版】できること・できないことを一発で理解
PWA×iOSでできること完全まとめ【2026年版】できること・できないことを一発で理解 ※本記事は、過去に公開したiOS向けのPWA解説記事を2026年の最新環境に合わせてリフレッシュしたリメイク版（2026年6月5日改訂）です。情報の移り変わりが激しい領域だからこそ、現在のSafariやiOSのリアルな癖を改めて検証し、今本当に使えるノウハウだけを再整理しました。 「PWA（Progressi […]
2026年版：iOS/Androidでここまでできる！ネイティブアプリに見えるPWAのUXハック
PWAは、Webサイトをスマホのホーム画面に追加して、アプリのように使える仕組みです。 ただ、実際に作ってみるとわかります。 ホーム画面に置けるだけでは、まだアプリっぽくはなりません。 アイコンをタップした瞬間に白い画面が出る。上のバーだけブラウザっぽい。スクロールした時の動きがWebっぽい。戻る操作で急にSafariやChromeの気配が出る。 こういう小さな違和感が積み重なると、ユーザーは無意 […]
通知に振り回されない。Petalが目指す『静かなホーム画面』とPWAの通知制御
通知に振り回されない。Petalが目指す『静かなホーム画面』とPWAの通知制御 スマートフォンのホーム画面を開いたとき、目に飛び込んでくる赤い通知バッジ。 私たちは無意識のうちに、その数字を消すための行動を繰り返しています。 今ではPWAの技術によって、ネイティブアプリと同じようにプッシュ通知を実装することは簡単になりました。 それでもPetalは、あえてその「剣」を手に取りませんでした。 1. […]
ただのブックマークじゃない。PWAで実現する『ホーム画面に溶け込む』アイコン設計術
ただのブックマークじゃない。PWAで実現する『ホーム画面に溶け込む』アイコン設計術 「ホーム画面に追加」されたアイコンが、単なるブラウザのショートカットとして浮いて見えてしまうのか、それとも最初からそこにいた「アプリ」として馴染むのか。 その境界線は、わずか数行のコードと、数ピクセルのこだわりで決まります。 1. manifest.json で「アプリの魂」を定義する PWAをホーム […]
ホーム画面名刺とは？新しいつながり方「Petal」の考え方と使い方
ホーム画面名刺とは？新しいつながり方「Petal」の考え方と使い方 名刺といえば、紙で渡して終わるもの。 交換したあと、どこかにしまわれて、そのまま見返すことはほとんどありません。 でも今は、スマホが常に手元にある時代。 もし名刺が「ホーム画面」に残るとしたら、どうでしょうか。 それが、ホーム画面名刺という新しい考え方です。 ホーム画面名刺とは ホーム画面名刺とは、 自分の名刺をスマホのホーム画面 […]
