ブックマークに便利な呪文を登録しよう ブックマークレットについて

今回は私が良く使っているブックマークレットについて。

iPadやiPhoneでブログを読んでいて、「この記事をFacebookでシェアしたい」と思ったとき、普通はURLをコピーして、Facebookを開いて投稿ボックスに貼り付けと一手間かかります。

そんな操作を一発で可能にするのがブックマークレットです。

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

ブックマークレット (Bookmarklet) とはJavaScriptで記述された小さなプログラムである。たいていの場合、ウェブブラウザブックマークに登録して利用することからこの名称となった。 登録したブックマーククリックして使用する。

ブックマークレットを用いると、ウェブサイトを閲覧する際の補助として役立つ。特に携帯情報端末 (PDA) や携帯電話に搭載されたブラウザでは足りない機能をブックマークレットによって補うことが可能となる。

Wikipediaより

だそうです。ブックマークに便利な呪文を登録しておくって感じでしょうか。

ブックマークレットの登録の仕方ですが、iPadiやPhoneのSafariだと一手間かかります。

以下のサイトで解説されてますので、参考にしてみてください。

iPadで使えそうなブックマークレットを10個作ってみました – もとまか日記乙

私がよく使っているブックマークレットは以下のとおり

1.開いているページをFacebookにシェア

javascript:var%20d=document,f=’http://www.facebook.com/share’,l=d.location,e=encodeURIComponent,p=’.php?src=bm&v=4&i=1303959743&u=’+e(l.href)+’&t=’+e(d.title);1;try%7Bif%20(!/%5E(.*%5C.)?facebook%5C.%5B%5E.%5D*$/.test(l.host))throw(0);share_internal_bookmarklet(p)%7Dcatch(z)%20%7Ba=function()%20%7Bif%20(!window.open(f+’r’+p,’sharer’,’toolbar=0,status=0,resizable=1,width=626,height=436′))l.href=f+p%7D;if%20(/Firefox/.test(navigator.userAgent))setTimeout(a,0);%20else%7Ba()%7D%7Dvoid(0)

引用元は

[iPad-bookmarklet:001] いいね!(リンクをシェア)

 

 

 

 

2.開いているブログをgoogleリーダーに登録

javascript:var%20b=document.body;if(b&&!document.xmlVersion)%7Bvoid(z=document.createElement(‘script’));void(z.src=’http://www.google.com/reader/ui/subscribe-bookmarklet.js’);void(b.appendChild(z));%7Delse%7Blocation=’http://www.google.com/reader/view/feed/’+encodeURIComponent(location.href)%7D

引用元は

Google Reader登録用 bookmarklet for iPhone – iPhoneな生活

4.開いているページをEvernoteへWebクリップ

javascript:(function()%7BEN_CLIP_HOST=’http://www.evernote.com’;try%7Bvar%20x=document.createElement(‘SCRIPT’);x.type=’text/javascript’;x.src=EN_CLIP_HOST+’/public/bookmarkClipper.js?’+(new%20Date().getTime()/100000);document.getElementsByTagName(‘head’)%5B0%5D.appendChild(x);%7Dcatch(e)%7Blocation.href=EN_CLIP_HOST+’/clip.action?url=’+encodeURIComponent(location.href)+’&title=’+encodeURIComponent(document.title);%7D%7D)();

引用元は

iPhone Painters Japan: iPadでも使える!EvernoteのWebClipブックマークレット

ここからはブログ記事作成に役に立つブックマークレット。

こちらはそれぞれ自分の好みにカスタマイズするため、コードは引用しません。

こんな感じに表示されるという例と作者さんのページを紹介。

5.AppHtml(iPhoneやiPadのアプリ紹介)

表示例

空想どうぶつえん 1.1.1(無料)

カテゴリ: 教育
現在の価格: 無料(サイズ: 63.9 MB)
販売元: Benesse Corporation – Benesse Corporation
リリース日: 2011/04/05
現在のバージョンの評価: (358件の評価)
全てのバージョンの評価: (938件の評価)
App

作者さんのページ

iOS/Macアプリ紹介のAppHtmlが大幅リニューアル♬ | 普通のサラリーマンのiPhone日記

6.お気に入りのサイトをブログで紹介(ShareHtml)

表示例と作者さんのページ

ShareHtmlとFocusHtmlもリニューアルしました♪ | 普通のサラリーマンのiPhone日記

 

 

 

7.Twitterのお気に入りツイートをブログで紹介(FavHtml)

表示例

.bbpBox{width:85%;background:url(http://a1.twimg.com/images/themes/theme10/bg.gif) #642D8B;padding:20px;}

ブログ更新「ブログ更新にはiPadアプリ「blogsy」が便利!」 #akita #yokote #yuzawa #blogsy #blogsyjp #ipadjp http://t.co/e1bMnXkp2012/01/19 19:43 via TwitBird iPad佐藤淳一
kyotapy

作者さんのページ

Twitterふぁぼ紹介のFavHtmlをWP以外も使えるように♪ | 普通のサラリーマンのiPhone日記

 

 

 

8.Amazonの商品をブログで紹介する(AmazonHtml)

表示例

iittala イッタラ Teema ティーマ マグカップ 250ml / テラコッタ

iittala イッタラ

¥ 2,100

作者さんのページ

アマゾン商品紹介用ブックマークレット「AmazonHtml」復活。Ver 2.0へ! | matuダイアリー

iPhoneやiPadの標準ブラウザのSafariに自分の好みのブックマークレットを登録して、便利にカスタマイズしてみませんか?