和洋風KAI

超絶便利!Safariでショートカットキーからブックマークレットを発動する方法

Photo: YayAdrian

こんにちは。すっかりSafariユーザの、するぷ( @isloop )です。

今日は、Safariでショートカットキーからブックマークレットを発動する方法について書こうと思います。

Chromeには、Keyconfigというショートカットキーでブックマークレットを発動することができる、すんばらしい機能拡張があるのですが、残念ながらSafariではそれがありません。

うーん。どうしたものか。

と悩んでいたら、ネタフルさんに「キーボードショートカットでSafariのブックマークレットを便利に使うTips」という超絶便利な記事がありました。

早速試してみたらSafariでもショートカットキーからブックマークレットを発動できたのです!

これは凄い!ヤバイ!ってことで和洋風でもシェアします!

Sfariでショートカットキーからブックマークバーにあるブックマーク・ブックマークレットを起動する方法。

shift + command + Bでブックマークバーを表示します。

ブックマークバーの一番左(フォルダは除く)にブックマークを置きます。

command + Dでブックマークバーに登録してもいいですし、ブックマークバーにドラッグアンドドロップしてもOKです。


置いたら、「command + 1」とキーボードを叩いてみましょう。


すると、ブックマークが開くじゃありませんか!

つまりブックマークバーにブックマークレットを置いておけばショートカットキーでブックマークを発動することが可能になります。

ブックマークレットの登録の仕方は以下に書いてみました。↓↓

ブックマークレットをSafariのブックマークバーに登録する方法。

option + command + Bですべてのブックマークを開き、メニューのブックマークバーをクリックします。


command + Dとキーボードを叩くとこのようなアラートがでるので、このページの追加先をブックマークバーに指定して、下の欄をブックマークレットの名前にして、追加をクリックしましょう。


作成したブックマークを右クリックしてアドレスを編集をクリックします。


するとアドレスが編集できるようになります。以下はリンクを作成できるブックマークレットです。これを試しにいれてみましょう。

javascript:(function()%7Bvar%20ele=document.createElement('textarea');ele.style.width='100%25';ele.value='%3Ca%20href=%22'+location.href+'%22%20target=%22_blank%22%3E'+document.title+'%3C/a%3E';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function()%7Bele.parentNode.removeChild(ele);%7D;ele.oncopy=function()%7BsetTimeout(function()%7Bele.parentNode.removeChild(ele);%7D,1);return%20true;%7D%7D)()


無事登録できました!これでブックマークレットの登録は完了です。

ぼくがブックマークバーに登録しているブックマークレット

ここで、ぼくがブックマークバーに登録しているブックマークレットをご紹介したいと思います。

リンク作成

javascript:(function()%7Bvar%20ele=document.createElement('textarea');ele.style.width='100%25';ele.value='%3Ca%20href=%22'+location.href+'%22%20target=%22_blank%22%3E'+document.title+'%3C/a%3E';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function()%7Bele.parentNode.removeChild(ele);%7D;ele.oncopy=function()%7BsetTimeout(function()%7Bele.parentNode.removeChild(ele);%7D,1);return%20true;%7D%7D)()

今見ているページのリンクをつくるブックマークレットです。

選択した文字列でリンクタグ

javascript:(function()%7Bvar%20ele=document.createElement('textarea');ele.style.width='100%25';ele.value='%3Cdiv%20class=%22photo-by%22%3EPhoto:%20%3Ca%20href=%22'+location.href+'%22%3E'+window.getSelection()+'%3C/a%3E%3C/div%3E';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function()%7Bele.parentNode.removeChild(ele);%7D;ele.oncopy=function()%7BsetTimeout(function()%7Bele.parentNode.removeChild(ele);%7D,1);return%20true;%7D%7D)()

ブラウザ内で選択した文字列のリンクタグをつくるブックマークレットです。

引用

javascript:(function()%7Bvar%20ele=document.createElement('textarea');ele.style.width='100%25';ele.value='%3Cblockquote%3E%3Cp%3E'+window.getSelection()+'%3C/p%3E%3Ccite%3E引用元:%3Ca%20href=%22'+location.href+'%22%20target=%22_blank%22%3E'+document.title+'%3C/a%3E%3C/cite%3E%3C/blockquote%3E';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function()%7Bele.parentNode.removeChild(ele);%7D;ele.oncopy=function()%7BsetTimeout(function()%7Bele.parentNode.removeChild(ele);%7D,1);return%20true;%7D%7D)()

ブラウザ内で選択した文字列で引用タグをつくるブックマークレットです。

ヨメレバ

javascript:window.open('http://yomereba.com/blogparts/?&url='+encodeURI(document.location.href));undefined;

本を紹介するときに、Amazon、楽天、ブックオフなどを横断するアフィリエイトリンクをつくれるブックマークレットです。

カエレバ

javascript:window.open('http://kaereba.com/blogparts/?&url='+encodeURI(document.location.href));undefined;

商品を紹介するときに、Amazon、楽天、ヤフオクなどを横断するアフィリエイトリンクをつくれるブックマークレットです。

AppHTML
iPadHTML
MacHTML
iOSアプリやMacアプリのアフィリエイトリンクサクッとつくれるブックマークレットです。詳しくは、作者の@hiro45jpさんの記事「iOS/Macアプリ紹介のAppHtmlが大幅リニューアル♬ 」を参考にしてください

パーソナライズオフ

javascript:(function(){location.href=location.href+'&pws=0'})();

Googleの検索ページにかかっているパーソナライズを外すブックマークレットです。詳しくは「ログインしたままGoogleのパーソナライズ検索を無効に出来るブックマークレットが便利」を参考にしてください。

Tabelog2HTML
食べログの店舗情報をブログに貼り付けられるブックマークレットです。めしログの時非常に重宝しています。詳しくは、作者の@feelingplaceさんの記事「食べログの店舗情報をブログに貼り付けるためのブックマークレット | Feelingplace」を参考にしてください。

注意1:ショートカットキーで開けるのは9個まで。

このブックマークバーを開くショートカットキーは以下の通り9個存在します。

command + 1
command + 2
command + 3
command + 4
command + 5
command + 6
command + 7
command + 8
command + 9

左から順にブックマークされているものを開くことが出来ます。

つまり、左から1番目のブックマークはcommand + 1で開くことができますし、左から2番目はcommand + 2で開くことが可能になります。

ここで注意なのですが、先ほどもいったとおりショートカットキーは9個しか存在しないため、ショートカットキーで開くことができるブックマークは左から9個までとなります。

注意2:フォルダは開くことができない。

もう一つ注意なのですが、ブックマークバーの左から順にショートカットキーを割り当てることが出来ますがフォルダは開くことができません。そしてまたフォルダは1つにカウントしません

つまりブックマークバーに登録されているブックマークのみを左から順にcommand + 数字のショートカットキーに割り当てることができます

僕はこれに気づかずハマッたことがあるので一応書いておきます。

あとがき。

この技を使う事で、Safariでもショートカットキーからブックマークレットを起動することができるようになりました。

これのおかげでキーボードから指を離さず、リンクタグや引用タグなどをスパッと取得することができました。非常にテンポ良くリンクタグや引用タグが取得出来るのでブログを書くスピードも当然あがります。

ブロガーの方はぜひこの技をお試しくださいませ。

ちなみに、「TextExpanderを使ってSafariの検索バーをなんでも検索可能にする方法」という技もブログをテンポ良く書く上で非常に大きな力になってくれます。これも合わせて読んでみてください!