WebアプリをMacのデスクトップアプリのように使う

Webアプリをデスクトップアプリ化する一番手軽な方法は、Macなら標準のSafariで目的のページを開き、メニューバーの「ファイル」から「Dockに追加」を選ぶことです。macOS Sonoma 14以降なら数十秒で終わり、Dockや「アプリケーション」フォルダから普通のアプリのように開けます。Chromeを使っているなら「ページをアプリとしてインストール」、ChatGPTやSlackのように提供元が公式のデスクトップアプリを配っているサービスなら、それを入れる方法もあります。この記事では、2026年10月18日にAppleとGoogleの公式ヘルプ、OpenAIのヘルプで確かめた手順をもとに、方法ごとの違い、メリットとデメリット、自分でアプリを作る場合の入口までを整理します。

デスクトップアプリ化とは:ブラウザの窓からWebアプリを切り離すこと

ここでいうデスクトップアプリ化とは、ブラウザのタブで開いているWebアプリを、専用の窓とアイコンを持つアプリとして扱えるようにすることです。中身は同じWebページのままですが、次のような違いが生まれます。

  • Dockやアプリケーションフォルダから、ほかのアプリと同じように開ける
  • ⌘+Tabでアプリとして切り替えられ、ブラウザのタブの中から探さなくて済む
  • 通知の件数をDockのアイコンに表示できる
  • ログインと同時に自動で開くように設定できる

検索上位には、開発者がHTMLやJavaScriptでデスクトップアプリを作る話と、使う側がWebサービスをアプリとして登録する話の両方が並んでいます。この記事では、まず使う側の方法を3つ説明し、後半で作る側の入口に触れます。方法は大きく次の3つに分かれます。

方法 必要なもの 費用 向いている人
SafariのDockに追加 macOS Sonoma 14以降 無料 Safariを使っている人
Chromeのアプリとしてインストール Chrome 無料 Chromeのプロファイルや拡張機能を使っている人
提供元の公式アプリ サービスごとのアプリ サービスによる 公式アプリにしかない機能を使いたい人

方法1:SafariでWebアプリとして保存する

AppleのサポートページMacでSafari Webアプリを使うによると、macOS Sonoma 14から、SafariでWebページをWebアプリとして保存できるようになりました。手順は次のとおりです。

  1. Safariで、Webアプリとして使いたいWebページを開く
  2. メニューバーから「ファイル」、「Dockに追加」の順に選ぶ。ツールバーの共有ボタンから「Dockに追加」を選んでもよい
  3. Webアプリに付けたい名前を入力して「追加」をクリックする

作ったWebアプリは、ホームフォルダの「アプリケーション」フォルダに保存され、DockやSpotlightからも開けます。

SafariのWebアプリで押さえておきたいのは、Safari本体とデータが分かれる点です。Appleは次のように説明しています。

Webアプリは、Safariとは別に機能します。閲覧履歴、Cookie、Webサイトデータ、設定情報はSafariと共有されません。 出典: support.apple.com

このため、Safariで仕事のGmailにログインしていても、Webアプリとして保存したGmailには改めてログインが必要です。反対に、個人のGmailをWebアプリにしておけば、Safariの仕事のアカウントと混ざりません。同じサービスを2つのアカウントで使い分けたい人には、むしろ便利な性質です。

設定は、Webアプリを開いてメニューバーのアプリ名から「設定」を選ぶと変えられます。アプリケーション名、アプリケーションURL、アイコン、「ナビゲーションコントロールを表示」、「タイトルバーにカラーを表示」を変更でき、「プライバシー」タブからCookieやキャッシュを消去できます。通知を許可すると、未読の件数がDockのアイコンに赤いバッジで表示されます。この通知は、システム設定の「通知」で、URLではなくWebアプリの名前で一覧に出ます。削除するときは、ホームフォルダの「アプリケーション」フォルダからWebアプリをゴミ箱にドラッグします。

方法2:Chromeで「ページをアプリとしてインストール」する

Chromeを使っている場合は、Chromeの機能でアプリ化できます。Chromeのヘルプの手順は次のとおりです。

  1. パソコンでChromeを開き、インストールするウェブサイトにアクセスする
  2. 右上のその他アイコンから「キャスト、保存、共有」、「ページをアプリとしてインストール」を選ぶ。サイトによっては、アドレスバーの右側にインストール用のアイコンが出る
  3. 画面の指示に従ってインストールする

インストールしたアプリは、新しいタブで「chrome://apps」を開くと一覧で見られます。アプリを右クリックして「ショートカットを作成」を選べば、置き場所を選んでショートカットを作れます。アンインストールするときは、そのアプリを開き、右上のその他アイコンから「[アプリ名] をアンインストール」、「削除」と進みます。このとき「Chrome からもデータを削除する」という選択肢が出ることからも分かるとおり、Chromeでアプリ化したWebアプリのデータはChrome側と結びついています。

SafariとChromeのどちらを選ぶかは、どちらのブラウザでアカウントや拡張機能を整えているかで決めるのが自然です。Chromeのプロファイルで仕事と個人を分けているなら、それぞれのプロファイルでインストールすれば、そのプロファイルのアカウントでアプリとして開けます。

方法3:提供元の公式デスクトップアプリを入れる

利用者の多いサービスは、提供元が自前のデスクトップアプリを配っています。ChatGPTもその1つで、OpenAIのヘルプUsing the ChatGPT macOS appによると、Mac版の動作条件はmacOS 14以降で、Apple シリコン(M1以降)またはIntelのプロセッサです。同じヘルプには、新しいデスクトップアプリがmacOSとWindowsで提供され、以前のmacOS版は「ChatGPT Classic」という名前に変わって引き続きサポートされている、とも書かれています。

公式アプリのメリットは、そのサービス向けに作り込まれた機能を使えることです。ブラウザのアプリ化では、見た目と動作はWebページのままなので、公式アプリにしかない機能は使えません。

デメリットは、サービスの数だけアプリが増えることです。Slack、Notion、ChatGPT、Zoomとそれぞれのアプリを入れると、更新の通知も、ログインの管理も、通知の設定も、アプリごとに別々になります。複数のアカウントの切り替えができるかどうかも、アプリによって違います。

デスクトップアプリ化のメリットとデメリット

3つの方法に共通するメリットとデメリットを整理します。

メリットは次のとおりです。

  • ブラウザのタブの中からWebアプリを探す手間が無くなり、⌘+TabやDockで切り替えられる
  • 通知の件数がアイコンに出るので、開かなくても新着が分かる
  • SafariのWebアプリなら、Safari本体とCookieが分かれ、アカウントを混ぜずに使える

デメリットは次のとおりです。

  • アプリ化したWebアプリが増えると、Dockと⌘+Tabの一覧が長くなり、今度はアプリを探す手間が出る
  • 同じサービスを、Safariのアプリ、Chromeのアプリ、公式アプリと別々に作ってしまうと、どれにどのアカウントでログインしたか分からなくなる
  • SafariのWebアプリには、タブやブックマークといったブラウザの機能が無い。必要なときは共有ボタンから「Safariで開く」を選んでSafariに切り替える

アプリ化する前に、どのサービスをどの方法でアプリにするかを一覧にしておくと、同じサービスが2つも3つも並ぶ状態を避けられます。目安は、1日に何度も開き、ずっと開いておくサービスだけをアプリ化し、たまに開くものはブラウザのタブのまま使うことです。

自分で作る場合:Electronなどでデスクトップアプリにする

自分で作ったWebアプリを、配布できるデスクトップアプリにしたい場合は、開発の作業になります。代表的な道具がElectronで、公式サイトには、JavaScript、HTML、CSSでmacOS、Windows、Linuxのデスクトップアプリを作れること、ChromiumとNode.jsを内蔵していること、Macではdmgを作れることが書かれています。2026年10月18日時点のトップページに表示されていた最新版は、Electron 43.4.0でした。

最近は、生成AIに頼んで手元のWebアプリを専用の窓で開くアプリにする、という作り方も紹介されています。

「ブラウザを隠して!」普段使っているChromeやEdgeを見せずに、アプリ専用の窓(pywebview)で開くように頼む。 出典: note.com

ただし、他人が作ったWebサービスを使いたいだけなら、ここまでの作業は要りません。SafariかChromeの機能で十分に窓を分けられます。

アプリ化したWebアプリが増えてきたら

SafariやChromeでのアプリ化は、2つ、3つのサービスなら快適です。ところが、メール、チャット、カレンダー、ドキュメント、生成AIと、毎日開いておくWebアプリが10個近くになり、さらに同じサービスを仕事と個人の2つのアカウントで使うようになると、Dockにアイコンが並び、どれがどのアカウントか見分けにくくなっていきます。

その段階での選び方の1つが、複数のWebアプリを1つの窓の中で扱うアプリ集約ブラウザです。このサイトを運営する開発元のアプリ集約ブラウザでは、Webアプリごとに専用のCookieコンテナで動かし、左の列から切り替えます。Gmailを3つ同時にログインしたままにでき、全アプリの通知はひとつのベルに集まります。⌘⇧Spaceでどこからでも呼び出せ、アプリごとのズームやミュートも記憶します。案内サイトの料金ページでは、無料版はワークスペース1つ、アプリ3つまで、上限なしのProは月額980円(税込)と案内されています。どんなことができるかはできることに、対応しているWebアプリは使えるアプリにまとまっています。同じ分野の道具との違いはWaveboxとの比較が参考になります。

どの方法を選ぶ場合も、出発点は同じです。毎日ずっと開いておくWebアプリを書き出し、その数とアカウントの数を数えます。3つ程度ならSafariの「Dockに追加」、Chromeを中心に使っているならChromeのアプリ化、公式アプリにしかない機能が要るサービスは公式アプリ、数が増えてアカウントを行き来するようになったらアプリをまとめる道具、と使い分けると、Dockも頭の中も散らかりにくくなります。

よくある質問

SafariのWebアプリは、どのmacOSから使えますか?

macOS Sonoma 14以降です。Safariでページを開き、メニューバーの「ファイル」から「Dockに追加」を選ぶと作れます。作ったWebアプリはホームフォルダの「アプリケーション」フォルダに保存され、DockやSpotlightから開けます。それより前のmacOSでは、Chromeの「ページをアプリとしてインストール」を使う方法があります。

SafariのWebアプリで、Safariのログイン状態は引き継がれますか?

引き継がれません。Appleのサポートページによると、Webアプリの閲覧履歴、Cookie、Webサイトデータ、設定情報はSafariと共有されません。そのため、Webアプリでは改めてログインが必要です。その代わり、Safariとは別のアカウントでログインしておけるので、仕事と個人のアカウントを分けて使えます。

アプリ化したWebアプリを削除するにはどうすればよいですか?

SafariのWebアプリは、ホームフォルダの「アプリケーション」フォルダからゴミ箱にドラッグすると削除できます。Chromeでインストールしたアプリは、そのアプリを開き、右上のその他アイコンから「[アプリ名] をアンインストール」を選び、「削除」を押します。Chromeのデータも消したい場合は「Chrome からもデータを削除する」を選びます。

ChatGPTはブラウザのアプリ化と公式アプリのどちらがよいですか?

公式アプリにしかない機能を使いたいなら公式アプリ、ブラウザと同じ画面で十分ならSafariやChromeのアプリ化で足ります。OpenAIのヘルプによると、Mac版の公式アプリはmacOS 14以降で、Apple シリコン(M1以降)またはIntelのMacで動きます。古いmacOSを使っている場合は、ブラウザでのアプリ化が現実的です。

記事一覧へ戻る