重要なポイント
iPhone のホーム画面に Web サイトを追加するには、Safari を開いて共有ボタンをタップします。メニューから「ホーム画面に追加」を選択します。 Android では、Chrome、Edge、または Firefox を開き、メニューから「ホーム画面に追加」または「電話に追加」を選択します。 Web アプリのインストールにも同じプロセスが機能します。
Android スマートフォン、iPhone、iPad のホーム画面はアプリだけではありません。使用しているデバイスに関係なく、ホーム画面に Web サイトのショートカットを追加して、簡単にアクセスできます。場合によっては、Web サイトをアプリのように機能させることもできます。
iPhoneまたはiPadのホーム画面にWebサイトを追加する方法
iPhone または iPad では、 Safari を使用してホーム画面に Web サイトのみを追加 できます。 Google Chromeなどのブラウザでは行えません。
まず、Safari を開き、ホーム画面に追加する Web サイトに移動します。ツールバーの共有ボタン (四角形内の上矢印) をタップします。
共有シートをスクロールし、「ホーム画面に追加」をタップします。このオプションが表示されない場合は、共有シートの下部にある「 アクションの編集 」オプションから追加できます。
次に、ホーム画面のショートカットの名前を編集し、「追加」をタップします。
ウェブサイトのショートカットがホーム画面に追加されます。アプリ アイコンと同様に、移動したりフォルダーに配置したりできますが、 アプリ ライブラリ には表示されません。
Androidのホーム画面にWebサイトを追加する方法
iPhone とは異なり、 Android のホーム画面にはさまざまなブラウザから Web サイトを追加 できます。 Google Chrome、Microsoft Edge、Mozilla Firefox を使用してデモを行います。
まず、 Google Chrome を開き、ホーム画面に追加する Web サイトに移動します。右上の三点メニューアイコンをタップします。
メニューから「ホーム画面に追加」を選択します。
これで、ホーム画面のショートカットの名前を編集し、「追加」をタップできるようになります。
ホーム画面ランチャーのポップアップが表示され、アイコンを長押ししてホーム画面にドラッグしたり、「ホーム画面に追加」をタップすると自動的に追加されます。
Microsoft Edge の場合は、ツールバーの 3 点メニュー アイコンを選択し、[電話に追加] をタップします。
Mozilla Firefox の場合は、ツールバーの 3 点メニュー アイコンをタップし、[ホーム画面に追加] を選択します。
それでおしまい！ Web サイトのショートカット アプリのアイコンは、アプリと同様に移動したりフォルダーに追加したりできますが、アプリのドロワーには表示されません。
iPhone または iPad で Web サイトをアプリにする方法
プログレッシブ Web アプリは、 通常の Web サイトと同じ方法で iPhone および iPad のホーム画面に追加できますが、ネイティブ アプリのように独自のインスタンスで開きます。このプロセスは、Web サイトをホーム画面に追加する場合と同じです。
Safari を開き、ホーム画面に配置したい Web アプリに移動します。ツールバーの共有ボタン (四角形内の上矢印) をタップします。
共有シートから「ホーム画面に追加」を選択します。このオプションが表示されない場合は、共有シートの下部にある [アクションの編集] をタップし、 そこから追加します 。
次に、必要に応じてショートカットの名前を変更し、「追加」をタップします。
Web アプリがホーム画面に追加されます。 Web アプリを起動すると、Safari のタブではなく、独自の独立したインスタンスで開きます。
Android でウェブサイトをアプリにする方法
Android 上のプログレッシブ Web アプリは、ネイティブ アプリと同様の方法で「インストール」できます。ブラウザから Web アプリを「インストール」すると、ネイティブ アプリのように独自のインスタンスで開きます。 Android 上の Mozilla Firefox は Web アプリをインストールできません。
場合によっては、Web アプリがインストール可能であることを通知することがあります。その場合は、「インストール」ボタンをタップしてください。
Google Chrome で、三点メニュー アイコンをタップし、[アプリのインストール] を選択します。
Chrome からインストールされた Web アプリは、ホーム画面とともにアプリドロワーに追加されます。 Android の共有メニューにも表示されます。
Microsoft Edge で、3 点メニュー アイコンをタップし、[電話に追加] を選択します。
Edge によってインストールされた Web アプリはホーム画面にのみ表示されますが、ネイティブ アプリと同様に独自のインスタンスで開きます。
頻繁にアクセスする Web サイトにとって、これは時間を節約するための優れた方法です。過小評価されている機能としては、 アプリ内のホーム画面のショートカットが 挙げられます。利用できる Web アプリが増えるにつれて、 ネイティブ アプリの必要性は低くなります 。
Windows 10 または Windows 11 PC を使用している場合は、 Web サイトのショートカットをタスクバーに追加 できます。 Web サイトをアプリとして Mac のドックに固定する こともできます。
