iPhoneでホーム画面にショートカットを追加する方法! Chromeで開くアイコンを表示しよう

スポンサーリンク
iOS

本記事では、iPhoneのホーム画面にショートカットアイコンを追加する方法を解説します。

以下のようなニーズがあれば、ぜひどうぞ。

  • よくアクセスするサイトのショートカットをホーム画面に表示したい
  • Safari以外のブラウザ(例:Chrome)のショートカットを作成したい

 

スポンサーリンク
スポンサーリンク

ホーム画面にショートカットアイコンを追加する方法

前提:ホーム画面のショートカットアイコンとは?

ホーム画面のショートカットアイコンがあれば、指定したWebサイトをすぐ開けます。

頻繁にアクセスするWebページがあれば、設定しておくと便利です。
ホーム画面のショートカットアイコンの説明

当サイトの例。アイコンタップで、すぐアクセスできる。

本パートでは、iPhoneの主要ブラウザごと、3パターンの設定手順を説明します。

  1. Safariで設定する手順
  2. Chromeで設定する手順
  3. その他ブラウザで設定する手順
その他ブラウザは、BraveのアイコンBrave・FirefoxのアイコンFirefox・Microsoft EdgeのアイコンMicrosoft Edgeなど該当します。

SafariアプリのアイコンSafari以外の場合、iOSショートカットアプリのアイコンショートカットというApple公式アプリを使用します。

ショートカットアプリの説明

事前にインストールしておこう。

方法①:Safariで開くショートカットアイコンを作成する

まずSafariアプリのアイコンSafariで、ショートカットアイコンを追加したいWebページを開きます。

あとは共有メニューのアイコン共有メニューより ホーム画面に追加 を選び、名称を決めれば完了です。

Safariで開くショートカットアイコンを作成する手順1

当サイトのショートカットを追加する例。

Safariで開くショートカットアイコンを作成する手順2

ホーム画面にショートカットアイコンが追加される。

ただこの方法はSafariアプリのアイコンSafariに限定されており、ChromeアプリのアイコンChromeをはじめとするサードパーティ製ブラウザには対応していません。

具体的な注意点です。

  • ショートカットは必ずSafariで起動する
  • 別ブラウザは同様の手順でショートカットを追加できない

ショートカットは必ずSafariで起動する

たとえ設定アイコン設定で別アプリをデフォルトブラウザとしている場合も、SafariアプリのアイコンSafariで表示されます。

Safariで開くショートカットアイコンを作成する手順3

Chromeをデフォルトブラウザとする例。

別ブラウザは同様の手順でショートカットを追加できない

SafariアプリのアイコンSafari以外のブラウザでは、共有メニューのアイコン共有メニューより ホーム画面に追加 を選択できません。

Safariで開くショートカットアイコンを作成する手順4

Chromeの例。共有メニューを開いても、ショートカットを追加できない。

方法②:Chromeで開くショートカットアイコンを作成する

iOSショートカットアプリのアイコンショートカットを用意します。

‎ショートカット
‎ショートカット
開発者: Apple
金額: 無料
もともとは「Workflow」という有料アプリでしたが、2018年にAppleによって買収され、名称も「ショートカット」へ改められました。

トップ画面の+アイコンより、新規ショートカットを追加します。

検索窓で”chrome”と調べて、ChromeでURLを開く を選択しましょう。

Chromeで開くショートカットアイコンを作成する手順1

(左)プラスアイコンを開く (右)検索窓をタップ

Chromeで開くショートカットアイコンを作成する手順2

「ChromeでURLを開く」を選ぶ。

新規ショートカットについて、以下3点を決めます。

  • 名称
  • URL
  • アイコン画像

アイコン画像は、プリセットのデザインとカラーを選択できます。

オリジナル画像を用意している場合、このあとのステップで設定します。
Chromeで開くショートカットアイコンを作成する手順3

(左)名称やURLを入力する (右)アイコン画像を決める

入力できたら、ショートカットのメニューアイコンメニューより ホーム画面に追加 を選択します。

Chromeで開くショートカットアイコンを作成する手順4

ショートカットをホーム画面に追加する。

最後にショートカットの名称とアイコン画像を確認します。

サイトのファビコン画像を用意しておき、アイコンにセットすると判別しやすくてオススメです。

問題なければ、追加 で完了です。

Chromeで開くショートカットアイコンを作成する手順5

アイコン画像タップで、「写真を選択」or「ファイルを選択」で置き換えできる。

Chromeで開くショートカットアイコンを作成する手順6

(左)用意したアイコン画像へ変更する (右)「追加」で完了

これでホーム画面に、ChromeアプリのアイコンChromeで開くショートカットアイコンを設定できます。

Chromeで開くショートカットアイコンを作成する手順7

当サイトをChromeで開くショートカットができた。

なお、たとえ設定アイコン設定で別アプリをデフォルトブラウザとしている場合も、このショートカットはChromeアプリのアイコンChromeで開きます。

Chromeで開くショートカットアイコンを作成する手順8

Braveをデフォルトブラウザとする例。

方法③:その他ブラウザで開くショートカットアイコンを作成する

その他ブラウザは、BraveのアイコンBrave・FirefoxのアイコンFirefox・Microsoft EdgeのアイコンMicrosoft Edgeなど該当します。また、この方法はiOS 14以降が条件です。

まず、ショートカットで開きたいアプリを、デフォルトブラウザとして設定しましょう。

設定アイコン設定を下にスクロールして、デフォルトブラウザとしたいアプリを開きます。

デフォルトブラウザを変更する手順1

Braveアプリを選択する例。

デフォルトのブラウザApp より、切り替えればOK。

デフォルトブラウザを変更する手順2

Braveをデフォルトブラウザとする例。

次に、iOSショートカットアプリのアイコンショートカットを用意します。

‎ショートカット
‎ショートカット
開発者: Apple
金額: 無料
もともとは「Workflow」という有料アプリでしたが、2018年にAppleによって買収され、名称も「ショートカット」へ改められました。

トップ画面の+アイコンより、新規ショートカットを追加します。

検索窓で”URL”と調べて、URLを開く を選択しましょう。

その他ブラウザで開くショートカットアイコンを作成する手順1

(左)プラスアイコンを開く (右)検索窓をタップ

その他ブラウザで開くショートカットアイコンを作成する手順2

「URLを開く」を選ぶ。

新規ショートカットについて、以下3点を決めます。

  • 名称
  • URL
  • アイコン画像

アイコン画像は、プリセットのデザインとカラーを選択できます。

オリジナル画像を用意している場合、このあとのステップで設定します。
その他ブラウザで開くショートカットアイコンを作成する手順3

(左)名称やURLを入力する (右)アイコン画像を決める

入力できたら、ショートカットのメニューアイコンメニューより ホーム画面に追加 を選択します。

その他ブラウザで開くショートカットアイコンを作成する手順4

ショートカットをホーム画面に追加する。

最後にショートカットの名称とアイコン画像を確認します。

サイトのファビコン画像を用意しておき、アイコンにセットすると判別しやすくてオススメです。
その他ブラウザで開くショートカットアイコンを作成する手順5

アイコン画像タップで、「写真を選択」or「ファイルを選択」で置き換えできる。

その他ブラウザで開くショートカットアイコンを作成する手順6

(左)用意したアイコン画像へ変更 (右)「追加」で完了

これでホーム画面に、デフォルトブラウザで開くショートカットアイコンを設定できます。

その他ブラウザで開くショートカットアイコンを作成する手順7

当サイトをBraveブラウザで開くショートカットができた。

なお初回のみ、iOSショートカットアプリのアイコンショートカットのプライバシー設定に関する許可が求められます。

アクセス許可の状況は、各ショートカットのメニュー内「プライバシー」項目で確認可能です。

その他ブラウザで開くショートカットアイコンを作成する手順8

(左)表示される許可メッセージ (右)あとで許可を解除もできる

 

補足:iOSのデフォルトアプリに関するアレコレ

本パートでは、iPhoneのデフォルトアプリに関連する、細かい情報を補足します。

説明の流れ
  • 補足①
    デフォルトブラウザを変更する方法
  • 補足②
    リンクをアプリで開く方法

デフォルトブラウザを変更する方法

iOS 13まで、デフォルトアプリは自由に変更できず、例えばブラウザは強制的にSafariのアイコンSafariが選択されました。

この仕様はiOS 14から変わり、ユーザーが自由に選べるようになっています。

設定アイコン設定を下にスクロールして、デフォルトブラウザとしたいアプリを開きます。

iOSでデフォルトブラウザ設定を変更する方法1

Chromeアプリを選択する例。

デフォルトのブラウザApp より、切り替えればOK。

iOSでデフォルトブラウザ設定を変更する方法2

Chromeをデフォルトブラウザとする例。

以降、リンクをタップして起動するブラウザは、ここで選択したアプリとなります。

iOSでデフォルトブラウザ設定を変更する方法3

URLを開くと、Chromeで起動するようになる。

詳しくは、関連記事【iPhoneでデフォルトブラウザを変更する方法! iOSでアプリの関連付けを追加しよう】で解説しています。

iPhoneでデフォルトブラウザを変更する方法! iOSでアプリの関連付けを追加しよう
この記事では、iPhoneでデフォルトブラウザを変更する方法を解説します。リンクをChromeで開いたり、ホーム画面に好きなブラウザで開くショートカットアイコンを設定できます。

リンクをアプリで開く方法

以下のシーンのように、思い通りの方で起動せず、困った経験はないでしょうか?

  • YouTubeのアイコンYouTubeアプリで開きたいのに、ブラウザが起動してしまう
  • ブラウザで開きたいのに、AmazonのアイコンAmazonアプリに勝手に飛ばされる

これはリンク(URL)をタップした際、アプリで開く or ブラウザで開く、を制御する設定で解決できます。

リンクをアプリで開く方法

YouTubeの例。ブラウザではなく、アプリで開く設定ができる。

説明が少し長くなるため、手順の詳細は関連記事【iPhoneでリンクをアプリで開く方法! 勝手にSafariが起動するのを防ごう】で解説しています。

iPhoneでリンクをアプリで開く方法! 勝手にSafariが起動するのを防ごう
この記事では、iOSでリンクをアプリで開く設定を解説します。勝手にブラウザで起動するのを回避できます。

 

〆:好きなサイトショートカットをホーム画面に作ろう!

以上、iPhoneでホーム画面にショートカットを追加する方法! Chromeで開くアイコンを表示しよう の説明でした。

ホーム画面にショートカットアイコンを追加する場合、以前までは複雑なURLスキームを駆使する必要があり、ハードル高めでした。

ただiOS 14以降、デフォルトブラウザを自由に変更可能となったため、どのブラウザであっても、簡単に作業できるようになっています。

頻繁にアクセスするWebサイトがあれば、ぜひ設定してみて下さい。

参考 Appleサポート – iPhone、iPad、iPod touchでデフォルトのWebブラウザやメール Appを変更する

参考 Google Chromeヘルプ – Chromeを既定のブラウザにする

iOS
スポンサーリンク
スポンサーリンク
スポンサーリンク
スポンサーリンク

コメント

タイトルとURLをコピーしました