Iphone

Macでウェブサイトをウェブアプリにする方法

Macでウェブサイトをウェブアプリにする方法

Safari の任意の Web サイトを、Dock または Launchpad から直接 Mac で開ける適切な Web アプリに変換する方法を学びます。

Macでウェブサイトをウェブアプリに変換するmacOS Sonoma以降では、あらゆるウェブサイトをウェブアプリに変換できます。内蔵SafariブラウザでウェブサイトをDockに追加するだけです。macOSが自動的にウェブサイトを適切なウェブアプリに変換し、ブラウザのChromeを使わずに実行できます。オフラインキャッシュやmacOSのウィンドウ管理などの機能もサポートします。

注意:古いバージョンの macOS では、Dock に Web サイトのショートカットのみを追加できます。

iPhoneとMacのウェブアプリについて

プログレッシブウェブアプリ(PWA)は長年存在しています。iPhoneにPWAをインストールするには、Safariの共有メニューで「ホーム画面に追加」を選択します。これにより、他のアプリと同じようにホーム画面からウェブアプリを開いたり、Appスイッチャーでウェブアプリを確認したりできるようになります。PWAとして動作するように設計されていないウェブサイトは、iPhoneやiPadでは通常のウェブサイトと同じように開きます。一方、Macでは、ウェブアプリとして動作するように設計されていないウェブサイトでも、ウェブアプリに変換できます。

MacでWebサイトをWebアプリとして追加する

1) Safariを開き、お気に入りの Web サイトにアクセスします。

2) Safari ツールバーの共有アイコンをクリックし、 「Dock に追加」を選択する か、メニューバーで「ファイル」 > 「Dock に追加」をクリックします。

MacのSafariでDockに追加

3) Web アプリのタイトルをカスタマイズし、「追加」をクリックします。

Macでウェブサイトをウェブアプリに変換する

ウェブアプリのアイコンはMacのDockとLaunchpadの両方に表示されます。Safariでこのウェブサイトにアクセスすると、保存したウェブアプリでウェブサイトを開くことを提案するバナーが画面上部に表示されます。

MacのWebアプリでウェブサイトを開く

Macでウェブアプリを使う

1) Dock または Launchpad の Web アプリ アイコンをクリックして、ボーダーレス Safari ビューで開きます。

Mac DockのWebアプリ

2) 「戻る」ボタンと「進む」ボタン、または 2 本指のトラックパッドのスワイプを使用して、通常の Web サイトと同じように Web アプリを閲覧できます。

3)デフォルトのブラウザでPWAをウェブサイトとして開くには、ウィンドウの右上隅にある小さなSafariアイコンをクリックします。macOS Sequoiaでは、共有ボタンをクリックして「開く」アクションを選択します 。

Mac の Web アプリ ウィンドウのナビゲーション ボタン

ウェブアプリで内部リンクを開く

内部リンクは外部へのリンクではありません。例えば、https://www.idownloadblog.com/で始まるURLはすべて当サイトの内部リンクです。iDownloadBlogのウェブサイトをウェブアプリとして保存し、このような内部リンクをクリックすると、同じウィンドウで開きます。ただし、Safariでリンクを新しいタブで開くように設定すると、同じリンクをクリックしても新しいウィンドウが開きます。

Mac 上の Web アプリの複数のウィンドウ
私の Mac 上の iDownloadBlog Web アプリの 3 つのウィンドウ。

注:リンクを右クリックして、[リンクを新しいウィンドウで開く]を選択することもできます。

ウェブアプリで外部リンクを開く

外部リンクは、元のウェブサイトから外部へのリンクです。例えば、iDownloadBlog.com ドメインを含まない当社のウェブサイト上のリンクはすべて外部リンクです。macOS では、外部リンクはデフォルトのブラウザでウェブアプリに表示されます。

重要:私のテストでは、macOS Sonomaはmedia.idownloadblog.comのようなウェブサイトのサブドメインさえも外部リンクとして扱いました。以前のmacOSバージョンでは、このようなリンクはデフォルトのウェブブラウザで開きますが、macOS Sequoiaではウェブアプリで開きます。

ウェブアプリのアイコン、名前、その他の設定を変更する

1) Mac で Web アプリを開きます。

2)メニューでウェブアプリ名をクリックし、「設定」を選択します。

MacでWebアプリの設定にアクセスする

3)アプリケーション名と Web アプリのアイコンは自由に変更できます。

ナビゲーションコントロールを表示」のチェックを外すと、ツールバーから「戻る」「進む」「ブラウザ」アイコンが削除されます。macOSがウィンドウのタイトルバーにウェブサイトのアクセントカラーを表示するのを止めるには、「タイトルバーに色を表示」のチェックを外してください。

4) 「プライバシー」タブ を選択して、キャッシュされたデータをすべて消去し、マイク、カメラ、位置情報などの権限を管理します。

5)この Web アプリの拡張機能を管理するには、[拡張機能] タブを選択します。

MacのWebアプリ設定

関連: Macでアプリアイコンを変更およびカスタマイズする方法

macOSでウェブアプリを使用する主な利点

  • お気に入りの Web サイトへのクイック リンクが Dock と Launchpad に表示されます。
  • Dock 内の Web アプリを右クリックして、特定のデスクトップスペースに割り当てたり、Mac の起動時に開くように設定したりできます。

Mac DockからWebアプリを右クリック

  • macOSのウィンドウマネージャーは、ウェブアプリをネイティブアプリのように扱います。ウェブアプリのウィンドウサイズを自由に変更したり、分割画面モードで使用したり、Safariや他のブラウザのウェブサイトに影響を与えることなく、接続された他のディスプレイに移動したりできます。

MacからiPadにWebアプリのウィンドウを移動する

  • ウェブアプリはプッシュ通知を送信したり、Macのマイク、位置情報、カメラなどにアクセスしたりできます。ウェブアプリのこれらの権限は、ネイティブアプリと同様にシステム設定で管理できます。ちなみに、通常のウェブサイトもマイクやカメラなどにアクセスできますが、その権限設定はSafariの設定で行います。

Mac 上の Web アプリ通知

Macのウェブアプリで気に入らない点

  • 外部リンクが Web アプリではなくデフォルトの Web ブラウザーで開かれるのは煩わしいです。
  • Web アプリには、Safari のように完全な URL を表示する下部のステータス バーがありません。

ウェブページ上の Safari ステータスバー

  • リンクを新規タブで開くように設定すると、リンクをクリックするたびに新しいウィンドウが開き、すぐに混乱してしまう可能性があります。一方、Safariは複数のタブを1つのウィンドウ内に整理するため、見た目が美しいだけでなく、管理もはるかに簡単です。
  • Web アプリを追加すると、Dock が混雑しすぎる可能性があります。

macOS は Web アプリをどこに保存しますか?

ウェブアプリのアイコンはDockとLaunchpadに表示されますが、ウェブアプリ自体は、ネイティブアプリのようにMac上のすべてのユーザーの通常のアプリケーションフォルダにはインストールされません。代わりに、ウェブアプリはアカウントのアプリケーションフォルダに保存されます。保存したSafariウェブアプリとChromeアプリをすべて1か所で表示するには、以下の手順に従ってください。

1)新しい Finder ウィンドウを開きます。

2)メニューバーで「移動」 > 「フォルダへ移動」をクリックします。

3) Enter キーを押し  ~/Applications/て、Return キーを押します。

MacのFinderフォルダにあるWebアプリ
Mac に追加した Web アプリ。

Macからウェブアプリを削除する

~/Applications/フォルダに移動してそこからウェブアプリを削除することもできますが、macOSアプリをアンインストールする他の方法はウェブアプリにも適用されます。例えば、LaunchpadでOptionキーを押しながらXアイコンを押すとウェブアプリを削除できます。また、AppCleanerなどのアプリを使ってウェブアプリを削除することもできます。

Mac LaunchpadからWebアプリを削除する

Dock から Web アプリを削除するとアンインストールされますか?

いいえ、そうではありません。ウェブアプリのアイコンをドラッグしても、Dockのスペースが空くだけです。ウェブアプリは依然としてマシン上のスペースを占有しており、Launchpadと~/Applications/フォルダに表示されます。

MacのDockからWebアプリを削除する

その他のSafariのヒント:

  • iPhone、iPad、MacのSafariでプロファイルを作成して使用する方法
  • Face ID、Touch ID、またはパスワードを使用してSafariのプライベートタブをロックおよびロック解除する方法
  • iPhoneでSafariを最大限に活用するための24のヒント
Milawo
Milawo is a contributing author, focusing on sharing the latest news and deep content.