iPadで使える便利なブックマークレット

iPad Apple

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

ブックマークレットとは、ブラウザで動く小さなプログラムが記された特殊なブックマークです。普通のブックマークでは「http」や「https」で始まるURLが記録されている部分に「javascript」で始まるブログラムが書き込まれています。
ブックマークレットを使う時は普通のブックマークと同じように一覧から選択します。表示中のページに対して「画像をリストアップする」「英語のページを日本語に翻訳する」などの動作を実行することができます。
以下に、iPadのSafariで使うことができるブックマークレットと登録方法をご紹介します。

もくじ

登録の方法


まず、どこでもいいのでブックマークを一つ登録します。
タイトルとURLは後で書き換えてしまうので本当にどこでもかまいません。



次に、登録したいブックマークレット（「javascript」から始まる長い英数字の文章）をコピーします。



ブックマークの編集を選び、さきほど登録したブックマークのURLを削除し、今コピーしたブックマークレットをペーストします。



ブックマークレットの機能がわかるようにタイトルを書き換えます。
タイトルには何が書いてあっても自由なので、自分がわかりやすいものにしておくといいでしょう。



最後に完了をタップすれば終了です。



もくじに戻る


Google翻訳を使って英語のウェブサイトを日本語に翻訳する

javascript:void(0);void(0);void(0);void(0);void('Add%20this%20text%20into%20the%20code%20to%20suppress%20the%20tooltip%20with%20long%20script');void(0);void(0);void(0);void(0);void(0);void(0);void(0);q=location.href;void(location.href='http://translate.google.com/translate?hl=ja&sl=en&u='+q);

英語で書かれたページをGoogle翻訳の機能を使って日本語に翻訳します。
ページの修飾やレイアウトが維持されるので、元のイメージのまま日本語で読むことができます。



もくじに戻る


ページ内の画像をリストアップする

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

表示中のページにある全ての画像をリストアップします。



もくじに戻る


ページ内の地図をGoogleマップで表示する

javascript:(function(){var%20f=document.body.innerHTML;var%20m=f.match(/[0-9]{2}\.[0-9]{3,},[0-9]{3}\.[0-9]{4,}/);if(m!=null){document.location.href='http://maps.google.com/maps?q='+m;}else{alert('%E5%9C%B0%E5%9B%B3%E3%81%AF%E8%A6%8B%E3%81%A4%E3%81%8B%E3%82%89%E3%81%AA%E3%81%8B%E3%81%A3%E3%81%9F%E3%82%88%E3%81%86%E3%81%A0');}})()

店舗の所在地などを示すのにGoogleマップが小さく埋め込まれているページがありますが、この埋め込まれた地図をマップアプリで表示し直します。



もくじに戻る


リンクをFacebookでシェアする

javascript:var d=document,f='https://www.facebook.com/share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1338285943&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)

見ているページをFacebookでシェアします。
Safariには標準でTwitterでツイートする機能がありますが、Facebookを使いたい場合に便利になります。



もくじに戻る


Evernoteにクリップする

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

見ているページをEvernoteにクリップします。



もくじに戻る


Instapaperで後で読む

javascript:function%20iprl5()%7Bvar%20d=document,z=d.createElement('scr'+'ipt'),b=d.body,l=d.location;try%7Bif(!b)throw(0);d.title='(Saving...)%20'+d.title;z.setAttribute('src',l.protocol+'//www.instapaper.com/j/tVrIRMhDLEtZ?u='+encodeURIComponent(l.href)+'&t='+(new%20Date().getTime()));b.appendChild(z);%7Dcatch(e)%7Balert('Please%20wait%20until%20the%20page%20has%20loaded.');%7D%7Diprl5();void(0)

見ているページを「後で読む」サービスのInstapaperに登録します。



もくじに戻る


Googleリーダーに追加する

javascript:(function()%7Bfor(i=0;i%3Cdocument.getElementsByTagName('link').length;i++)%7Bif(document.getElementsByTagName('link').item(i).getAttribute('rel').toLowerCase()=='alternate'%20&&%20(document.getElementsByTagName('link').item(i).getAttribute('type').toLowerCase()=='application/rss+xml'%20%7C%7C%20document.getElementsByTagName('link').item(i).getAttribute('type').toLowerCase()=='text/xml'))%20%7B%20var%20furl;%20var%20fhref=document.getElementsByTagName('link').item(i).getAttribute('href');%20if(fhref.indexOf('/')===0)%20%7B%20furl='http://fusion.google.com/add?1&feedurl='%20+%20document.location.href.split('/')%5B0%5D%20+%20'/'%20+%20document.location.href.split('/')%5B1%5D%20+%20'/'%20+%20document.location.href.split('/')%5B2%5D%20+%20fhref;%20%7D%20else%20if(fhref.indexOf('http://')===0)%20%7Bfurl='http://fusion.google.com/add?2&feedurl='+fhref;%20%7D%20else%20%7B%20var%20fhref2=document.location.href.split('/');%20fhref2.pop();%20furl='http://fusion.google.com/add?3&feedurl='+fhref2.join('/')+'/'+fhref;%20%7D%20document.location.href=furl;%7D%20%7D%7D)();

見ているページのRSSフィードをGoogleリーダーに登録します。



もくじに戻る


HTMLソースを表示する

javascript:d=document;c=d.charset%7C%7C0;i=0;o=d.documentElement;d.write(%22%3Cpre%3E%22+(o.outerHTML%7C%7Co.innerHTML).replace(/&/g,%22&amp;%22).replace(/%3C/g,%22&lt;%22).replace(/%3E/g,%22&gt;%22)+%22%3C/pre%3E%22);c?d.charset=c:0;void(document.close());

ページのHTMLソースを表示します。



もくじに戻る


ページをはてなブックマークに追加する

『ブックマークレット - はてな』より

javascript:(function(){var%20d=(new%20Date);var%20s=document.createElement('script');s.charset='UTF-8';s.src='http://b.hatena.ne.jp/js/Hatena/Bookmark/let.js?'+d.getFullYear()+d.getMonth()+d.getDate();(document.getElementsByTagName('head')[0]||document.body).appendChild(s);})();

開いているWebページを「はてなブックマーク（http://b.hatena.ne.jp）」に追加します。

ブックマークすると同時にEvernoteやFacebookなどに送信することもできます。



もくじに戻る