ブラウザ × Keyboard Maestroでちょっとした操作をラクにするマクロサンプル

この記事の要約
- Keyboard Maestroを使うことで、Google Chrome・Safari・Firefoxで同じ機能を同じショートカットキーで発火できる
- ある程度の操作なら、拡張機能を使わなくても実現可能
- マクロのダウンロードはこちらから
ブラウザを便利にするために「プラグイン」や「アドオン」などの拡張機能を使う人は多いですが、意外とKeyboard Maestroで実現できることもあります。
Keyboard Maestroで実現することで余計な拡張機能をインストールしなくて済みますし、Google Chrome・Firefox・Safariで同じショートカットキーで同じ機能を発火させたりもできます。
今回はブラウザで使えるKeyboard Maestroのマクロサンプルを紹介します。
マクロのダウンロード
下記のリンクから、今回紹介するマクロをダウンロードできます。
マクロの作り方の参考にしたり、組み替えて遊んでみたりしてください。
マクロサンプル
よく使うサイトへのアクセス
仕事でよく開くサイト(URL)へのアクセスは「New Front Browser Tab」アクションを使ってすばやくアクセスできるようにしています。

最近はAlfredのBookmark機能を使う機会の方が多いのですが、ショートカットキー一発なので、本当に早くサイトを開けます。
少し工夫して、「New Front Browser Tab」アクションを連続して設定すると、SNSを一気に開くマクロなんかも作れます。

共有用のリンクをコピー
自分がブラウザで1番よく使っているマクロが、共有用リンクのコピーです。
人に共有するためにタイトルとURLをコピーしたり、Markdown用のリンクをコピーしたりをショートカットキーからできるようにしています。
| 役割 | ショートカットキー | 形式 |
|---|---|---|
| タイトルとURL | shift + command + C | タイトル|URL |
| Markdown用リンク | option + command + C | [タイトル](URL) |
| ブログカード用リンク | control + C | [blogcard “URL”] |

ショートカットキーも形式も自分で好きなように設定できますし、ブラウザが変わっても共有のショートカットキーにしておけば全く同じように発火できるのがメリットです。
Chrome拡張機能でも同じ機能はありますが、マクロにしてちゃんと設定しておけばGoogle ChromeでもFirefoxでもSafariでも同じショートカットキーで実現できます。
開いているサイトをwebloc形式で保存
URLの鍵アイコンをFinderかデスクトップ上にドラッグアンドドロップすると、見ているサイトをwebloc形式で保存できます。
ただ、ドラッグアンドドロップはできるだけしないようにしたいので、Keyboard Maestroを使ってショートカットキーで保存できるようにします。

やっていることは、「Write Text to File」アクションでwebloc形式の中身を変数で入力して保存しているだけです。
Keyboard Maestroを使えばファイルの生成までできてしまいます。
特定のサイトでのみマクロを発火させる
特定のサイトでのみマクロを発火させたい場合があります。
そんなときは、「いま見ているサイトのURLを変数に格納するマクロ」を作成して、常にブラウザを監視させておきます。

あとは「If Then Else」アクションを使って、変数名の中身が特定のURLになっているかどうか判定してtrueのときに実行したいアクションを発火させます。

Keyboard Maestroには「Execute JavaScript in Google Chrome」というアクションが用意されていて、JavaScriptをサイト上で発火させられるので、JavaScriptが書ける人であれば「Facebookのお知らせタブをクリックする」コードを書いて実行したりもできます。





Chrome拡張機能のVimiumを使ってキーボードだけでブラウザを操作する
Googleの「.new」ドメインを徹底的に活用する
MacのQuick Lookをもっと便利にしてくれるプラグインまとめ
Homebrew Caskを使ってアプリケーションをコマンド一発でインストールできるようにする
Macでマクロの作成が出来るKeyboard Maestroの基本的な使い方
Google Driveでフォルダのコピーをする方法
Client Folder Makerをショートカットキーからすぐ実行できるようにする
Google Chrome が提供しているベータ版含む4つのバージョンの違いとインストール方法
Google日本語入力の辞書をATOKにインポートする方法
macOSのシステム環境設定「アクセシビリティ」内にあるVoiceOverの設定見直し
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Vue.jsを使う人が最低限導入しておきたいVisual Studio Codeの拡張機能
ATOKの8カ国語クラウド翻訳変換を使って、英語の翻訳をすばやく行う方法
Vue CLIのtitleタグやmetaタグの設定方法
毎日必ず行っている操作を少しでもラクにする!Macのカーソル操作関連の小技
Vue CLIでVue.jsの開発環境をセットアップするまでの流れ
Alfredで「自分のブログ内検索」を行う簡易的なWorkflowの作り方
【後編】Sync & Liveで取り回す Illustrator でのデータ作り!!CSS Nite in KOBE, Vol.26
Audacityで音声の雑音・ノイズを低減する方法
Figmaのパス周りの基本操作|基本的な描画方法からペンツールと直線ツールの細かい違いまで
テキストエディタをAtomからVisual Studio Codeに移行しました