ウェブサイトをホーム画面に追加する(iPhone・Android・PC)
タップ1回の距離に置いておきたいサイトがあります。毎シフト使うカウンター、画面のチェック、2分だけ開く癒しの玩具。ブラウザならそれができます。しかも20秒ほど。サイトをホーム画面に追加すれば、アプリのように全画面で開くアイコンになります。
この記事では iPhone / iPad、Android、PC の Chrome / Edge の手順と、項目が見当たらないときの確認点をまとめます。例として使うのは VKT PWA(9つのインストール型ウェブアプリ)ですが、同じ手順は PWA として作られたサイトならどれでも通用します。
ホーム画面に追加すると何が起きるか
まず、得られるものを整理します。ブックマークとは別物です。
- ホーム画面のアイコン。サイト自身の名前とロゴで、他のアプリと同じように起動できます;
- 全画面。アドレスバーもタブもなく、アプリそのものだけが表示されます;
- オフラインで使える。Service Worker が端末にアプリをキャッシュするため、接続がなくても開きます;
- ストアもダウンロードも権限の壁もなし。システム的なインストールは行われず、アカウントも作られません;
- 静かな更新。管理すべきバージョンはなく、サイトが変われば次の起動が新しい版です。
逆にそうではないもの:ネイティブアプリではなく、ブラウザの権限の外には触れられず、どのアプリストアにも並びません。小さな道具としては、この交換はたいてい正解です。
iPhone / iPad(Safari)
- Safari でサイトを開きます。iOS では Safari である必要があります。iPhone の Chrome や Firefox にはこの項目が出ません;
- 画面下の共有ボタン(上向き矢印のついた四角)をタップします;
- 共有シートを下へスクロールし、ホーム画面に追加を選びます;
- アイコンの下に出る名前を確認または編集し、追加をタップします;
- Safari を閉じてホーム画面を見てください。アイコンがあり、開くとブラウザの表示なしで全画面になります。
補足2点。一覧にホーム画面に追加が見当たらない場合は、共有シート下部のアクションを編集をタップするか、さらに下へスクロールしてください(新しい iOS ではアプリの行の下にあります)。すでに一度追加していると、項目がアプリで開くに置き換わっていることがあります。
Android(Chrome ほか)
- Chrome でサイトを開きます;
- アドレスバーの右端を見ます。インストール可能なサイトならインストールアイコン(下向き矢印のついた小さな画面、または+)が出るのでタップします;
- アイコンがなければ3点メニューを開き、ホーム画面に追加またはアプリをインストールを選びます;
- 名前を確認して追加またはインストールをタップします;
- アイコンはアプリドロワーとホーム画面に入ります(ランチャーによって異なります)。
Samsung Internet では同じ機能がメニューのページを追加→ホーム画面にあります。Android 版 Firefox ではインストールです。できるアイコンは同じで、メニューの文言だけが違います。
PC の Chrome と Edge
- Chrome または Edge でサイトを開きます;
- アドレスバー右側にインストールアイコン(下向き矢印のついた小さなモニター)がないか見ます;
- あればクリックし、インストールを確定します。Edge ではメニューのアプリ→このサイトをアプリとしてインストールにあります;
- アプリはタブのない独立ウィンドウで開き、アプリ一覧やランチャー、ドックに現れます。
PC では、一部の Linux ディストリビューションや企業の管理環境がポリシーでインストールを禁止していることがあり、その場合は項目が灰色か存在しません。シークレット/プライベートウィンドウでも無効になるので、アイコンが出ないときは通常のウィンドウで試してください。
項目が見つからないとき
ほぼすべて次のどれかです。
- ブラウザが違う。iOS でホーム画面に追加できるのは Safari だけ。これが最も多い原因です;
- サイトがインストールに対応していない。PWA には manifest と Service Worker が必要です。通常のサイトはブックマークやショートカットとして保存できますが、全画面・オフラインでは開きません;
- シークレット/プライベートウィンドウを使っている。この状態ではインストールが無効です;
- すでに追加済み。その場合、共有シートは「アプリで開く」を提示し、Android ではアイコンがすでにランチャーにあります;
- ポリシーで禁止されている。管理された業務端末や一部の PC 環境では、項目が一括で無効化されます。
あとでアイコンを消すには:スマホでは長押ししてホーム画面から削除またはアンインストール、PC ではアプリのウィンドウを右クリックしてアンインストールするか、ブラウザのアプリ一覧から削除します。それ以外は何も影響を受けません。そのアプリ自身のローカルデータ以外に変更は及びません。
よくある質問
ホーム画面に追加するのはアプリのインストールと同じですか。
厳密には違います。システム的なインストールは行われず、ストアも関与しません。得られるのは全画面で起動するアイコンで、PWA ならオフライン用に自身をキャッシュします。そのキャッシュ分だけ容量を使い、削除は他のアイコンと同じ方法でできます。
iPhone で「ホーム画面に追加」が見当たりません。
ほぼ必ず Safari を使っていないことが原因です。iOS でホーム画面に追加できるのは Safari だけで、Chrome や Firefox にはできません。Safari なら共有シートをさらに下へスクロールするか「アクションを編集」をタップし、プライベートタブでないことも確認してください。
どんなサイトでも追加できますか。PWA だけですか。
どのサイトでも追加でき、多くのブラウザは単純なショートカットを作ります。ただし全画面で起動し、ブラウザの表示を隠し、オフラインで動くのは PWA として作られたサイト(manifest と Service Worker があるもの)だけです。VKT PWA の各アプリはそのように作られています。
スマホの容量を圧迫しますか。
ほとんど使いません。ダウンロードするアプリ本体はなく、かかるのはキャッシュ分だけで、通常は数百 KB から数 MB 程度です。アイコンを削除し、ブラウザでそのサイトのデータを消せばいつでも片付きます。
ホーム画面に追加したらアカウントが必要ですか。
いいえ。ホーム画面への追加にアカウントは一切不要です。個々のアプリが同期用の任意アカウントを用意していることはありますが、VKT のアプリはどれもアカウントなしで完全に使えます。
あとでアイコンを削除するには。
スマホではアイコンを長押しして「ホーム画面から削除」または「アンインストール」を選びます。PC ではアプリのウィンドウを右クリックするか、ブラウザのアプリ一覧からアンインストールします。他のデータはそのままです。
その他のガイドは VKT ブログ.
