honjarake blog

自分用にテキトーにまとめる

増田の右下に、はてブのブクマ数を表示するやつ

増田でたまに、はてなとか増田関係のスクリプトみかけるので、検索してたんだけど
その中に、何回か同じリクエストの増田があって、ちょっと気になった
「Permalink」の右にusersを出すgreasemonkey
http://anond.hatelabo.jp/20130703221233
http://anond.hatelabo.jp/20130820100850
http://anond.hatelabo.jp/20131027101422
ので、
http://anond.hatelabo.jp/20131115232445
↑この増田さんのソースコードをヒントに
(もうあるのかもしれないけど)増田の記事一覧対応版を作ってみた

// ==UserScript==
// @name        anond add hateb count
// @namespace   http://nanndemona-ix2.ne.jp/
// @include     http://anond.hatelabo.jp/*
// @original    http://anond.hatelabo.jp/20131115232445
// @version     0.00.000.1
// @grant       none
// ==/UserScript==
// define ========================================================
var _MASDA_HOST = 'http://anond.hatelabo.jp';   /* anond URL. to Host name (omit the trailing '/') */
var _SEPARATE = document.createTextNode(' | '); /* separator */
// ===============================================================
var IMAGE = document.createElement('img');
var ANCHOR = document.createElement('a');
// =================================================================
(function () {
  //original code ==================================================
  //document.querySelectorAll('.sectionfooter') [0].innerHTML += '<img src="http://b.hatena.ne.jp/entry/image/' + location.href + '">';
  //================================================================
  // console.log('add hateb count, start');
  var s = document.getElementsByClassName('section');
  for (var i = 0; i < s.length; i++) {
    var tl = s[i].getElementsByTagName('h3') [0];
    var footer = s[i].getElementsByClassName('sectionfooter') [0];
    var target = _MASDA_HOST + tl.getElementsByTagName('a') [0].getAttribute('href');
    /* innerHTML ~ append(clone)  */
    var link = ANCHOR.cloneNode(true);
    var img = IMAGE.cloneNode(true);
    var sep = _SEPARATE.cloneNode(true);
    link.href = 'http://b.hatena.ne.jp/entry/' + target;
    link.target = '_blank';
    img.src = 'http://b.hatena.ne.jp/entry/image/' + target;
    link.appendChild(img);
    footer.appendChild(sep);
    footer.appendChild(link);
  }
  // console.log('add hateb count, end');
}) ();

増田記事だと<の部分は半角の< 、>の部分は半角の>に変換しないといけん

先月、greasemonkey2.0になって仕様が変わり、従来の記述だと動かないスクリプトが多発したり
大手のスクリプト配布サイト(Userscript.org)が機能停止したまま音沙汰なかったりで
greasemonkey自体が下火って書いてるサイトもあったりなかったり