MacでChromeのWebをアプリ化して使う方法

特定のWebサイトを毎回タブで探すのが面倒で、もっとアプリみたいに使いたいと感じていませんか。

この記事を読むと、MacでChromeのWebサイトを単独ウィンドウのアプリとして起動する具体的な手順と実践的な応用テクニックが分かり、作業が早くなるだけでなく整理されたデスクトップを手に入れられます。

項目	内容
独自コンテンツ1	実体験に基づく手順でPWA(プログレッシブウェブアプリ)化と手動ショートカット作成の両方をわかりやすく示します。
独自コンテンツ2	プログラマー視点の小技を紹介して専用プロファイルで拡張機能やログイン情報を分離する方法を伝授します。
独自コンテンツ3	AutomatorとAppleScriptを使ってネイティブ風アイコン付きアプリを作る実践手順と使いどころを解説します。

初めてでもつまずかないように画面例やコマンド例も用意しているので、ゆっくり進めていけば数分で使えるようになります。

MacでChromeのWebサイトを単独ウィンドウのアプリとして起動する方法

ちょっとしたWebサービスをデスクトップアプリみたいに使いたいときは、Chromeでそのサイトを単独ウィンドウのアプリとして起動するとすごく快適です。タブに埋もれずに専用のアイコンで起動できるので、集中して作業できます。ここでは手軽にできる方法をわかりやすく紹介します。

やり方は大きく分けて二つあります。一つはPWA対応サイトをそのままインストールしてアプリ化する方法、もう一つはPWA非対応のサイトをショートカットでウィンドウ表示にする方法です。どちらもMacのLaunchpadやDockから起動できるようになります。

MacのChromeでPWA対応サイトをインストールするパターン

PWA対応サイトは、サイト側にマニフェストやサービスワーカーが用意されているとChromeがインストール可能と判断します。アドレスバーにインストールボタンが出ていれば、ワンクリックでアプリ化でき、独立ウィンドウで起動するようになります。

メリットは起動が速く、DockやLaunchpadにアイコンが置けることと、場合によってはオフライン動作や通知が使える点です。開発者視点では、マニフェストとサービスワーカーの有無を確認するとインストール可能か判断しやすいです。

Chromeのアドレスバーのインストールボタンをクリックしてアプリを作成する

Chromeのアプリ一覧またはLaunchpadから起動して独立ウィンドウで操作する

MacのChromeでPWA非対応サイトをウィンドウ化するパターン

PWAではないサイトでも、Chromeの機能を使えばアプリ風に使えます。サイトをそのまま独立ウィンドウで開くショートカットを作れば、タブと分離して専用画面として使えます。PWAのようなオフライン対応やマニフェスト機能は期待できない点だけ注意してください。

この方法は簡単に試せて、特に頻繁に使うサービスを常駐させたいときに便利です。開発者ならば、アプリモードで動かして表示崩れやレスポンシブの挙動をチェックするのにも向いています。

Chromeのメニューからその他のツール→ショートカットを作成を選びウィンドウとして開くにチェックする

作成したショートカットを起動して通常のChromeウィンドウと分離して使う

MacのDockにChromeアプリを追加してアイコンで起動する方法

DockにChromeのWebサイトをアイコン化しておくと、アプリ感覚で素早く起動できます。普段よく使うWebサービスやチャットツールを一発で立ち上げられるので作業の切り替えが楽になります。

方法は主に3つあり、Chromeの『サイトをインストール』機能か『ショートカット作成』それからAutomatorでMacアプリとして包む方法があります。プログラマー視点ではPWA対応のサイトを使うとネイティブに近い挙動になり、通知やウィンドウ管理が快適になります。

実行中のChromeアプリをDockに固定する手順

まずは対象のサイトをChromeでアプリとして起動してください。サイトをインストールするかショートカットを作れば、専用ウィンドウが立ち上がりDockにアイコンが表示されます。

Dockのアイコンを右クリックまたはcontrolキーを押しながらクリックしてオプションを開き、『Dockに保持』を選んでください。これで次回から常にDockに表示され、ワンクリックで起動できるようになります。

Chromeで対象のアプリを起動してDockのアイコンを右クリックしオプションからDockに保持を選ぶ

MacでChromeアプリを自動起動やプロファイルごとに使い分ける応用

ChromeのWebサイトを単独ウィンドウのアプリとして扱うと、Dockに独立したアイコンが出て区別しやすくなり、デスクトップが整理されて作業が快適になります。ここではMacでそのアプリを自動起動させたり、ユーザープロファイルごとに使い分けるやり方をやさしく紹介します。

手順は大きく分けて三つあります。システムのログイン項目にアプリを追加する方法、Chromeのプロファイル単位でアプリを作る方法、そしてターミナルでプロファイル名を指定して起動する方法です。どれも実際に試してすぐ使える内容です。

プロファイルごとにアプリ化しておくと、業務用と個人用を混同せずに済みます。実際のクリック順や名前の付け方など、つまずきやすいところを丁寧に案内します。

Macのログイン時自動起動とプロファイル別アプリ化のやり方

ログイン時の自動起動は、作ったアプリをシステム側のログイン項目に登録するだけで実現します。プロファイル別にアプリを作ると、それぞれ別ウィンドウで起動してブラウジング状態も分けて使えます。

ターミナルから起動する方法を使うと、プロファイル名を指定してより厳密に切り分けられます。以下のコマンド例は、指定したプロファイルで特定のURLをアプリモードで開く形になります。

open -a "Google Chrome" --args --profile-directory="Profile 2" --app="https://example.com"

システム環境設定のユーザとグループのログイン項目にアプリを追加して自動起動を設定する

Chromeで目的のユーザープロファイルに切り替えてそのプロフィールでアプリを作成する

よくある質問

Chromeでウェブをアプリ化すると具体的にどうなるのか。

ウェブサイトがタブやアドレスバーのない単独ウィンドウで起動します。Dockに置いてアプリのように使えるので集中しやすくなります。データやログイン情報は使っているChromeのプロファイルに紐づきます。

PWAとメニューの「ショートカットを作成」でできることは何が違うのか。

PWAはサイト側が対応していればよりネイティブに近い振る舞いになりインストール表示や起動の高速化が期待できます。メニューのショートカットはChromeがサイトをラップしたウィンドウとして動きます。通知やオフライン機能はサイト側の対応状況に依存します。

Dockに登録したりアイコンを変えたり削除する方法は。

作成したアプリを起動してDockのアイコンを右クリックしオプションから常に表示を選ぶとDockに固定できます。アイコンを変更するのは手作業が必要なので、簡単にカスタムしたい場合はFluidやAutomatorで個別アプリを作る方法がおすすめです。削除はDockから外すかChromeのアプリ一覧でアンインストールしてください。

まとめ

ここまでお読みいただきありがとうございます。MacでChromeのWebサイトを単独ウィンドウのアプリとして使うには、まずChromeのショートカット作成機能を試してみるのが一番手軽です。手順を覚えれば日常の作業がずっと楽になります。

もう少し踏み込むなら、コマンドラインのアプリモードで余計なツールバーを隠したり、Nativefierで専用アプリを作ってアイコンや配布用の調整をする選択肢があります。Dockへの常駐はAutomatorやAppleScriptでラッパーを作ると便利で、起動時に自動で立ち上げる設定もできます。

日常的に複数のWebアプリを使うなら、Chromeのプロファイルを分けておくとCookieやログインが混ざらず管理が楽になります。最後にアイコンや名前を整理してDockに並べると作業の切り替えがさらに速くなります。