UI/UX

iOSとAndroidではPWAのゴールが違う｜対応・非対応だけでは語れない本当の違い

AndroidとiPhoneのPWAは何が違うのか。AndroidはWebをアプリ化し、iPhoneは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ハックを解説します！

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

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

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

PWAは、Webサイトをスマホのホーム画面に追加して、アプリのように使える仕組みです。 ただ、実際に作ってみるとわかります。 ホーム画面に置けるだけでは、まだアプリっぽくはなりません。 アイコンをタップした瞬間に白い画面が出る。上のバーだけブラウザっぽい。スクロールした時の動きがWebっぽい。戻る操作で急にSafariやChromeの気配が出る。 こういう小さな違和感が積み重なると、ユーザーは無意 […]

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

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

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

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

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

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