Bookmarklets from jdg

[Let] Hankaku Darvish

jdg — 2012-11-08T06:04:08Z

/*
 * @title Hankaku Darvish
 * @description zenkaku to hankaku darvish statement!
 * @include http://mainichi.jp/sponichi/news/20121108spn00m050010000c.html
 * @license MIT License
 */

(function() {
  var zenkaku = "０１２３４５６７８９ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ　’．，";
  var hankaku = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz '.,";
  var ps = document.querySelectorAll('.NewsBody p');
  Array.prototype.forEach.call(ps, function(p) {
    p.innerHTML = Array.prototype.reduce.call(p.innerHTML, function(a, b) {
      return (zenkaku.indexOf(b) > -1) ? a + hankaku[zenkaku.indexOf(b)] : a + b;
    }, '');
  });
}());

[Let] mkdlink

jdg — 2012-04-10T09:44:23Z

mkdlink

/*
 * @title mkdlink
 * @description 見ているページのリンクをマークダウン形式のlinkをpromptで出す
 * @include http://*
 * @license MIT License
 * @require 
 */

prompt("mkdlink", "[" + document.querySelector('title').textContent + "](" + location.href + ")");

[Let] いいにゃ

jdg — 2012-02-22T03:14:51Z

いいにゃ

/*
 * @title いいにゃ
 * @description いいね -> いいにゃ
 * @include http://*
 * @license MIT License
 * @require 
 */


(function(){document.body.innerHTML=(function(html){return html.replace(/いいね/g,'いいにゃ')})(document.body.innerHTML)})()

[Let] Tweet縦書き

jdg — 2010-08-05T12:11:03Z

Tweet縦書き

/*
 * @title Tweet縦書き
 * @description twitter.comのtweetを縦書きにするワンライナー。激重。Google Chrome推奨。
 * @include http://twitter.com/
 * @license MIT License
 * @require 
 */

$('.entry-content').each(function(n, el) {$(el).text().split('').forEach(function(s) { $(el).html()[0] == s ? $(el).html('<br />' + s + '<br />') : $(el).html($(el).html() + s + '<br />')})});

[Let] 最新の20件見たい

jdg — 2010-05-28T07:44:50Z

最新の20件見たい

/*
 * @title 最新の20件見たい
 * @description Hatena::Letの最新20件を表示
 * @include http://*
 * @license MIT License
 * @require jQuery
 */

(function() {
  var getItem = function(json) {
    return json.query.results.item.map(function(d) {
      return [d.title + ' by id:' + d.creator, d.link];
    });
  };
  var makeHTML = function(item) {
    var fragment = document.createDocumentFragment();
    var ul = document.createElement('ul');
    item.forEach(function(d) {
      var li = document.createElement('li');
      li.style.margin = '0';
      li.style.listStyle = 'none';
      var a = document.createElement('a');
      a.href = d[1];
      a.style.color = '#fff';
      var text = document.createTextNode(d[0]);
      a.appendChild(text);
      li.appendChild(a);
      ul.appendChild(li);
    });
    ul.style.position = 'fixed';
    ul.style.top = ul.style.left = '0';
    ul.style.margin = '0';
    ul.style.padding = '1em';
    ul.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
    fragment.appendChild(ul);
    document.body.appendChild(fragment);
  };
  $.ajax({
    url : "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20rss%20where%20url%3D'http%3A%2F%2Flet.hatelabo.jp%2Frss'&format=json&diagnostics=true&callback=callback",
    dataType : 'jsonp',
    jsonpCallback : 'callback',
    success : function(json) {
      var items = getItem(json);
      makeHTML(items);
    }
  });
})();

[Let] 見てるページにお絵描き

jdg — 2010-05-28T06:39:04Z

見てるページにお絵描き

/*
 * @title 見てるページにお絵描き
 * @description ドラッグで描画。マウスは遅く動かした方が良いです。
 * @include http://*
 * @license MIT License
 */

(function() {
  var canvas = document.createElement('canvas');
  canvas.id = 'letGeneratedCanvas';
  canvas.width = document.width;
  canvas.height = document.height;
  canvas.style.position = 'absolute';
  canvas.style.top = canvas.style.left = '0';
  canvas.style.zIndex = '999';
  document.body.appendChild(canvas);
  canvas = document.getElementById('letGeneratedCanvas');
  var ctx = canvas.getContext('2d');
  var mousedown = 0;
  var draw = function(e) {
    ctx.beginPath();
    ctx.arc(e.pageX, e.pageY, 5, 0, Math.PI*2, false);
    ctx.fill();
  };
  canvas.addEventListener('mousemove', function(e) {
    if (mousedown) draw(e);
  }, false);
  canvas.addEventListener('mousedown', function() {
    mousedown = 1;
  }, false);
  canvas.addEventListener('mouseup', function() {
    mousedown = 0;
  }, false);
})();

[Let] 日本標準時間を確認（ずれてるかも）

jdg — 2010-05-27T15:31:27Z

日本標準時間を確認（ずれてるかも）

/*
 * @title 日本標準時間を確認（ずれてるかも）
 * @description これ使って http://www2.nict.go.jp/w/w114/tsp/PubNtp/index.html
 * @include http://*
 * @license MIT License
 * @require jQuery
 */

$.ajax({
  url : 'https://ntp-a1.nict.go.jp/cgi-bin/jsont',
  dataType : 'jsonp',
  jsonpCallback : 'jsont',
  success : function(json) {
    alert(new Date(json.st*1000).toString().match(/\d{2}:\d{2}:\d{2}/)[0]);
  }
});

[Let] リンクは全部別タブで開く

jdg — 2010-05-27T14:49:40Z

リンクは全部別タブで開く

/*
 * @title リンクは全部別タブで開く
 * @description iPhoneで使用する予定（IE非対応）
 * @include http://*
 * @license MIT License
 * @require 
 */

(function() {
  Array.prototype.slice.call(document.getElementsByTagName('a')).forEach(function(a) {
    a.setAttribute('target', '_blank');
  });
})();