Bookmarklets from mattn

[Let] roach

mattn — 2017-09-25T08:44:44Z

/*
 * @title roach
 * @description my bookmarklet
 * @include http://*
 * @license MIT License
 * @require 
 */


class Roach {
  constructor() {
    this.imgs = [
      'http://jsrun.it/assets/k/Z/u/X/kZuXk.gif',
      'http://jsrun.it/assets/M/f/M/z/MfMzs.gif',
      'http://jsrun.it/assets/4/j/u/H/4juHK.gif',
      'http://jsrun.it/assets/G/e/T/a/GeTaI.gif',
      'http://jsrun.it/assets/A/i/o/Q/AioQG.gif',
      'http://jsrun.it/assets/k/q/T/f/kqTfH.gif',
      'http://jsrun.it/assets/k/T/E/G/kTEGu.gif',
      'http://jsrun.it/assets/i/Y/T/i/iYTiH.gif'
    ];
    this.pw = document.body.clientWidth - 16;
    this.ph = Math.max.apply(null, [document.body.clientHeight, document.body.scrollHeight, document.documentElement.scrollHeight, document.documentElement.clientHeight]) - 16;
    this.x = Number(this.pw * Math.random());
    this.y = Number(this.ph * Math.random());
    this.r = Number(360 * Math.random());
    this.node = document.createElement('img');
    this.node.style.position = 'fixed';
    document.body.appendChild(this.node);
  }

  get file() {
    return this.imgs[Number(Math.floor((Number(this.r + 22.5) % 360) / 45))];
  }

  update() {
    this.r = (this.r + 360 + Number(10 * Math.random() - 5)) % 360;
    this.x += Math.cos(this.r * Math.PI / 180) * 8;
    this.y -= Math.sin(this.r * Math.PI / 180) * 8;
    if (this.x < -16) this.x = this.pw;
    if (this.x > this.pw) this.x = -16;
    if (this.y < -16) this.y = this.ph;
    if (this.y > this.ph) this.y = -16;

    this.node.style.left = this.x + 'px';
    this.node.style.top = this.y + 'px';
    this.node.src = this.file;
    setTimeout(this.update.bind(this), 10);
  }
};

for (var n = 0; n < 10; n++)
  new Roach().update();

[Let] Qiita アドベントカレンダのはてなブックマーク数を表示

mattn — 2016-12-23T13:30:30Z

Qiita アドベントカレンダのはてなブックマーク数を表示

/*
 * @title Qiita アドベントカレンダのはてなブックマーク数を表示
 * @description Qiita アドベントカレンダーの各カレンダ(例:http://qiita.com/advent-calendar/2016/vim)でクリックします。
 * @include http://qiita.com/advent-calendar/*
 * @license MIT License
 */
$('.adventCalendarCalendar_comment').each(function(i, x) { if ($('a', x).length>0) $('<img>').attr('src', "http://b.hatena.ne.jp/entry/image/" + encodeURI($('a', x).attr('href'))).appendTo(x) });

[Let] typoster

mattn — 2015-06-18T08:23:21Z

typoster

/*
 * @title typoster
 * @description typo さんのサイトは記事に日付が無いので、はてなブックマークの最初のブクマから推測するブックマークレット
 * @include http://*
 * @license MIT License
 * @require https://code.jquery.com/jquery-2.1.4.min.js
 */

$(function() {
  $.getJSON("http://b.hatena.ne.jp/entry/json/?url=" + encodeURIComponent(location.href) + "&callback=?", function(d) {
    $('<div/>').text(d.bookmarks.pop().timestamp).insertAfter($('#content h2')[0]);
  });
});

[Let] sonots

mattn — 2015-03-16T10:22:31Z

sonots

/*
 * @title sonots
 * @description replace all avatar to sonots!
 * @include https://twitter.com/
 * @license Sonots Public License
 * @require 
 */
$('img.avatar').each(function(){ $(this).attr('src', 'https://avatars0.githubusercontent.com/u/2290461?v=3&s=460') });

[Let] s/DroidKaigi/DanKogai/g

mattn — 2015-02-03T03:39:33Z

s/DroidKaigi/DanKogai/g

/*
 * @title s/DroidKaigi/DanKogai/g
 * @description Replace all DroidKaigi to DanKogai.
 * @include http://droidkaigi.github.io/
 * @license MIT License
 * @require 
 */

document.body.addEventListener("DOMNodeInserted", (function me (e) {
	var walker = document.createTreeWalker(e.target, NodeFilter.SHOW_TEXT, {
		acceptNode : function (node) { return NodeFilter.FILTER_ACCEPT }
	}, true);

	while (walker.nextNode()) with (walker.currentNode)
		nodeValue = nodeValue.replace(/DroidKaigi/gi, 'DanKogai');

	return me;
})({ target: document.body }), false);

[Let] 既読スルー

mattn — 2014-09-04T03:24:22Z

既読スルー

/*
 * @title 既読スルー
 * @description a:visited の見分けがつかないときに使うと便利です
 * @include http://*
 * @license MIT License
 * @require 
 */


var style = document.createElement('style');
style.appendChild(document.createTextNode("a:visited { color: #fff }"));
document.body.appendChild(style);

document.body.style.display = "none";
setTimeout(function () {
document.body.style.display = "block";
}, 0);

[Let] 既読スルー

mattn — 2014-09-04T03:21:22Z

既読スルー

/*
 * @title 既読スルー
 * @description a:visited の見分けがつかないときに使うと便利です
 * @include http://*
 * @license MIT License
 * @require 
 */


var style = document.createElement('style');
style.appendChild(document.createTextNode("a:visited { color: #fff }"));
document.body.appendChild(style);

document.body.style.visibility = false;
setTimeout(function () {
document.body.style.visibility = true;
}, 0);

[Let] Stop hitode909

mattn — 2014-05-22T07:58:49Z

Stop hitode909

/*
 * @title Stop hitode909
 * @description hitode909の日記の背景画像を止めるブックマークレット
 * @include http://hitode909.hatenablog.com/*
 * @license MIT License
 * @require 
 */
(function(window, body) {
  var div = document.createElement("div");
  div.innerHTML = body.innerHTML;
  body.parentNode.replaceChild(div, body);
  window.$ = function() {return {"each":function(){},"css":function(){}, "append":function(){}}};
  window.setInterval = function() {};
})(window, document.body);

[Let] [懐かしの]はてなビューティフルスター

mattn — 2010-05-28T13:31:55Z

[懐かしの]はてなビューティフルスター

/*
 * @title [懐かしの]はてなビューティフルスター
 * @description 知ってる人は知っている、「こんぺいとう」のアレです。「シャンシャンシャーン」と言いながらクリックしましょう。ブックマークレットを起動した後、はてなスターをクリックして下さい。
 * @include http://*
 * @license BSD
 * @require jQuery
 */
(function() {
  var FIREWORKS_COUNT = 10;
  var FIREWORKS_ANIMATION = 30;
  var FIREWORKS_COLOR = ['yellow', 'red', 'pink', 'blue', 'azure', 'cyan'];

  var Firework = function(x, y, count) {
    var self = this;
    this.count = count;
    this.seq = 0;
    this.xacc = [];
    this.yacc = [];
    this.divs = [];
    for (var n = 0; n < count; n++) {
      this.divs[n] = $('<div/>').css({
        position: 'absolute',
        left: x + 'px',
        top: y + 'px',
        zIndex: 256,
        color: FIREWORKS_COLOR[n%6] || 'white'
      }).text('★').attr('class', 'hatena-beautiful-star').appendTo(document.body)[0];
      this.xacc[n] = 10 * Math.random() - 5;
      this.yacc[n] = 10 * Math.random() - 20;
    }
    this.timer = setInterval(function() {
      if (self.seq > FIREWORKS_ANIMATION) {
        clearInterval(self.timer);
        for (var n = 0; n < self.count; n++) {
          document.body.removeChild(self.divs[n]);
        }
        return true;
      }
      for (var n = 0; n < self.count; n++) {
        var e = self.divs[n];
        e.style.left = parseInt(e.style.left) + self.xacc[n] + 'px';
        e.style.top = parseInt(e.style.top) + self.yacc[n] + 'px';
        self.yacc[n]++;
      }
      self.seq++;
      return true;
    }, 10);
  }

  $('.hatena-star-add-button').click(function() {
    new Firework($(this).offset().left-5, $(this).offset().top, FIREWORKS_COUNT);
  });

})();

[Let] XPathGenerator

mattn — 2010-05-27T12:53:37Z

XPathGenerator

/*
 * @title XPathGenerator
 * @description id:cho45氏作のjAutoPagerizeに付属しているXPathジェネレータです。単体でも非常に良い出来なので抜き出してみました。動作確認はGoogle Chromeのみで行っています。たぶんFirefoxでも動きます。
 * @include http://*
 * @license CCPL ( http://creativecommons.org/licenses/by/3.0/ )
 * @require http://gist.github.com/raw/3238/dollarX.js
 */
(function() {
	var h = function(s) {
		var d = document.createElement("div");
		d.innerHTML = s;
		return d;
	}

	var XPathGenerator = {
		open : function () {
			XPathGenerator._prev = [];
			XPathGenerator._container = h("<textarea cols='40' rows='5'></textarea><br/>");
			XPathGenerator._inspect   = h("<button>Inspect</button>").firstChild;
			XPathGenerator._timer = setInterval(XPathGenerator.change, 1000);
			XPathGenerator._container.appendChild(XPathGenerator._inspect);
			with (XPathGenerator._container.style) {
				position = "fixed";
				right    = "0";
				top      = "2em";
				opacity  = "0.9";
			}
			document.body.appendChild(XPathGenerator._container);

			XPathGenerator._inspect.addEventListener("click", function () {
				document.body.addEventListener("mouseover", XPathGenerator.mouseover, true);
				document.body.addEventListener("mousedown", XPathGenerator.mousedown, true);
				document.body.addEventListener("mouseout",  XPathGenerator.mouseout,  true);
			}, false);
		},

		close : function () {
			XPathGenerator._container.parentNode.removeChild(XPathGenerator._container);
			clearInterval(XPathGenerator._timer);
		},

		mouseover : function (e) {
			e.target.style.outline = "2px solid red";
			XPathGenerator._container.firstChild.value = XPathGenerator.getXPathByElement(e.target);
		},

		mousedown : function (e) {
			e.target.style.outline = "";
			document.body.removeEventListener("mouseover", XPathGenerator.mouseover, true);
			document.body.removeEventListener("mousedown", XPathGenerator.mousedown, true);
			document.body.removeEventListener("mouseout",  XPathGenerator.mouseout,  true);
		},

		mouseout : function (e) {
			e.target.style.outline = "";
		},

		change : function (e) {
			var path = XPathGenerator._container.firstChild.value;
			if (XPathGenerator._prev.value != path) {
				while (XPathGenerator._prev[0]) XPathGenerator._prev.pop().style.outline = "";
				try {
					XPathGenerator._prev = $X(path).map(function (i) {
						i.style.outline = "2px solid red";
						return i;
					});
				} catch (e) {}
				XPathGenerator._prev.value = path;
			}
		},

		toggle : function () {
			if (XPathGenerator._opened) {
				this.close();
				XPathGenerator._opened = false;
			} else {
				XPathGenerator._opened = true;
				this.open();
			}
		},

		getXPathByElement : function (target) {
			function indexOf (node) {
				for (var i = 0, r = 1, c = node.parentNode.childNodes, len = c.length; i < len; i++) {
					if (c[i].nodeName == node.nodeName &&
						c[i].nodeType == node.nodeType) {
						if (c[i] == node) return r;
						r++;
					}
				}
				return -1;
			}

			var pathElement = "";
			var node = target;
			if (node.nodeType == 9 /*DOCUMENT_NODE=9*/) {
				return ""
			} else {
				var tagName = node.tagName.toLowerCase();
				if (node.hasAttribute("id")) {
					// pathElement = tagName + '[@id="'+node.getAttribute("id")+'"]';
					pathElement = 'id("'+node.getAttribute("id")+'")';
				} else {
					pathElement = arguments.callee(node.parentNode) + '/' + tagName;
					if (node.hasAttribute("class")) {
						pathElement += '[@class="'+node.getAttribute("class")+'"]';
					} else {
						pathElement += '['+indexOf(node)+']';
					}
				}
			}
			return pathElement;
		}
	};
	XPathGenerator.toggle();
})()

[Let] はてブでアーーーーッ!!!

mattn — 2010-05-27T11:34:33Z

はてブでアーーーーッ!!!

/*
 * @title はてブでアーーーーッ!!!
 * @description アーーーーッ!!!
 * @include http://*
 * @license BSD
 * @require jQuery
 * @require http://miya2000.up.seesaa.net/marquee/marquee.js
 */
(function() {
  $.getJSON('http://b.hatena.ne.jp/entry/json/?url=' + encodeURIComponent(location.href.replace(/#/, '%23')) + '&callback=?', function(data) {
    $.each(data.bookmarks, function(index, item) {
      if (item.comment) {
        new Marquee($('<p/>').attr('id','HatebuAhhhhh'+index).css({'position': 'absolute !important', 'top': (index*60+50)+'px !important', 'z-index': 999, 'font-size': '30px !important', 'font-weight': 'bold !important'}).append($('<img/>').attr('src','http://www.hatena.ne.jp/users/' + item.user.substr(0, 2) + '/' + item.user + '/profile.gif').css('width', '30px !important')).append($('<span/>').text(item.comment)).appendTo(document.body)[0].id, {amount:Math.floor(Math.random()*5)+10, delay:60});
      }
    });
  });
})()

[Let] 閉じる

mattn — 2010-05-27T10:47:56Z

閉じる

/*
 * @title 閉じる
 * @description ウィンドウを閉じます。
 * @include http://*
 * @license BSD
 */
window.open("about:blank", "_self").close()

[Let] hideklize(修正中)

mattn — 2010-05-27T10:44:46Z

hideklize(修正中)

/*
 * @title hideklize(修正中)
 * @description hideklize
 * @include http://*
 * @license BSD
 * @require jQuery
 * @require http://www.stokeshot.com/javascript/plugins/jquery.web-old-days/web-old-days.js
 */
(function() {
  for (var a = [], n = 1; n <= 13; a.push(('00'+n).slice(-3)+'.jpg'), n++);
  $.cursorrat({path: 'http://hidek.info/img/', images: a});
})()

[Let] はてなウンコスター

mattn — 2010-05-27T10:27:54Z

はてなウンコスター

/*
 * @title はてなウンコスター
 * @description はてなスターアイコンをウンコに置き換えます。
 * @include http://*
 * @license BSD
 * @require jQuery
 */
$('.hatena-star-star').each(function(index, item){ item.src = 'http://mattn.kaoriya.net/images/unko.gif' })

[Let] はてなスター展開

mattn — 2010-05-27T10:23:12Z

はてなスター展開

/*
 * @title はてなスター展開
 * @description はてなスターの省略数字を展開し、☆アイコンをユーザアイコンに置き換えます。
 * @include http://*
 * @license BSD
 * @require jQuery
 * @require http://github.com/eduardolundgren/jquery-simulate/raw/master/jquery.simulate.js
 */
(function() {
  $('.hatena-star-inner-count').simulate('click')[0] &&
  setTimeout(function() {
    $('.hatena-star-star[src="http://s.hatena.ne.jp/images/star.gif"]').each(function(index, item) {
      item.src = 'http://www.st-hatena.com/users/' + item.alt.substr(0, 2) + '/' + item.alt + '/profile_s.gif';
    })[0] && setTimeout(arguments.callee, 1000);
  }, 2000);
})()

[Let] はてなスター連射

mattn — 2010-05-27T09:58:25Z

はてなスター連射

/*
 * @title はてなスター連射
 * @description いっぱいつけるよ！
 * @include http://*
 * @license BSD
 * @require jQuery
 * @require http://github.com/eduardolundgren/jquery-simulate/raw/master/jquery.simulate.js
 */
(function() {
  setTimeout(function () {
    $('.hatena-star-add-button').simulate('click')[0] && setTimeout(arguments.callee, 1000);
  }, 1000);
})()