OJapp Tips
ツール開発者が書く Web のノウハウ集
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ハックを解説します！
PWA LABを作った理由｜仕様だけでは分からないPWAの本当の挙動を確かめる場所
PWA LABを作った理由を、iPhone Safari、Android Chrome、Service Worker、manifest、キャッシュ挙動の実験からやさしく解説します。
start_url: "." が最強説｜PWAで“入れたページに戻る”を成立させる考え方
PWAのstart_urlを「.」にすると何が起きるのか。ホーム画面に追加したページへ戻る設計や、/lab固定との違いを実験ベースで解説します。
PWAの状態を確認する方法｜MODE・Service Worker・Installableの意味をやさしく解説
PWAが正しく動いているか確認するために、MODE、ONLINE、Service Worker、Push、OS、Installableの意味を初心者向けに解説します。
PWAのインストールボタンが表示されない原因と確認すべきポイント
PWAを作ったのにインストールボタンが出ない原因を、manifest.json、Service Worker、HTTPS、ブラウザ対応の違いからわかりやすく解説します。
PWAをオフライン対応させるには？Service Workerとキャッシュの基本をやさしく解説
PWAをオフラインでも使えるようにする仕組みを、Service Worker、Cache API、保存するファイルの考え方から初心者向けに解説します。
iPhoneで画像が保存できない原因まとめ｜長押しできない・保存されない時の対処法
iPhoneで画像が保存できない原因を完全解説。長押しできない、保存ボタンが出ない、写真アプリに表示されないなどのトラブルをパターン別に解決します。
PWAはもう終わったのか？2026年の現実と正しい使い方
PWAはもう使えないのか？2026年の現実をもとに、iOSとAndroidの違い、なぜ普及しなかったのか、そして今の正しい使い方をわかりやすく解説します。
【実録】パスワードを忘れて始末書を書く人を、1枚のPWAで救った話
パスワードを忘れるたびに始末書を書く──そんな状況を、たった1枚のPWAで救った実話。保存しないパスワード生成という新しい発想と、その裏にある技術と思想を解説します。
iOSでホーム画面に追加したURLが勝手に変わる?原因と対策（PWA・manifestの罠）
iPhoneでWebページをホーム画面に追加したとき、今見ていたページではなく、別のURLが保存されてしまうことがあります。 PetalまわりのPWA設定を見直していて、かなり分かりやすい罠にハマりました。 iPhoneであるページを開いて「ホーム画面に追加」したのに、追加したアイコンから開くと、さっき見ていたURLとは違うページに飛んでしまう。 最初はSa
2026年版：iOS/Androidでここまでできる！ネイティブアプリに見えるPWAのUXハック
PWAをネイティブアプリのように見せるためのUX改善ポイントを解説。スプラッシュ、theme-color、safe-area、スクロール挙動、iPhoneとAndroidの違いまで実験ベースで整理します。
PWA×iOSでできること完全まとめ【2026年版】できること・できないことを一発で理解
PWAはiPhoneでどこまで使える？2026年時点での「できること」「できないこと」を完全整理。Safariの制限やWebClipとの違いも含めて、初心者にもわかりやすく解説します。
SNS疲れたら見ないべき？“やめない”ための新しい使い方【2026年版】
SNSに疲れたときの対処法として「見ない」がよく言われますが、それだけでは続かない人も多いはず。本記事では、SNSをやめずに負担を減らす新しい使い方と、Petalという選択肢を紹介します。
ただのブックマークじゃない。PWAで実現する『ホーム画面に溶け込む』アイコン設計術
Webサイトをスマホの「ホーム画面」に違和感なく馴染ませるためのPWAアイコン設計を解説。manifest.jsonの秘匿プロパティから、iOS/Androidで美しく見せるアセット書き出しのコツまで。