当サイト、オリジナルWordPressプラグイン「OJapp PWA Marketing」を使用しています。
各記事は専用アイコンでホーム画面に追加できます。ぜひお試しください。
Webサイトをホーム画面に追加してしばらく使ったあと、「もう使わないから消そう」と思うことがあります。
でも、普通のアプリと同じようなアイコンが並んでいると少し気になるのが、これを削除したら中のデータも全部消えるのか？ということです。
ログインし直しになる？ Cookieは消える？ localStorageに保存した設定は？ PWAならService Workerのキャッシュも一緒に消える？
結論から言うと、ホーム画面からアイコンを削除することと、そのWebサイトがブラウザに保存しているデータを削除することは同じではありません。 ただし、OSやブラウザ、PWAとしてのインストール状態によってストレージの扱いには違いがあるため、「アイコンを消せば必ず全部残る」「必ず全部消える」と一括りにはできません。
まず、ホーム画面から削除しているのは「入口」
前の記事で、ホーム画面に追加したWebサイトはアプリなのか、ブックマークなのかを整理しました。
ホーム画面にあるWebサイトのアイコンは、そのページやWebアプリへアクセスするための入口です。
そのため、ホーム画面から削除したからといって、Webサイトそのものが消えるわけではありません。
例えば、
https://example.com/をホーム画面へ追加していたとして、そのアイコンを削除してもWeb上の example.com は当然そのまま存在します。
SafariやChromeなどからURLへアクセスすれば、再び同じWebサイトを開けます。
まずは「Webサイトを削除した」のではなく「ホーム画面に置いていた入口を削除した」と考えると分かりやすいです。
ログインしているアカウント自体が消えるわけではない
これは比較的分かりやすいところです。
ホーム画面のWebサイトを削除しても、そのサービスに作ったユーザーアカウント自体が削除されるわけではありません。
例えばWebサービスへメールアドレスとパスワードで登録していたとしても、ホーム画面のアイコンを消しただけでサーバー上のアカウントが退会扱いになることは通常ありません。
サーバー側に保存されている、
- ユーザーアカウント
- プロフィール
- 購入履歴
- サーバーへ保存した設定
- クラウド上のデータ
などと、ホーム画面のアイコンは別のものです。
アカウントそのものを消したい場合は、そのサービスが用意している退会やアカウント削除の操作が必要です。
「ログイン情報」は少し意味を分けた方がいい
ややこしいのが「ログイン情報は消える？」という疑問です。
ここでは、少なくとも3つを分けて考えた方が分かりやすいです。
- サービス側に存在するアカウント
- ブラウザが保持するログインセッション
- パスワードマネージャーなどに保存したID・パスワード
これらは同じものではありません。
先ほどの通り、ホーム画面から削除しただけでサービス側のアカウントが消えるわけではありません。
一方、「ログインした状態」を維持する仕組みにはCookieなどのWebストレージが関係することがあります。
さらに、iCloudキーチェーンやGoogle パスワード マネージャーなどへ保存したパスワードは、ホーム画面のアイコンとはまた別に管理されています。
つまり「ホーム画面から消した＝パスワードまで削除された」ではありません。
CookieやlocalStorageはWebサイト側の保存領域
Webサイトはブラウザ上にデータを保存することがあります。
代表的なのがCookieやlocalStorageです。
例えばlocalStorageなら、Webサイト側からこんな形で値を保存できます。
localStorage.setItem('theme', 'dark');こうしたデータはホーム画面のアイコン画像の中に入っているわけではなく、ブラウザやWebアプリのストレージとして管理されます。
そのため、ホーム画面アイコンの削除と、CookieやlocalStorageの削除は別の操作として考える必要があります。
ただし、ここはOSによるストレージ管理や削除時のクリーンアップが関係する部分でもあります。特にインストールされたPWAと通常のブラウザタブで、保存領域がどのように扱われるかは環境によって違いがあります。
「この端末では絶対に残る」と決めつけず、重要なデータをlocalStorageだけへ保存する設計には注意した方がいいでしょう。
localStorageの容量や削除タイミングについては、ローカルストレージの限界とは？容量・削除タイミング・安全性を徹底解説でも詳しくまとめています。
Service Workerのキャッシュも「アイコンそのもの」ではない
PWAではService WorkerとCache APIを使って、HTMLやCSS、JavaScript、画像などを端末側へキャッシュすることがあります。
例えば、
caches.open('app-cache-v1')のようにWebアプリ側でキャッシュを作ることができます。
これもホーム画面のアイコンそのものに保存されているデータではありません。
ただし、PWAをアンインストールしたときに関連するサイトデータをOSやブラウザがどう処理するかは、単純な「ショートカット削除」と同じとは限りません。
Service Workerを使っているPWAでは、ホーム画面アイコンだけを見て「消したからキャッシュも全部消えたはず」と判断しない方が安全です。
実際、PWA LABでService Workerを何度も変更していると、古いキャッシュが残って新しいファイルが反映されないことがありました。PWAのキャッシュは便利ですが、開発している側からすると「消したと思ったのにまだいる」が普通に起こる厄介な部分でもあります。
キャッシュの仕組みについては、PWAのキャッシュ戦略を完全に理解するでCache First、Network First、Stale-While-Revalidateの違いも解説しています。
ホーム画面から削除したあと、もう一度追加したらどうなる？
Webサイト自体は残っているので、もう一度ブラウザからアクセスしてホーム画面へ追加することはできます。
ただし、そのとき以前の状態がそのまま復元されるかは、何をどこへ保存していたかによって変わります。
例えばサーバー側のアカウントに設定を保存しているサービスなら、ログインすれば以前の状態を復元できるでしょう。
一方、端末内のlocalStorageだけに設定を保存していて、そのストレージがすでに削除されていれば元には戻りません。
つまり、
- サーバーにあるデータ
- ブラウザにあるデータ
- PWA用にキャッシュされたデータ
- ホーム画面にある入口
を分けて考える必要があります。
完全にデータまで消したいなら別の操作が必要
逆に「ホーム画面から消すだけではなく、このサイトが端末に保存したデータも消したい」という場合は、ブラウザやOS側のサイトデータ削除機能を確認する必要があります。
SafariならWebサイトデータ、Chrome系ブラウザならサイト設定や閲覧データなど、ホーム画面アイコンとは別の場所で管理されている情報があります。
また、サービス側に登録したアカウントまで消したいなら、Webサイト上で退会処理も必要です。
ホーム画面から削除、端末内のWebデータ削除、サービスのアカウント削除は、それぞれ別の操作です。
ホーム画面のアイコンは「データ本体」ではない
ホーム画面に追加したWebサイトやPWAを削除すると、見た目としては普通のアプリを削除したように感じます。
でもWebの場合、そのアイコンの向こう側にはサーバー、ブラウザストレージ、Cookie、キャッシュなど複数の保存場所があります。
だから「アイコンを削除したら全部消える？」という疑問には、単純なYES・NOでは答えにくいんです。
ただ、一番基本になる考え方はシンプルです。
ホーム画面から削除するのは、まずそのWebサイトへ入るための入口。
アカウントやWeb上のデータまで削除したいなら、それぞれの保存場所に応じた削除が必要です。
逆に、大切なデータを扱うWebアプリを作る側も「ホーム画面にあるから端末アプリと同じようにデータが永続するだろう」と考えず、何をブラウザへ保存し、何をサーバーへ保存するのかを分けて設計することが大切です。
GoogleでOJapp Tipsを優先する情報源に追加
今後、Google検索でOJapp Tipsの記事を見つけやすくできます。
WPプラグイン[OJapp PWA Marketing]リリース！ 
