先日書いた「はてブ数」をテキスト表示するJavaScriptがカッチョ悪かったのでシンプルに書きなおしてみた。

先日、公式のはてブ数表示がカッチョ悪いとこき下ろしながら、自分の書いたコードが長くてカッチョ悪かったので、@akio0911さんに再度アドバイスもらってシンプルにしてみました。

真・はてブ数をテキスト表示するJavaScript+HTMLコード。

表示例：Controlキーを使いこなせばMacの作業効率は恐ろしく上がる! 覚えるべき7つのショートカットキー | 和洋風◎

ブログに貼り付ける新着エントリーリストコード。

注意：headには上のと同様のJavaScriptとCSSを貼りつけてください。

Chrome KeyConfig用にも作ってみた。

超個人的ですが、自分用にChrome KeyConfig用も作ってみました。

javascript:(function(){var ele=document.createElement('textarea');ele.style.width='100%';ele.value='関連：'+document.title+' 
';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;}})()

表示例：1円も使わずMacを高速化出来る8つの方法。 | 和洋風◎
設定方法：ブロガー必須！のChromeエクステンション「Chrome Keyconfig」の設定方法

というわけで、

@isloopをフォローする

前のバージョンは、処理をリンクを作るたんびにいれていたので非常に長くなってしまいましたが、今度のは処理はheadに突っ込むカタチになり、2行のHTMLを突っ込むだけで、はてブ数を表示させることが出来るようになりました。

HTMLソースもグッとスマートになると思うのでぜひお使いくだしあ。でわでわ。