Photo by : Baranovskiy

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

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



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

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

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


あのWWDC 2018の招待状ポスターを組立てられる3Dプリンター製プラモデルが登場! 


iPhoneアプリを2018年7月以降にアップデートするには「iOS 11 SDK」を使用して「iPhone X」に対応必須に。 


【作った!】Google Chromeで開いている全てのタブのリンクをラクに作成できる拡張機能を作ってみた。 


iOSアプリがMacでも動作する「Marzipan」が今年発表されなさそうで安心したぜ。 


iPhone SE 2の実機写真?背面はガラス張り。ヘッドホンジャックあり。 


iOS11のシェアが76%へ。iOS10ユーザーはまだ根強く19%。 


macOS High Sierra 10.13.4が対象の「セキュリティアップデート 2018-001」がリリース。 


iOS11.3.1がリリース。iPhone 8を非純正品の画面に交換した場合タッチが出来なくなる問題に対処。 


【Xcode】どのファイルを編集中でもサクッとメソッドにジャンプしたりファイルを検索して開く事ができるショートカットキー 


Xcodeでキーボードだけでメソッドを超速に検索する方法。 


 

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