2012年12月5日

これ無いと無理!! ブログを書く為に使っている6つのブックマークレット

スポンサード リンク

Cat with a macbook pro

おはよう御座います @Ebba_oBL です。

ブログを書く上で特にリンクを貼る作業というのは面倒なもんです。

実はブログを本格的に書き始めるまで、そもそも「ブックマークレット」の存在すら知らなかったのですが、いざ使って見るとコレ考えた人神じゃね!?というくらい便利なわけです。

今回はボクがブログを書くのに使っているブックマークレットを晒そうと思いますが、本題に入る前にブックマークレットってどうやって使うんだよ!? と言う方は以下のエントリから読んでみて下さい。

ブロガー眼から鱗、ブックマークレットの導入方法と使い方 Chrome でやってみた | ハヤクユケ

それでは行ってみましょう!!

スポンサード リンク

ブログ執筆に必須のブックマークレット6選

1.ページのタイトルをリンクにする

<br />
javascript:(function(){var ele=document.createElement('textarea');ele.style.width='100%';ele.value='<span class="removed_link" title="&#039;+location.href+&#039;">'+document.title+'</span>';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function(){ele.parentNode.removeChild(ele);};ele.oncopy=function(){setTimeout(function(){ele.parentNode.removeChild(ele);},1);return true;}})()<br />

シンプルですが、意外と使いどころは多いです。

【例】
IE をモダンブラウザに変身させる魔法の js 2行のうち1行は地雷だった件 | ハヤクユケ

2.引用

<br />
javascript:(function()%7Bvar%20ele=document.createElement('textarea');ele.style.width='100%25';ele.value='%3Cblockquote%3E%3Cp%3E'+window.getSelection()+'%3C/p%3E%3Ccite%3E%E5%BC%95%E7%94%A8%E5%85%83%EF%BC%9A%3Ca%20href=%22'+location.href+'%22%20target=%22_blank%22%3E'+document.title+'%3C/a%3E%3C/cite%3E%3C/blockquote%3E';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function()%7Bele.parentNode.removeChild(ele);%7D;ele.oncopy=function()%7BsetTimeout(function()%7Bele.parentNode.removeChild(ele);%7D,1);return%20true;%7D%7D)()<br />

引用する際に引用元もリンクで付与してくれるので便利

【例】

参考にさせていただいた A!attrip さんが後日記事を書かれており、このスクリプトを書くと確かに IE 5.5 〜 IE 8 がモダンブラウザのような挙動を見せるのですが、激烈に重くてクライアントが離脱してしまうレベルで有ることがわかりました(;´Д`)

引用元:IE をモダンブラウザに変身させる魔法の js 2行のうち1行は地雷だった件 | ハヤクユケ

3.リンク先のサムネイル付きでリンクを貼る

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

↑こんな感じでリンクを生成するブックマークレット。

上記に貼り付けたサイトが配布元なのですが、普通の「サラリーマンのiPhone日記さん」で公開されています。

ブックマークレットは上記サイトで自由に作成できますが、面倒な方で上記フォーマットと同じでいい、と言う方はボクの使っているものをどうぞ。

<br />
javascript:(function()%7Bvar%20d=document,e=d.createElement('script'),url='http://dl.dropbox.com/u/2271551/javascript/sharehtml.js';if(!url.match(/%5C?/))url+='?t='+(new%20Date()).getTime();url+='&out='+'preview'+'&cnt='+'100'+'&sts='+'%3Cbr%3E%3Cspan%20style=%22color:%20%23808080;font-size:%2080%25;%22%3E'+'&ste='+'%3C/span%3E'+'&cts='+'%3Cbr%3E%3Cstrong%3E'+'&cte='+'%3C/strong%3E'+'&fmt='+'%3Ca%20href=%22$%7Bposturl%7D%22%20target=%22_blank%22%3E%3Cimg%20class=%22alignleft%22%20align=%22left%22%20border=%220%22%20src=%22http://capture.heartrails.com/150x130/shadow?$%7Bposturl%7D%22%20alt=%22%22%20width=%22150%22%20height=%22130%22%20/%3E%3C/a%3E%3Ca%20style=%22color:%230070C5;%22%20href=%22$%7Bposturl%7D%22%20target=%22_blank%22%3E$%7Bposttitle%7D%3C/a%3E%3Ca%20href=%22http://b.hatena.ne.jp/entry/$%7Bposturl%7D%22%20target=%22_blank%22%3E%3Cimg%20border=%220%22%20src=%22http://b.hatena.ne.jp/entry/image/$%7Bposturl%7D%22%20alt=%22%22%20/%3E%3C/a%3E$%7Bpostselect%7D$%7Bmemo%7D%3Cbr%20style=%22clear:both;%22%20/%3E%3Cbr%3E';e.charset='utf-8';e.src=url;e.id='bmlt';d.body.appendChild(e);%7D)();<br />

4.Android アプリのリンクを貼る

マップ
Google Inc.
価格:undefined  平均評価:4.4(2,329,874)

このように Google Play ストアのアプリへのリンクを生成してくれます。

【Xperia arc】AndroidMarketへのリンクを作るブックマークレットを改良!

こちらのサイトから頂戴しました。

ただ、なぜかボクの環境では Chrome で動作せず、このブックマークレットを使う時だけ Safari を起動しています。

Android アプリの紹介をする時はリンクが付いていると、読者の方は便利ですよね。

<br />
javascript:%22http%3A%2F%2Flet.st-hatelabo.com%2Fpantherlamd0219%2Flet%2FgYC-xMeL1bGsMQ.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B<br />

5.6.アフィリエイト商品紹介リンク生成

商品紹介ブログパーツ カエレバ

書籍紹介ブログパーツ ヨメレバ

アマゾンや楽天などのリンクを生成してくれるブックマークレット。

リンクを作成したい商品ページでポチッとクリックするだけで、Amazon はもちろん、楽天や Yahooショッピングなどへの商品リンクができあがり!

なぜかコンバージョン率が上がった

amazon に関しては amazon 提供の商品リンクを使った時よりもコンバージョン率があがるという効果が当ブログでは見られました。

iTunes コンテンツ用もある

また、ボクは別の形で作業していますが、iTunes のコンテンツのリンクを生成する「ポチレバ」というサービスも平行して提供されています。

※各サービスのアフィリエイトアカウントが必要です。

ブックマークレットではないけどオマケ

iTunes のコンテンツをまとめてリンク生成

Sticky iTunes Link Maker – iTunes リンク作成ツール

とにかく便利です。リンク先にアクセスすれば使い方は一目瞭然だと思います。

アフィリエイトリンクとしての利用には LINK SHAARE のアカウントが必要です。

Excel のシートを html に変換してくれる

TABLEIZER! — Spreadsheets to HTML Tables Tool

実際の利用にはブログ側で多少 CSS を触ってやる必要があるかもしれませんが、自分で table タグを打つ事を考えれば超楽チンです!

ちょっとした表を挿入したい時ってあるんですよね。

まとめ

ボクが実際に使っているブックマークレット6つと、便利なソースを吐き出してくれるサービス2つをご紹介しました。

特にブックマークレットは使わない日はないくらいの頻度で利用しています。

これらブックマークレットとブログエディタの MarsEdit を駆使する事で、ブログの執筆時間は大幅に短縮され、記事を書く事に集中できるようになりました。

MarsEdit – the blog editor for WordPress, Tumblr, Blogger and more. App
カテゴリ: ソーシャルネットワーキング
価格: ¥3,450

ブログを始めたばかりの方には、このようなツールを探す時間を短縮して欲しいと思い、基本的なモノからまとめてみましたが、いかがだったでしょうか。

まだ利用したことが無い方は是非チャレンジしてみて欲しいと思います。

スポンサード リンク

コメントを残す

TOP↑