Photo by : Baranovskiy

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

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



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

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

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


【無料】格ゲーで10先するためのiPhoneアプリ「男の10先勝負」が対戦中に経過を確認できるようになりました。 


iOS11.2.2がリリース。スペクターの影響を緩和させるセキュリティに関するアップデート。 


【まとめ買い】Kindleで集英社マンガの名作たちが20%オフになるセールが勃発。気になる本をまとめてみた。 


これから動画のパケットは大幅に軽減される? Apple、動画圧縮コーデック「AV1」の開発をすすめる団体に加盟。 


買ったら絶対に把握しときたい「iPhone X」の使い方のまとめ。 


【半額】Kindleの実用書、約3,000冊が50%オフ以上になる超セールが勃発!気になる本をまとめてみた。 


iPhone Xの有機ELディスプレイは Galaxy よりも焼き付きに強いことが判明。 


【無料】最近格ゲー界で10先が熱い!だから10先するためのiPhoneアプリ「男の10先勝負」を作ってみた! 


文字化けはもう出ません!和洋風KAIのiPhoneアプリの新しいバージョンをリリースしました。 


【急げー!】ニンテンドースイッチがAmazonで定価で入荷してるぞー! #ニンテンドースイッチ 


 

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」の設定方法

というわけで、

するぷ

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

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