Photo by : Baranovskiy

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

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



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

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

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


日本時間の2018年9月13日にApple Special Eventが開催決定! 


iPhone専用ブログエディタ「するぷろX」に、altの記入忘れを完全に無くす「ALTチェッカー」を搭載しました。 


AirPodsに「色」が付く可能性あり。 


WWDC 2018のビデオに「日本語」の字幕が追加。 


App Storeの「アプリ」アフィリエイトが終了。 


Amazonプライムビデオで「シン・ゴジラ」が見放題に! 


iPhoneのSafariのGoogle検索が中国語になってしまった時の対処法。 


新型MacBook Pro用の「macOS High Sierra 10.13.6の追加アップデート」が登場。安定性と信頼性が向上。 


結婚式当日!ご祝儀用の新札忘れた!って時に頼れる「みずほ銀行 新札専用ATM」を君は知ってるか? 


和洋風KAIのWebプッシュ通知がFirefoxとOperaに対応しました。 


 

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ソースもグッとスマートになると思うのでぜひお使いくだしあ。でわでわ。