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

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

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年から専門学校でデザインを学び、卒業後は神戸の制作会社でWeb制作に従事しています。Webrandumは2016年から運営し、ウェブデザイン、フロントエンド開発、WordPress、CSS、JavaScript、制作環境の効率化を中心に、実際に試した内容を執筆しています。

Twitterをフォロー Facebookでいいね