UI/UX

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固定との違いを実験ベースで解説します。

2026年版：iOS/Androidでここまでできる！ネイティブアプリに見えるPWAのUXハック

2026年版：iOS/Androidでここまでできる！ネイティブアプリに見えるPWAのUXハック 2026年、PWAとネイティブアプリの境界はほとんど見えなくなりました。 それでも、デフォルトのままではどこかに「ブラウザの気配」が残ります。 ホーム画面職人としてやるべきことはひとつ。 ユーザーに“Webであることを忘れさせる”ことです。 ここでは、そのための具体的なUX設計を解説します。 1. 起 […]

通知に振り回されない。Petalが目指す『静かなホーム画面』とPWAの通知制御

通知に振り回されない。Petalが目指す『静かなホーム画面』とPWAの通知制御 スマートフォンのホーム画面を開いたとき、目に飛び込んでくる赤い通知バッジ。 私たちは無意識のうちに、その数字を消すための行動を繰り返しています。 今ではPWAの技術によって、ネイティブアプリと同じようにプッシュ通知を実装することは簡単になりました。 それでもPetalは、あえてその「剣」を手に取りませんでした。 1. […]

ただのブックマークじゃない。PWAで実現する『ホーム画面に溶け込む』アイコン設計術

ただのブックマークじゃない。PWAで実現する『ホーム画面に溶け込む』アイコン設計術 「ホーム画面に追加」されたアイコンが、単なるブラウザのショートカットとして浮いて見えてしまうのか、それとも最初からそこにいた「アプリ」として馴染むのか。 その境界線は、わずか数行のコードと、数ピクセルのこだわりで決まります。 1. manifest.json で「アプリの魂」を定義する   PWAをホーム […]

2026年、ホーム画面カスタマイズはどう変わった？純正機能の進化とユーザー需要の変化を解説

2026年のホーム画面カスタマイズはどう変わった？純正機能とユーザー需要の変化を解説 少し前まで、スマホのホーム画面をおしゃれにするには、壁紙セット、アイコン素材、ショートカット、テーマアプリなどを組み合わせるのが当たり前でした。 特にiPhoneでは、純正の自由度がそこまで高くなかったので、外部サービスや自作アイコンに頼る人も多かったと思います。 でも、2024年以降のiOSアップデートで、ホー […]