【ブックマークレット30選】SNSシェアや翻訳が1タップ!スマホが快適になる便利機能まとめ

読了まで約 29

スマホを使っている方で、現状のブラウジングに不満はありませんか?例えば、気に入ったWebページをSNSにシェアしたい時に限ってシェアボタンが無くて困ることや、海外のWebページを読むときに翻訳サイトに遷移しながら読まなければならないなど…。

そんな時、ブラウジングを快適にしたい時に役立つのが「ブックマークレット」です。今回は、かゆい所に手が届くような便利機能を持つ「ブックマークレット」を30種類ご紹介します。

目次

ブックマークレットってなに?

既に活用している人もいるかもしれませんが、ブックマークレットの説明を簡単にします。ブックマークレットとは、ブラウザのブックマークボタンから「Twitterにシェア」や「WebページのタイトルとURLを表示」などの機能を呼び出せるものです。

ブックマークのURL登録画面にJavaScriptのコードを挿入することで機能するようになります。Webサービスと連携したものから、Webページ閲覧を快適にするものなど、数多くのブックマークレットが存在するのが特徴。

ブックマークレットの基本的な使い方

bookmarklet3
ブックマークレットの使い方は非常に簡単です。ブラウザのブックマーク編集ボタンから、任意のタイトルを入力してURL入力画面にJavaScriptのコードをコピー&ペーストするだけでOK

例として、「WebページのタイトルとURLを表示する」ブックマークレットを登録しました。登録したものが、どのような働きをするのかを見てみましょう。

bookmarklet2

「マネーフォワード クラウド 公式ブログ」で登録したブックマークレットをチェックしてみます。ブックマークから、「タイトルとURLを表示」を押すと、上記の右画像のように表示されます

SNSを活用するためのブックマークレット8選

Startup Stock Photos

Startup Stock Photos

 

1.Twitter公式アプリにWebページを投稿

javascript:(function(){window.location=’twitter://post?message=’+encodeURIComponent(document.title)+’%20-%20’+encodeURIComponent(document.URL)})()

開いているWebページをTwitter公式アプリに投稿することができるブックマークレット。投稿には、WebページのタイトルとURLが含まれます。

2.ツイートされた数を表示する

javascript:(function(){window._fbt=function(t){var tc=”;if(t.count!=null){tc=t.count;}else{tc=’0′;}alert(‘このページがtweetされた数:’+tc);};var s=document.createElement(‘scr’+’ipt’);s.src=’http://urls.api.twitter.com/1/urls/count.json?url=’+document.URL+’&callback=_fbt’;document.body.appendChild(s);})();

閲覧しているWebページがTwitter上に何ツイートされているのかを表示するブックマークレットです。

3.Facebookのいいね!ボタンを表示する

javascript:(function(){var div1=document.createElement(‘div’);div1.style.padding=’10px’;div1.style.top=’0′;div1.style.width=’80px’;div1.style.height=’65px’;div1.style.position=’absolute’;div1.style[‘z-index’]=’5000′;div1.style.backgroundColor=’#fff’;div1.style[‘border’]=’3px solid #ccc’;var iframe1=document.createElement(‘iframe’);iframe1.setAttribute(‘src’,’http://www.facebook.com/plugins/like.php?href=’+encodeURIComponent(document.URL)+’&send=false&layout=box_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=90′);iframe1.setAttribute(‘frameBorder’,’0′);iframe1.setAttribute(‘scrolling’,’no’);iframe1.style.border=’currentColor’;iframe1.style.width=’80px’;iframe1.style.height=’80px’;iframe1.style.overflow=’hidden’;iframe1.setAttribute(‘allowTransparency’,’true’);document.body.appendChild(div1);div1.appendChild(iframe1);})();

Webページ上にFacebookの「いいね!」ボタンが無いときでも、「いいね!」するためのブックマークレットです。

4.Facebookのいいね!数を表示する

javascript:(function(){window._fenrirBookmarkletFbFavCount=function(f){var tc=”;if(f[0].total_count!=null){tc=f[0].total_count;}else{tc=’0′;}alert(‘このページのいいね!数:’+tc);};var s=document.createElement(‘scr’+’ipt’);s.src=’https://api.facebook.com/method/fql.query?format=json&callback=_fenrirBookmarkletFbFavCount&query=select+url,like_count,total_count,share_count,click_count+from+link_stat+where+url=\”+encodeURIComponent(document.URL)+’\”;document.body.appendChild(s);})();

閲覧しているWebページが何回「いいね!」されているかを確認するためのブックマークレットです。

5.Facebookにリンクをシェアする

javascript:var d=document,f=’http://www.facebook.com/share’,l=d.location,e=encodeURIComponent,p=’.php?src=bm&v=4&i=1338200799&u=’+e(l.href)+’&t=’+e(d.title);1;try{if (!/^(.*.)?facebook.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z) {a=function() {if (!window.open(f+’r’+p,’sharer’,’toolbar=0,status=0,resizable=1,width=626,height=436′))l.href=f+p};if (/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)

閲覧しているWebページをFacebookのタイムライン上にシェアするときに活躍するブックマークレットです。

6.はてなブックマーク数を表示する

javascript:(function(){window._fenrirBookmarkletHatebuCount=function(h){var%20hc=”;if(h.count!=null){hc=h.count;}else{hc=’0′};alert(%22このページのはてブ数:%22+hc);};var%20s=document.createElement(%22scr%22+%22ipt%22);s.src=%22http://b.hatena.ne.jp/entry/json/?url=%22+document.URL+%22&callback=_fenrirBookmarkletHatebuCount%22;document.body.appendChild(s);})();

TwitterやFacebookなどのシェアボタンがあっても、はてなブックマークボタンは稀に無い場合があります。そんな時、はてなブックマーク数を確認するためのブックマークレットです。

7.はてなブックマーク数とコメントを表示する

javascript:(function(){window._fenrirBookmarkletHatecom=function(h){if(h!=null){var hc=”;for(i in h.bookmarks){if(h.bookmarks[i].comment!=”)hc+=’・’+h.bookmarks[i].comment+’\n’;}alert(‘はてブ数:’+h.count+’\n’+hc);}else{alert(‘ブックマークはありません’);}};var s=document.createElement(‘scr’+’ipt’);s.src=’http://b.hatena.ne.jp/entry/jsonlite/?url=’+encodeURIComponent(document.URL)+’&callback=_fenrirBookmarkletHatecom’;document.body.appendChild(s);})();

はてなブックマークを付けた人が、どのようなコメントをしているのかを確認するためのブックマークレットです。

8.tumblrに投稿する

javascript:var d=document,w=window,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),f=’http://www.tumblr.com/share’,l=d.location,e=encodeURIComponent,p=’?v=3&u=’+e(l.href) +’&t=’+e(d.title) +’&s=’+e(s),u=f+p;try{if(!/^(.*.)?tumblr[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a =function(){if(!w.open(u,’t’,’toolbar=0,resizable=0,status=1,width=450,height=430′))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else a();}void(0)

tumblrに記事などを投稿するときに活躍するブックマークレットです。

9.WebページのタイトルとURLを表示する

javascript:(function(){prompt(‘このページのタイトルとURL’,document.title+’ – ‘+document.URL);})();

WebページのタイトルとURLを表示し、コピー&ペーストできるようにするブックマークレット。LINEやFacebookのメッセンジャーなどにシェアしたい時におすすめです。

10.WebページのタイトルとURLをメールで送信

javascript:(function(){var url=’mailto:?subject=’+document.title+’&body=’+document.title+’\n’+document.location.href;document.location.href=encodeURI(url);})();

件名にタイトル、本文にURLをペーストし、メールを送れるブックマークレットです。「mailto:?」の部分に特定の送信先メールアドレスを入力しておけば、ワンタップでシェアすることができます。

英文記事も楽に読める翻訳ブックマークレット5選

iphone_dictionary

11.Bing Translatorで翻訳する

javascript:(function(){var s=document.createElement(‘script’);s.setAttribute(‘src’,’//labs.microsofttranslator.com/bookmarklet/default.aspx?f=js&to=ja’);s.setAttribute(‘type’,’text/javascript’);document.body.insertBefore(s,document.body.firstChild);}());

Bingの翻訳サービス、「Bing Translator」のブックマークレットです。

12.エキサイト翻訳で翻訳する

javascript:(function(){var cur=document.location.href;var target=’http://www.excite-webtl.jp/world/english/web/?wb_url=’+encodeURIComponent(cur)+’&wb_lp=ENJA&wb_dis=2′;window.open(target,’_blank’);})();

こちらはexciteの翻訳サービス「エキサイト翻訳」のブックマークレット。翻訳サービスはエキサイト翻訳を利用していたという人なら導入しやすいブックマークレットなのではないでしょうか。

13.日英翻訳をする

javascript:(function(){var t=prompt(‘日本語を入力してください’,”);if(t)window.open(‘http://www.excite.co.jp/world/english/?wb_lp=JAEN&before=’+encodeURIComponent(t),null);})();

文章中の部分的なキーワードをピンポイントで英訳したい時におすすめなのが日英翻訳のブックマークレット。

14.英日翻訳をする

javascript:(function(){var t=prompt(‘英語を入力してください’,”);if(t)window.open(‘http://www.excite.co.jp/world/english/?wb_lp=ENJA&before=’+encodeURIComponent(t),null);})();

英語文の部分翻訳をするときにおすすめなブックマークレットです。日英、英日共に、単語をコピーした後、ブックマークレットを起動すれば利用することができます。

15.英和辞典のボタンを追加する

javascript:{var d=document;var w=window;var e=d.createElement(‘button’);function cb(j){d.body.removeChild(d.getElementById(‘dic_jsonp’));alert(((j.length==0)?w+’は見つかりませんでした’:j));}e.id=’dicButton’;e.type=’button’;e.style.position=’absolute’;e.appendChild(d.createTextNode(‘E->J’));e.onclick=function(){var w=d.getSelection().toString();var s=d.createElement(‘script’);if(w.length==0){var fs=window.frames;for(var i=0;(i<fs.length)&&(w.length==0);i++){if(fs[i].getSelection!=null)w=fs[i].getSelection().toString();}if(w.length==0)w=prompt(‘単語を入力’);}if(w!=null){s.id=’dic_jsonp’;s.type=’text/javascript’;s.src=’http://safari-park.herokuapp.com/dic/search?Word=’+w.replace(/^\s+/,”).replace(/\s+$/,”)+’&_callback=cb&twitter_id=’;d.body.appendChild(s);}};d.body.appendChild(e);w.onscroll=function(){var b=d.getElementById(‘dicButton’);b.style.top=(w.pageYOffset+w.innerHeight-24)+’px’;b.style.left=(w.pageXOffset+w.innerWidth-56)+’px’;};}

翻訳だけでなく、意味合いをきちんと知りたいという方におすすめなのが、英和辞典のブックマークレットです。

ブラウジング全般の効率化に最適なブックマークレット15選

close up of man sitting with smartphone at home

16.閲覧中のWebページをPocketに追加する

javascript:(function()%7BISRIL_H=%27a845%27;ISRIL_SCRIPT=document.createElement(%27SCRIPT%27);ISRIL_SCRIPT.type=%27text/javascript%27;ISRIL_SCRIPT.src=%27http://readitlaterlist.com/b/r.js%27;document.getElementsByTagName(%27head%27)%5B0%5D.appendChild(ISRIL_SCRIPT)%7D)();/*INSTALLED*/

「後で読む」サービスの定番「Pocket」に登録するためのブックマークレット。WebページにPocketボタンが無くても登録できるのが非常に便利です。

17.最寄り駅を表示する

javascript:(function(){window._fenrirBookmarkletMoyori=function(m){var str=”;if(m&&m.response&&m.response.station){var s=m.response.station;var len= s.length;for(i=0;i<len;i++){str=str+s[i].line+’ ‘+s[i].name+'(‘+s[i].distance+’)\n’;}}if(str){alert(str);}else{alert(‘見つかりませんでした’);}};navigator.geolocation.getCurrentPosition(function(p){var lat=p.coords.latitude;var lon=p.coords.longitude;var s=document.createElement(‘scr’+’ipt’);var s=document.createElement(‘scr’+’ipt’);s.src=’http://express.heartrails.com/api/json?method=getStations&x=’+lon+’&y=’+lat+’&callback=_fenrirBookmarkletMoyori’;document.body.appendChild(s);});})();

位置情報機能を利用して、どこに居ても最寄り駅を探してくれるブックマークレットです。わざわざ地図アプリを開かずに見ることが出来るので、様々な場面で活躍するでしょう。

18.Evernoteにクリップする

javascript:window.location=’http://s.evernote.com/grclip?url=’+encodeURIComponent(location.href)+’&title=’+encodeURIComponent(document.title)

Evernoteにクリップしておけるブックマークレットです。資料集めをPCだけでなくスマートフォンからも行う方にとって、このブックマークレット役立ちそうですね。

19.Webページをリロードする

javascript:location.reload()

Webページをリロードするためのブックマークレットです。

20.オーバーレイ広告を非表示にする

javascript:(function()%7Bvar%20d=document;var%20e=d.createElement(‘SCRIPT’);e.setAttribute(‘language’,’JavaScript’);e.setAttribute(‘src’,’http://s6.ql.bz/~mamiya-shou/bm/invalidFloatAd.min.js’);e.setAttribute(‘charset’,%20’UTF-8′);d.body.appendChild(e);%7D)();

スマートフォンに最適化したWebページに頻出するオーバーレイ広告を非表示にするブックマークレットです。広告が煩わしいのであれば絶対に入れておきたいですね。

21.Webページ内検索をする

javascript:void%28s%3Dprompt%28%27%E3%81%93%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E6%A4%9C%E7%B4%A2%3A%27%2C%27%27%29%29%3Bs%3D%27%28%27+s+%27%29%27%3Bx%3Dnew%20RegExp%28s%2C%27gi%27%29%3Brn%3DMath.floor%28Math.random%28%29*100%29%3Brid%3D%27z%27%20+%20rn%3Bb%20%3D%20document.body.innerHTML%3Bb%3Db.replace%28x%2C%27%3Cspan%20name%3D%27%20+%20rid%20+%20%27%20id%3D%27%20+%20rid%20+%20%27%20style%3D%5C%27color%3A%23000%3Bbackground-color%3Ayellow%3B%20font-weight%3Abold%3B%5C%27%3E%241%3C/span%3E%27%29%3Bvoid%28document.body.innerHTML%3Db%29%3Balert%28%27%E6%A4%9C%E7%B4%A2%E7%B5%90%E6%9E%9C%20%27%20+%20document.getElementsByName%28rid%29.length%20+%20%27%20%E4%BB%B6%27%29%3Bwindow.scrollTo%280%2Cdocument.getElementsByName%28rid%29%5B0%5D.offsetTop%29%3B

PCでは当たり前のように行うWebページ内検索。それをスマートフォンで気軽に行えるようになるブックマークレットです。

22.Yahoo!の検索をGoogle検索に変える

javascript:(function(){location.href=’http://www.google.com/m/search?q=’+decodeURIComponent(location.href.match(/p=([^?&]*)/)[1]);})();

Yahoo!検索とグーグル検索を切り替えることができるブックマークレット。調べ物をする際、2つの検索エンジンをつかって深く調べたいといったときにおすすめです。

23.チェックボックス内全てON/OFFする

javascript:(function(){var d=document;var ipt=d.getElementsByTagName(‘input’);for(var i=0;i<ipt.length;i++){if(ipt[i].type==’checkbox’){ipt[i].checked=d.body.chk==’checkcheckboxchecked’?true:false;}}d.body.chk=d.body.chk==’checkcheckboxchecked’?”:’checkcheckboxchecked’;})();

ショッピングサイトや会員ページの入力フォームにある、チェックボックスのオンオフの切り替えをまとめて全て行ってくれるブックマークレットです。

24.Webページ内の画像だけを抽出

javascript:(function(){var imgs=document.images;var srcs=new Array();for(var i=0;i<imgs.length;i++){srcs.push(imgs[i].src)}removeChildren(document.body);removeChildren(document.head);for(var i=0;i<srcs.length;i++){var div=document.createElement(‘div’);var image=document.createElement(‘img’);image.src=srcs[i];image.addEventListener(‘click’,function(e){prompt(”,e.target.src)},false);div.appendChild(image);document.body.appendChild(div)}function removeChildren(element){element.parentNode.replaceChild(element.cloneNode(false),element)}})();

画像まとめサイトなど、画像だけを並べて眺めたいときに活躍するブックマークレットです。Webページ上のテキストが無くなり、画像だけが並びます。

25.Webページを一番下までスクロール

javascript:(function(){var imgs=document.images;var srcs=new Array();for(var i=0;i<imgs.length;i++){srcs.push(imgs[i].src)}removeChildren(document.body);removeChildren(document.head);for(var i=0;i<srcs.length;i++){var div=document.createElement(‘div’);var image=document.createElement(‘img’);image.src=srcs[i];image.addEventListener(‘click’,function(e){prompt(”,e.target.src)},false);div.appendChild(image);document.body.appendChild(div)}function removeChildren(element){element.parentNode.replaceChild(element.cloneNode(false),element)}})();

閲覧中のWebページを一番下まで自動スクロールしてくれるブックマークレットです。

26.Webページを白黒化する

http://ipuhelin.com/en/safariplus/__y__#javascript:%20(function(){%20var%20newSS,%20styles=’*%20{%20background:%20white%20!%20important;%20color:%20black%20!important%20}%20:link,%20:link%20*%20{%20color:%20#0000EE%20!important%20}%20:visited,%20:visited%20*%20{%20color:%20#551A8B%20!important%20}’;%20if(document.createStyleSheet)%20{%20document.createStyleSheet(javascript:’+styles+’%20);%20}%20else%20{%20newSS=document.createElement(‘link’);%20newSS.rel=’stylesheet’;%20newSS.href=’data:text/css,’+escape(styles);%20document.getElementsByTagName(head)[0].appendChild(newSS);%20}%20}%20)();

カラーの多いWebページを白黒化してくれるブックマークレットです。奇抜なカラーで目が疲れてしまうというWebページがあれば、利用してみると良いかもしれません。

27.Webページ内のリンクをリスト化する

javascript:var%20a=”;for(var%20ln=0;ln%3Cdocument.links.length;ln++)%7Bvar%20lk=document.links%5Bln%5D;a+=ln+’:%20%3Ca%20href=%5C”+lk+’%5C’%20title=%5C”+lk.text+’%5C’%3E’+lk+’%3C/a%3E%3Cbr%3E%5Cn’;%7Dw=window.open(”,’Links’,’scrollbars,resizable,width=400,height=600′);w.document.write(a);

Webページ内のリンクをリストにまとめてくれるブックマークレットです。まとめサイトなど、Webページのリンクが大量に掲載されてるサイトの一覧性を高めるために使うのが良さそうですね。

28.選択範囲をWikipediaで調べる

javascript:(function()%7Bvar%20f=function()%7Bvar%20t=getSelection().toString();if(t!==”)%7Bopen(‘http:%2F%2Fja.m.wikipedia.org%2Fwiki%3Fsearch=’+encodeURIComponent(t));return%20true;%7D%7D;f()%7C%7Cdocument.addEventListener(‘gesturestart’,f,false);%7D)();

選択した文章をWikipediaで検索できるブックマークレットです。著名人やトレンドなど辞書にはのっていないような調べ物をするときに最適でしょう。

29.WebページのHTMLソースを表示する

javascript:(function(){document.body.innerText=”+ document.getElementsByTagName(‘html’)[0].innerHTML+”})();

WebページのHTMLを表示するためのブックマークレット。Web開発者など、気になったWebページのソースをチェックしたいときスマートフォンから気軽に行えるのが便利です。

30.ブックマークレットをまとめたもの

javascript:void((function(){var%20e=document.createElement(‘script’);e.setAttribute(‘src’,’http://bookmark.sarusaruworld.com/iPhone_sarusaru.js’);e.setAttribute(‘id’,’s2b’);document.body.appendChild(e)})())

便利なブックマークレットをひとつにまとめたブックマークレットです。1タップでGoogle検索やAmazon検索が出来るなど、かゆいところに手が届くブックマークレットです。

SNSシェアから翻訳まで、好みに応じて好きなものを登録できるブックマークレット。今回ご紹介した中から、自分に合った機能のものが見つかれば、ぜひ追加してみてください。

※掲載している情報は記事更新時点のものです。

※本サイトは、法律的またはその他のアドバイスの提供を目的としたものではありません。当社は本サイトの記載内容(テンプレートを含む)の正確性、妥当性の確保に努めておりますが、ご利用にあたっては、個別の事情を適宜専門家にご相談していただくなど、ご自身の判断でご利用ください。