iPhone

【iPhone利用者必見!】Safariで絶対使うべき、最強のブックマークレット10選

iPhoneにはデフォルトでインストールされているブラウザアプリ、Safari。
ページをpdfに変換したり、リンクをメールやLineで送ったりと中々使える機能が備わっています。

実は「ブックマークレット」を使うと、safariに「ページを和訳」したり「サイト内を検索」といった機能を追加することが出来るんです。
今回はsafariをグッと使いやすくするブックマークレット10選を紹介します!

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

とはいったものの「ブックマークレットとは一体何なのか?」
そう疑問に思う人もいらっしゃると思うので、まずは簡単に説明をさせていただきます。
ブックマークレットとは、javascriptというプログラムコードをブックマークの様に登録することで、
様々な追加機能を使うことが出来るもののことを言います。
追加機能に関しては以下で紹介していますが、「ページを見やすく」や
「Amazonで検索」といったものがあげられます。

?ブックマークレットの登録方法

そのため、便利なブックマークレットも登録をしなければ使うことは出来ません。
プログラムコードを使っているとはいえ、その登録方法はいたってシンプルです。
順に説明していきます。
?まず適当なサイトをブックマーク登録します。
ここではGoogleをブックマークに登録しています。
1
?ブックマークに登録したサイトを編集します。
サイトのURL部分の代わりに、以下で紹介しているjavascriptのコードをコピー&ペーストします。
2
?ブックマークの名前を、分かりやすく追加した機能の名前に変えます。
3
これでブックマークレットの登録は完了です。
あとはブックマークと同様に登録したブックマークレットを呼び出せば、その機能を使うことが可能です。
それでは便利なブックマークレットを見ていきましょう!

ページを見やすく表示

4
javascript:(function(a,b,c,d,e)%7Bb=(b==’https:’)?b:’http:’;c=’//amberjack115.
herokuapp.com/share/’;d=0%7Cnew%20Date().getTime()/1000/60/6;e=
a.createElement(‘scr’+’ipt’);e.src=%5Bb,c,’js/simplifystyles.js?’,d%5D.join(”)
;e.charset=’utf-8′;e.async=’async’;(a.head%7C%7Ca.body%7C%7Ca.document
Element).appendChild(e);%7D)(document,location.protocol);
webページを読みやすいように表示しなおします。
画像がある場合でも問題なく機能してくれます。

サイト内を検索

5
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%20Reg
Exp%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
webページ内を検索することが出来ます。
検索数の他、検索したワードが色付きで表示されます。

Amazonで検索

6
javascript:(function()%7Bvar%20t=”+(window.getSelection%20?
%20window.getSelection():%20document.getSelection%20?%
20document.getSelection():%20document.selection.createRange().text);if(!t)%
7BL=document.location.href;if(L.match(/(yahoo%5C.).+?.*p=(%
5B%5E&%5D+)/)%7C%7CL.match(/(amazon%5C.).+?.*field-keywords=
(%5B%5E&%5D+)/)%7C%7CL.match(/(%5C.wikipedia%5C.)
.+%5C/wiki%5C/(%5B%5E%5C/%5D+)/)%7C%7CL.match(/(youtube%5C.)
.+search_query=(%5B%5E&%5D+)/)%7C%7CL.match(/(%5C?.*%5Cb)q=(
%5B%5E&%5D+)/)%7C%7CL.match(/(%5C#search%5C/)(%5B%5E%5C/%5D+
)/))t=decodeURIComponent(RegExp.$2);%7Dif(!t)t=prompt(‘
amazon%E6%A4%9C%E7%B4%A2′,”);if(t)open(‘http://www.amazon.
search/?keyword=’+encodeURIComponent(t),’_
amazonで検索を行います。
webページを見ていてAmazonで商品を調べたくなった時、即座に検索できるので手間が省けます。

画像の一覧表示

7
javascript:(function(){var imgs=document.images;var srcs=new
Array();for(vari=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ページにある画像の一覧を表示します。
画像を集めたいときに特にオススメしたいブックマークレットです。

英単語の意味

8
javascript:(function()%7Bx=document;y=window;if(x.selection)%
20%7BQ=x.selection.createRange().text;%7D%20else%20if%20
(y.getSelection)%20%7BQ=y.getSelection();%7D%20else%20if%20
(x.getSelection)%20%7BQ=x.getSelection();%7D;m=’http://www.popjisyo
英単語をタップするとその意味が表示されるようになります。
気になった単語をその場で調べられる優れものです。

検索結果を100件まで表示

9
javascript:%20location.href%20=%20location.href%20+%20’&num=100′
普通だと10件までしか一度に表示されない検索結果を100件まで表示させます。
一度に多くの検索結果を見たい時、非常に便利です。

evernoteにコピー

10
表記がしているwebページをevernoteのノートにコピーします。
普段からevernoteを使っている人に特にオススメしたいですね。

AAを見やすく

11
javascript:void((function()%7Bvar%20m=document.createElement
(‘meta’);m.name=%22viewport%22;m.content=%22width=1280,maximum
-scale=1.6,minimum-scale=0.1,user-scalable=yes%22;document.
getElementsByTagName(%22head%22)%5B0%5D.appendChild(m);var%
20e=document.createElement(‘script’);e.setAttribute(‘src’,’http://font.textar.tv/
webfont.js’);e.setAttribute (‘id’,’s2b’);document.body.appendChild(e);l=
document.createElement(‘link’);l.rel=’stylesheet’;l.setAttribute(%
22href%22,%22data:text/css,%22+encodeURIComponent(%22*%7Bfont-
Family:Textar;%7D%22));document.getElementsByTagName(
‘head’)%5B0%5D.appendChild(l);undefined;%7D)())
AA(アスキーアート)を見やすく表示します。
iPhoneだと表記が崩れがちなAAもこの通り。ばっちり表示できちゃいます。

google翻訳

?12
javascript:void(0);void(0);void(0);void(0);void(‘Add%20this%20text%20into
%20the%20code%20to%20suppress%20the%20tooltip%20with%20long%20
script’);void(0);void(0);void(0);void(0);void(0);void(0);void(0);q=location.href;
表示しているwebページ全体をgoogle翻訳します。
いちいち文章をコピーしてgoogle翻訳にかける…という手間が省けます。

タイトルとURL

13
javascript:(function(){prompt(‘このページのタイトルとURL’,document.
title+’ – ‘+document.URL);})();
表示しているwebページのタイトルとURLを表示します。
コピー出来るので、メモやメールに載せたい時に便利です。
スマホの乗り換えで失敗する人の共通点
「機種変更してみらら、思ったより料金が高かった…」なんてことありませんか?

いま、ショップの店頭で有料オプションや有料コンテンツに加入させられて、結局損をしてしまう人が続出しています。

スマホを乗り換えるときにはおとくケータイなどのオンラインショップを利用してください。

学割やオンラインショップ限定割引など、今月がもっともお得な時期です。

おすすめオンラインショップ一覧