96056474 96c8007fb4 b

Photo: YayAdrian

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


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


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


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


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


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


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

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

Skitched 20120805 055241

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


Skitched 20120805 052327

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


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


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


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


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


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

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

Skitched 20120805 072210

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


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


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


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

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)()


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

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

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


リンク作成

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の検索バーをなんでも検索可能にする方法」という技もブログをテンポ良く書く上で非常に大きな力になってくれます。これも合わせて読んでみてください!