[Å] ブックマークレットって何?って人に「使うと便利なツールだよ!」って話をしてみる

ブックマークレットって耳にしたことはありますか?無いですか?でも今聞きましたね。難しい単語は一切使わないでブックマークレットが何かということを説明したいと思います。魔法みたいなツールという理解で進めていきましょう。

はじめに

先ほども申しました通り、この記事はブックマークレットを知らない人に向けた記事で難しい単語は極力避けています。

避けた言い回しのため、専門家の方には誤解を招いてしまう部分もあるかと思いますが予めご了承ください。

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

ブックマークレットとは「命令・お願い」です。

例えば…

今物凄くピザが食べたかったとします。でも手が離せない。買いに行けない。でも隣に友人がいます。どうしますか?ピザをお店に注文するという方法があります(買いに行く手もあり)。

友人にお願いしてお店にピザを注文してもらう

この行為をブックマークレットとします。

誰かに何かをしてもらう。命令です。でも響きが悪いのでお願いという言い方に変えましょう。

ブックマークレット ≒ お願い(命令)

実際の例

ブログを書くためにたくさんのブックマークレットが存在します。

では今回は私には欠かせないブックマークレットを例に説明したいと思います。

私のお願い

アプリをブログで紹介する時に必要なのは何か?

アプリのリンクですね。

従って、今回の私のお願いは…

App Storeに行ってアプリのリンクを取ってきて

というものです。

実際の中身

ブックマークレットの中身を紹介します。

javascript:(function()%7Bvar%20d=document,e=d.createElement('script'),url='http://dl.dropbox.com/u/2271551/javascript/apphtml.js';if(!url.match(/%5C?/))url+='?t='+(new%20Date()).getTime();url+='&out='+'popup'+'&cnt='+'8'+'&knd='+'software'+'&aff='+'aiAZfSjWBS8'+'&scs='+'288'+'&ipd='+'1.5'+'&fmt='+'%3Ca%20href%3D%22%24%7Blinkshareurl%7D%22%20target%3D%22_blank%22%20rel%3D%22nofollow%22%3E%3Cimg%20width%3D%22100%22%20class%3D%22alignleft%22%20align%3D%22left%22%20src%3D%22%24%7Bicon100url%7D%22%20style%3D%22border-radius%3A%2020px%2020px%2020px%2020px%3B-moz-border-radius%3A%2020px%2020px%2020px%2020px%3B-webkit-border-radius%3A%2020px%2020px%2020px%2020px%3Bbox-shadow%3A%201px%204px%206px%201px%20%23999999%3B-moz-box-shadow%3A%201px%204px%206px%201px%20%23999999%3B-webkit-box-shadow%3A%201px%204px%206px%201px%20%23999999%3Bmargin%3A%20-5px%2015px%201px%205px%3B%22%3E%3C/a%3E%3Cstrong%3E%20%24%7Btitle%7D%3C/strong%3E%3Ca%20href%3D%22%24%7Blinkshareurl%7D%22%20target%3D%22_blank%22%20rel%3D%22nofollow%22%3E%3Cimg%20src%3D%22http%3A//s.mzstatic.com/htmlResources/E6C6/web-storefront/images/viewinitunes_jp.png%22%20style%3D%22vertical-align%3Abottom%3B%22%20width%3D%2290%22%20alt%3D%22App%22%3E%3C/a%3E%3Cbr%3E%20%25u30AB%25u30C6%25u30B4%25u30EA%3A%20%24%7Bcategory%7D%3Cbr%3E%20%25u8CA9%25u58F2%25u5143%3A%20%3Ca%20href%3D%22%24%7Bselleritunes%7D%22%20target%3D%22_blank%22%20rel%3D%22nofollow%22%3E%24%7Bseller%7D%3C/a%3E%25uFF08%25u30B5%25u30A4%25u30BA%3A%20%24%7Bappsize%7D%25uFF09%3Cbr%3E%20%25u5168%25u3066%25u306E%25u30D0%25u30FC%25u30B8%25u30E7%25u30F3%25u306E%25u8A55%25u4FA1%3A%20%24%7Ballverstar%7D%25uFF08%24%7Ballreviewcnt%7D%25uFF09%3Cbr%3E%20%24%7Bgamecenter%7D%20%24%7Buniv%7D%3Cbr%20style%3D%22clear%3A%20both%3B%22%3E';e.charset='utf-8';e.src=url;e.id='bmlt';d.body.appendChild(e);%7D)();

これがブックマークレットです。

うっ?って思いましたか?でも別にこれを書いてと言っているわけではありません。世の中は親切でコードを掲載してくれている方コードを簡単に作ってしまうサービスが存在します。

私も上記コードは書けないレベルです。でもたくさん利用しています。本当に便利なので使った方が良いです。

その他にも

今回は「アプリのリンクを取ってきてね。」というお願いでしたが、他にも「商品のリンクを取ってきてね。」であったり、「飲食店のマップを取ってきてね」など多々存在します。

それをまとめたのがさっき紹介したこちらの記事です。

ブログに関するブックマークレットだけではなく、ブラウザ上で動くものもあります。

「見ているページの1番下に移動してね」だったり、「Evernoteに保存してね。」、「Pocketに保存してね」などなど。

こういう「○○に何かしてね」というお願いがブックマークレットです。

ブックマークレットがどういうものなのか少し理解できたでしょうか。次回はこのブックマークレットの使い方をご紹介します。

結論

ブックマークレットは何かをしてもらうためのツールで一見難しそうに見えますが、案外コピペで使えちゃう(製作者に感謝)というお話でした。

おしまい。

それではこれからもあかめ(@mk_mizuho)をよろしくお願いします。

おすすめ関連記事

■ 同じカテゴリについてもっと読む

ブログ運営者をフォローする!

\ この情報を周りの人にも教える /

1369996295.jpg
プロフィールあかめの画像
あかめAkame Mizuho
横浜在住。フリーランス。
食べ歩き / 旅行 / カメラ / WEBデザイン 好き。

プロフィール / お問い合わせ

個人アカウント(メイン)▼

ブログ公式アカウント▼