【PWA事件簿】iPhoneのミニUIを消したくて、Androidを巻き込んだら、上下から謎のAI?に挟み撃ちにされた話 こんにちは、OJappです。 今回は、ここ数日間で私が体験した、「PWA（Progressive Web Apps）の仕様の深淵に触れて脳汁が出た後に、ブラウザの過保護なAI?にキレ散らかした」という、実録デバッグドキュメンタリーをお届けします。 もしあなたが「iOSとAndr […]
PWAに必要なmanifest.jsonの基本を初心者向けに解説。iPhoneで効く項目、Android Chromeでインストール候補にするための設定、アイコンやscopeの注意点をまとめます。
AIOとは何か、SEOとの違い、AIに好まれる情報の特徴、今できる対策を初心者向けに解説。PWA LABのような実験記事がなぜ強いのかも紹介します。
PWAのアイコン指定でany maskableだけを使うと、AndroidとiPhoneで見え方がズレることがあります。manifest.jsonに通常アイコンとmaskableアイコンを分けて書く理由を解説します。
PWAのmaskableアイコンをiPhone・Android・PC Chromeで検証。purpose: maskableだけで起きた不具合と、any maskable、apple-touch-iconの注意点を解説します。
PWAのmanifest.jsonで指定できるdisplay: fullscreenを、iPhoneとAndroidで実際に比較。standaloneとの違いや実用性を解説します。
Android Chromeで同じPWAを複数・連続インストールできない仕様にお悩みですか？マニフェストから id を消し、start_url: "." にするだけで、Service Workerのオフライン機能を残したままアプリを無限に量産できる、実機検証から生まれた最強のPWAハックを解説します！
PWAのstart_urlを「.」にすると何が起きるのか。ホーム画面に追加したページへ戻る設計や、/lab固定との違いを実験ベースで解説します。
PWA LABを作った理由を、iPhone Safari、Android Chrome、Service Worker、manifest、キャッシュ挙動の実験からやさしく解説します。
PWAが正しく動いているか確認するために、MODE、ONLINE、Service Worker、Push、OS、Installableの意味を初心者向けに解説します。
PWA開発やWebデザインの現場で使える実践的なノウハウをお届けする「OJapp tips」。iOS特有の挙動ハックからmanifest.jsonの緻密な設計まで、ツール開発者が実機検証（PWA LAB）を繰り返して得た泥臭いリアルな知見を発信中。
私たちが運営する「Petal」は、その仕組みを使って“人のページを名刺のように持つ”ためのミニマルなSNS。QRからすぐ開けて、ログインなしでも見れる。でも、必要なときだけつながれる。そんな「弱いつながり」を未来へ残すために作られています。
