ホーム › ブログ › VKT PWA › ガイド › ウェブサイトをホーム画面に追加
EN中文日本語DeutschESFR

ウェブサイトをホーム画面に追加する(iPhone・Android・PC)

タップ1回の距離に置いておきたいサイトがあります。毎シフト使うカウンター、画面のチェック、2分だけ開く癒しの玩具。ブラウザならそれができます。しかも20秒ほど。サイトをホーム画面に追加すれば、アプリのように全画面で開くアイコンになります。

この記事では iPhone / iPad、Android、PC の Chrome / Edge の手順と、項目が見当たらないときの確認点をまとめます。例として使うのは VKT PWA(9つのインストール型ウェブアプリ)ですが、同じ手順は PWA として作られたサイトならどれでも通用します。

ホーム画面に追加すると何が起きるか

まず、得られるものを整理します。ブックマークとは別物です。

逆にそうではないもの:ネイティブアプリではなく、ブラウザの権限の外には触れられず、どのアプリストアにも並びません。小さな道具としては、この交換はたいてい正解です。

iPhone / iPad(Safari)

  1. Safari でサイトを開きます。iOS では Safari である必要があります。iPhone の Chrome や Firefox にはこの項目が出ません;
  2. 画面下の共有ボタン(上向き矢印のついた四角)をタップします;
  3. 共有シートを下へスクロールし、ホーム画面に追加を選びます;
  4. アイコンの下に出る名前を確認または編集し、追加をタップします;
  5. Safari を閉じてホーム画面を見てください。アイコンがあり、開くとブラウザの表示なしで全画面になります。

補足2点。一覧にホーム画面に追加が見当たらない場合は、共有シート下部のアクションを編集をタップするか、さらに下へスクロールしてください(新しい iOS ではアプリの行の下にあります)。すでに一度追加していると、項目がアプリで開くに置き換わっていることがあります。

Android(Chrome ほか)

  1. Chrome でサイトを開きます;
  2. アドレスバーの右端を見ます。インストール可能なサイトならインストールアイコン(下向き矢印のついた小さな画面、または+)が出るのでタップします;
  3. アイコンがなければ3点メニューを開き、ホーム画面に追加またはアプリをインストールを選びます;
  4. 名前を確認して追加またはインストールをタップします;
  5. アイコンはアプリドロワーとホーム画面に入ります(ランチャーによって異なります)。

Samsung Internet では同じ機能がメニューのページを追加→ホーム画面にあります。Android 版 Firefox ではインストールです。できるアイコンは同じで、メニューの文言だけが違います。

PC の Chrome と Edge

  1. Chrome または Edge でサイトを開きます;
  2. アドレスバー右側にインストールアイコン(下向き矢印のついた小さなモニター)がないか見ます;
  3. あればクリックし、インストールを確定します。Edge ではメニューのアプリ→このサイトをアプリとしてインストールにあります;
  4. アプリはタブのない独立ウィンドウで開き、アプリ一覧やランチャー、ドックに現れます。

PC では、一部の Linux ディストリビューションや企業の管理環境がポリシーでインストールを禁止していることがあり、その場合は項目が灰色か存在しません。シークレット/プライベートウィンドウでも無効になるので、アイコンが出ないときは通常のウィンドウで試してください。

項目が見つからないとき

ほぼすべて次のどれかです。

あとでアイコンを消すには:スマホでは長押ししてホーム画面から削除またはアンインストール、PC ではアプリのウィンドウを右クリックしてアンインストールするか、ブラウザのアプリ一覧から削除します。それ以外は何も影響を受けません。そのアプリ自身のローカルデータ以外に変更は及びません。

よくある質問

ホーム画面に追加するのはアプリのインストールと同じですか。

厳密には違います。システム的なインストールは行われず、ストアも関与しません。得られるのは全画面で起動するアイコンで、PWA ならオフライン用に自身をキャッシュします。そのキャッシュ分だけ容量を使い、削除は他のアイコンと同じ方法でできます。

iPhone で「ホーム画面に追加」が見当たりません。

ほぼ必ず Safari を使っていないことが原因です。iOS でホーム画面に追加できるのは Safari だけで、Chrome や Firefox にはできません。Safari なら共有シートをさらに下へスクロールするか「アクションを編集」をタップし、プライベートタブでないことも確認してください。

どんなサイトでも追加できますか。PWA だけですか。

どのサイトでも追加でき、多くのブラウザは単純なショートカットを作ります。ただし全画面で起動し、ブラウザの表示を隠し、オフラインで動くのは PWA として作られたサイト(manifest と Service Worker があるもの)だけです。VKT PWA の各アプリはそのように作られています。

スマホの容量を圧迫しますか。

ほとんど使いません。ダウンロードするアプリ本体はなく、かかるのはキャッシュ分だけで、通常は数百 KB から数 MB 程度です。アイコンを削除し、ブラウザでそのサイトのデータを消せばいつでも片付きます。

ホーム画面に追加したらアカウントが必要ですか。

いいえ。ホーム画面への追加にアカウントは一切不要です。個々のアプリが同期用の任意アカウントを用意していることはありますが、VKT のアプリはどれもアカウントなしで完全に使えます。

あとでアイコンを削除するには。

スマホではアイコンを長押しして「ホーム画面から削除」または「アンインストール」を選びます。PC ではアプリのウィンドウを右クリックするか、ブラウザのアプリ一覧からアンインストールします。他のデータはそのままです。

その他のガイドは VKT ブログ.

続きを読む

VKT PWA:集中とリラックスのための9つのインストール型ウェブアプリ

ブラウザで遊べる無料のフィジェットゲームまとめ