増田のはてブ数

    
      
  • /*
     * @title 増田のはてブ数
     * @description 一覧ページのパーマリンク部分にはてブ数 (* users) を付けていきます。
     * @include http://anond.hatelabo.jp/*
     * @license MIT License
     * @javascript_url
     */
    
    (function () {
    
    	window.$o_o$ = function(counts) {
    
    		for (var url in counts) {
    
    			var users = counts[url];
    			if (!users) continue;
    
    			a = document.createElement("a");
    			a.setAttribute("href", "http://b.hatena.ne.jp/entry/" + url.substr(7));
    			a.style.cssText = 'font-weight: bold; ' + ((users < 10) ? 'color: #FF6766; background-color: #FFEEEE;' : 'color: #FF0606; background-color: #FFCBCB;');
    			a.appendChild(document.createTextNode(users + ' ' + ((users == 1) ? 'user' : 'users')));
    			var p = document.querySelector('p.sectionfooter>a[href="' + url + '"]');
    			p.parentNode.insertBefore(a, p);
    			p.parentNode.insertBefore(document.createTextNode(' | '), p);
    
    		};
    		
    	};
    
    	// 参考 http://let.hatelabo.jp/a-kuma3/let/hJmf1-2Uhdgq
    	Ten.JSONP('http://api.b.st-hatena.com/entry.counts?callback=$o_o$&' +
    	 Array.prototype.slice.call(document.querySelectorAll('p.sectionfooter>a:first-child'))
    	 .map(function(a) { return 'url=' + a.href; }).join('&'), $o_o$);
    
    })();
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2017/01/01 13:31:26 - 2017-01-01
  2. 2016/05/15 00:32:48 - 2016-05-15