safari web アプリショートカットの作り方｜キー1つで開くまで

safari web アプリショートカットという言葉で探しているとき、頭にあるのはたいてい2つのうちどちらかです。Dockやデスクトップに近道のアイコンを置きたいのか、キーを叩いた瞬間にその画面が前に出てくる状態を作りたいのか。前者はSafariの「Dockに追加」で1分もかからず終わります。後者はそこから先の話で、アプリに付ける名前と、Dockに並べる数と、macOS標準のショートカットアプリの使い方で決まります。この記事は両方を、詰まりやすい順に並べて扱います。

「ショートカット」という言葉が3つの別のものを指している

同じ言葉で呼ばれているのに、できあがるものが違います。ここを混ぜたまま検索すると、出てくる手順が噛み合いません。

1つ目は、URLを書いたファイルです。Safariのアドレスバーの左にあるアイコンをデスクトップにドラッグすると、拡張子が.weblocのファイルができます。これをダブルクリックすると既定のブラウザが立ち上がり、いつものウインドウにタブが1枚増えます。近道ではありますが、行き着く先はタブの列の中です。タブを見失っている状態は何も変わりません。

2つ目は、Dockに置くWebアプリです。macOS Sonoma 14からSafariに入った「Dockに追加」で作られるもので、Dockに専用のアイコンが並び、タブバーもアドレスバーもない窓で開きます。Command＋Tabの一覧にもSafariとは別の項目として出ます。これが、多くの人が探している「ショートカット」の実体です。

3つ目は、キーボードショートカットです。macOSには、Dockの何番目かを押して開くというキー操作は用意されていません。キーの組み合わせひとつでサイトを呼び出したいなら、Spotlightを経由するか、ショートカットアプリでキーを割り当てるかのどちらかになります。2つ目を作ってからでないと3つ目には進めないので、順番としては先にWebアプリを作ります。

Dockに追加で作られるものは、ブックマークではない

作り方は3手です。Safariでそのページを開き、メニューバーの「ファイル」から「Dockに追加」を選び、名前を入れて「追加」を押す。ツールバーの共有ボタンからでも同じ項目に届きます。macOS標準の機能なので、ここまでの費用は0円です。

できあがるものの性格は、Appleの資料に短く書かれています。

Webアプリに付けたい名前を入力してから「追加」をクリックします。Webアプリがホームフォルダの「アプリケーション」フォルダに保存され、DockやSpotlightからも開けるようになります。 出典: support.apple.com

読み飛ばしやすいのが後半です。Dockからだけでなく、Spotlightからも開ける。つまり、この時点で名前を打って呼び出す経路が手に入っています。キー操作で開く話の土台はここにあります。

保存先はホームフォルダの中の「アプリケーション」フォルダで、ディスク直下の共通のフォルダではありません。「作ったはずなのにアプリケーションに見当たらない」という詰まり方をするのはこのためです。Finderのメニューバーから「移動」を開いて「ホーム」を選び、その中の「アプリケーション」を開けば入っています。消すときも同じ場所にドラッグで戻ります。Dockからアイコンを外しただけでは実体が残るので、使わなくなったものが静かに溜まります。

もう1つ、Safariとは閲覧履歴もCookieも共有しません。作った直後に開くとログイン画面が出るのはこのためで、不具合ではありません。1回入り直せば、その後はそのアプリの中に保たれます。

名前の付け方が、そのまま開く速さになる

追加のときに入れる名前は、見た目のためのものではありません。Dockのアイコンの下、Command＋Tabの切り替え、Spotlightの検索結果、強制終了の一覧、システム設定の「通知」に並ぶ行、そのすべてがこの名前です。

Spotlightで開く速さは、名前の先頭の文字で決まります。Command＋Spaceを押してから何文字打てば候補の一番上に来るかが、そのまま毎朝の手間になります。Googleのサービスから3つ作って全部「Google」で始まる名前にすると、Command＋Spaceのあとに何文字打っても候補が3行に割れます。先頭を分けるのが実務的です。

• 用途を先頭に置く（「経理 freee」「日報 Notion」「問い合わせ Gmail」）
• アカウントを名前に入れる（「Gmail 仕事」「Gmail 個人」）
• すでにMacに入っているアプリと先頭2文字が同じ名前を避ける

名前は後から変えられます。作ったWebアプリを開き、メニューバーでそのアプリの名前をクリックして「設定」を選ぶと、「アプリケーション名」の欄が出てきます。同じ画面で「アプリケーションURL」とアイコンも差し替えられるので、最初の命名で悩み過ぎる必要はありません。ただし、名前を変えてもDockの位置は変わらないので、並べ替えは別作業になります。

Dockに置く数を絞ると、クリックの近道が戻ってくる

Dockのアイコンが増えるほど、1つあたりの幅は縮み、目で探す時間は伸びます。近道を作ったつもりが、探し物の場所が増えただけ、という状態になりやすいところです。

置く基準を1つ決めておくと迷いません。朝いちばんに開いて、その日ずっと開きっぱなしにするものだけをDockに残す。週に1回しか開かないものはDockから外し、Spotlightで名前を打って呼び出す側に回す。この振り分けをすると、Dockに残るのは5個から8個程度に落ち着くことが多く、位置で覚えられる範囲に収まります。

Dockそのものの設定も効きます。システム設定の「デスクトップとDock」で、自動的に表示と非表示を切り替える設定にすると画面が広くなりますが、代わりにマウスを端まで運ぶ動作が毎回入ります。キー操作で開く運用に寄せるなら非表示でも困りませんが、クリックで開く運用なら表示したままのほうが速いです。どちらが速いかは開き方によって逆転するので、先に開き方を決めてからDockの設定を決める順番になります。

通知を受け取るサイトをWebアプリにした場合は、Dockのアイコンに未読件数が赤いバッジで出ます。この機能を使うには、通知の許可をSafariの中ではなくWebアプリの中で出す必要があります。バッジが出るようになると、Dockに置く理由が「開くため」から「件数を見るため」に変わり、置くべきものの顔ぶれも変わります。

キー1つで開くところまで詰める

ここからが3つ目の意味のショートカットです。macOSで使える経路は主に4つあり、それぞれ性格が違います。

経路	押すもの	起動していないときの挙動	向いている場面
Dockのアイコン	クリック	起動する	置いている数が少ないとき
Command＋Tab	Command＋Tabを押し続ける	一覧に出ない	すでに開いているものへ戻る
Spotlight	Command＋Space から名前	起動する	数が多く、名前が分かれているとき
ショートカットアプリ	割り当てたキー	起動する	特定の1つを毎日何度も開くとき

Command＋Tabは起動中のアプリだけを並べます。Webアプリは通常のアプリと同じ扱いなので、Safariとは別の項目としてこの一覧に出てきます。すでに開いてある画面へ戻る用途では、これがいちばん速い経路です。逆に、閉じてしまったものはここには出てきません。

Spotlightは、閉じているものも開きます。Command＋Spaceを押し、名前の先頭を数文字打ってReturn。前の節で名前を分けておくと、ここが2文字か3文字で決まります。追加の道具を入れずに済むので、まずはこの形で運用してみて、それでも遅いと感じたものだけ次に進むのが順当です。

決まったキーの組み合わせで開きたい場合は、macOSに標準で入っているショートカットアプリを使います。新規のショートカットを作り、「Appを開く」のアクションを1つだけ置いて、対象に作ったWebアプリを指定する。そのうえで詳細の欄からキーボードショートカットを割り当てると、その組み合わせを押すだけで開くようになります。割り当てるキーは、Controlとオプションを組み合わせた空いている並びにしておくと、アプリ側のキー操作とぶつかりにくくなります。

開く操作そのものを消す手もあります。Appleの資料には、Webアプリをログイン項目として追加できると書かれています。毎朝いちばんに開くものであれば、ログインした時点で立ち上がっている状態にしてしまえば、ショートカットを押す機会自体が減ります。システム設定の「一般」にある「ログイン項目と機能拡張」から追加できます。

この道で足りなくなるのは、どこからか

Safariの「Dockに追加」で足りる範囲は広いものの、境目もはっきりしています。次のどれかに当たると、別の手段を探すことになります。

• Chrome専用の機能拡張が業務の前提になっている。Safariの機能拡張はWebアプリに引き継げますが、Chrome向けの拡張はこの経路には存在しません
• アイコンをきちんと揃えたい。設定画面から画像を差し替えられますが、サイトごとに用意する手間が人数分かかります
• Macが複数台ある。作ったWebアプリは同期されないので、台数分だけ同じ作業を繰り返します
• アプリの中から外部のリンクを踏むと、既定のブラウザ側で開きます。窓の中で完結させたい業務では、ここが崩れる要因になります
• SafariのエンジンではないブラウザでしかサポートされていないWebサービスがある

こうした事情がある場合に検討されるのが、サイトをアプリにする専用の道具です。ブラウザのエンジンを選べたり、外部リンクの開き方を指定できたり、アイコンと名前を最初から用意してあったりと、Safariの標準機能では届かないところを埋める役割になります。費用は買い切りのものと月額のものがあり、無料で試せる範囲もそれぞれ違うので、標準機能で困った点を書き出してから比べると判断が速くなります。

独自データの考察

どのサイトが実際にアプリ化されているかを見ると、選ばれているものには偏りがあります。サイトをアプリにする道具の側で用意されているプリセットを数えると、300以上のサービスがあらかじめ登録されている状態になっており、その顔ぶれは業務で毎日開くものに寄っています。どのサービスが並んでいるかは対応サービス一覧で確認できます。自分がタブに常駐させているものが載っているかどうかは、アプリにする価値があるかどうかの目安になります。

作れるものの範囲と、標準機能との差がどこにあるかはできることにまとまっています。実際の作成手順を先に読んでおきたい場合は使い方ガイドが短く、専用の道具を使う場合の費用は料金で確認できます。作る前に迷いやすい点はよくある質問に集まっているので、Safariの標準機能で試したうえで残った疑問だけを拾うと早く済みます。

順番としては、まずSafariの「Dockに追加」で1つ作り、名前をSpotlightで呼びやすい形に整え、それでも開くのが遅いと感じたところだけキーを割り当てる。この3手を踏んでから、標準機能で埋まらなかった穴を数える。穴が1つも無ければ、追加の道具は要りません。