PWA

PWAのmaskableアイコンで数時間溶かした話｜purpose: any maskable と apple-touch-icon の罠

PWAのmaskableアイコンをiPhone・Android・PC Chromeで検証。purpose: maskableだけで起きた不具合と、any maskable、apple-touch-iconの注意点を解説します。

display: fullscreen は実用的なのか？iPhoneとAndroidでPWA表示を比較してみた

PWAのmanifest.jsonで指定できるdisplay: fullscreenを、iPhoneとAndroidで実際に比較。standaloneとの違いや実用性を解説します。

manifest.json の id の罠！複数PWAで起きる重複禁止問題をハックする

Android Chromeで同じPWAを複数・連続インストールできない仕様にお悩みですか？マニフェストから id を消し、start_url: "." にするだけで、Service Workerのオフライン機能を残したままアプリを無限に量産できる、実機検証から生まれた最強のPWAハックを解説します！

start_url: “.” が最強説｜PWAで“入れたページに戻る”を成立させる考え方

PWAのstart_urlを「.」にすると何が起きるのか。ホーム画面に追加したページへ戻る設計や、/lab固定との違いを実験ベースで解説します。

PWA LABを作った理由｜仕様だけでは分からないPWAの本当の挙動を確かめる場所

PWA LABを作った理由を、iPhone Safari、Android Chrome、Service Worker、manifest、キャッシュ挙動の実験からやさしく解説します。

PWAの状態を確認する方法｜MODE・Service Worker・Installableの意味をやさしく解説

PWAが正しく動いているか確認するために、MODE、ONLINE、Service Worker、Push、OS、Installableの意味を初心者向けに解説します。

PWAをオフライン対応させるには？Service Workerとキャッシュの基本をやさしく解説

PWAをオフラインでも使えるようにする仕組みを、Service Worker、Cache API、保存するファイルの考え方から初心者向けに解説します。

PWAのインストールボタンが表示されない原因と確認すべきポイント

PWAを作ったのにインストールボタンが出ない原因を、manifest.json、Service Worker、HTTPS、ブラウザ対応の違いからわかりやすく解説します。

PWAはもう終わったのか？2026年の現実と正しい使い方

PWAはもう終わったのか？2026年の現実と正しい使い方 「PWAって結局どうなったの？」 数年前までは、「アプリを作らなくてもWebで十分になる」と期待されていた技術でした。 しかし2026年現在、その評価は大きく分かれています。 結論から言うと、 PWAは終わっていません。ただし、“前提が完全に変わった技術”です。 1. PWAはなぜ期待されたのか PWA（Progressive Web Ap […]

【実録】パスワードを忘れて始末書を書く人を、1枚のPWAで救った話

【実録】パスワードを忘れて始末書を書くリスナーを、1枚のPWAで救済した話   私のゲーム配信に遊びに来てくれるリスナーさんから、ある日こんな悲痛な叫びが届きました。 「会社で3ヶ月に一度パスワード変更を強制されるんですが、10個もあって覚えきれず、忘れるたびに始末書を書かされています……」 連絡先も知らない彼を、今この場で救うにはどうすればいいか。 その答えが、インストール不要で即座に […]