WebDesigner's Memorandumウェブデザイナーの備忘録

Keyboard Maestroでブックマークレットにショートカットキーを割り当てる方法

Bookmarkletをショートカットキーで実行する

Keyboard Maestroには「Execute a JavaScript」というアクションがあり、これを使うとブラウザ上でJavaScriptの実行が可能です。

  • Execute a JavaScript in Front Browser
  • Execute a JavaScript in Google Chrome
  • Execute a JavaScript in Safari

今回はこの「Execute a JavaScript」を使ってブックマークレットにショートカットキーが付ける方法についてです。

ブックマークレットとは?

ブックマークレット(Bookmarklet)は、ブラウザのブックマークにJavaScriptが実行するような設定をしておいて、ブックマークをクリックするとページ上でJavaScriptが動作する仕組みのことです。

これを使うことで、サイト上で簡易的なプログラムを実行できます。

さらに細かいことは過去に記事にしているのでそちらをご覧ください。

FBへのサイトシェアをショートカットキーで実行できるようにする

有名なブックマークレットにFacebookの「Share on Facebook」というものがあります。今回はこれにショートカットキーを割り当ててみましょう。

これは、現在開いているサイトをFacebookでシェアするブックマークレットです。
本来はこのページの「Share on Facebook」をブックマークに追加するのですが、今回の場合は右クリックして[リンクをコピー]します。

Share on Facebook

次に、Keyboard Maestroの「Execute a JavaScript」にペーストします。

ブックマークレットをショートカットキーで実行する

ブックマークレットはURLではなくJavaScriptであることを明記する必要があるため、先頭に「javascript:」という文字が入ってしまっています。普通にJavaScriptとして実行する場合は不要なのでそれは削除しておきましょう。

これでブックマークレットをショートカットキーで実行できました。

試しに実行してみると、ちゃんとFacebookにシェアする画面が開かれると思います(Google Chromeの設定でポップアップをブロックしている場合は、ブロックされてしまいます)。

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね