Bookmarklets from hitode909

[Let] 画像を右クリックすると塗り絵用の線画を表示します。スライダーで濃さを調整できます。

hitode909 — 2025-02-22T11:37:40Z

画像を右クリックすると塗り絵用の線画を表示します。スライダーで濃さを調整できます。

/*
 * @title 画像を右クリックすると塗り絵用の線画を表示します。スライダーで濃さを調整できます。
 * @description 濃さを調整したあと印刷して、塗り絵として使ってください。X.comなど、うまく動かない場合は画像をタブで開いてから実行してください。
 * @include http://*
 * @license MIT License
 * @require 
 */
(function() {
    alert("画像を右クリックすると塗り絵用の線画を表示します。\nスライダーで濃さを調整できます。");

    function handleContextMenu(event) {
        let target = event.target;
        if (target.tagName === "IMG") {
            event.preventDefault(); // 右クリックのデフォルト動作を防ぐ
            processImage(target.src, target.width, target.height);
        }
    }

    document.addEventListener("contextmenu", handleContextMenu, false);

    function processImage(imgUrl, width, height) {
        let newTab = window.open(); // ポップアップブロック回避
        if (!newTab) {
            alert("ポップアップブロックを解除してください！");
            return;
        }

        let sliderValue = 50;  // 初期値（中間）

        function getFilter() {
            let slope, intercept;
            if (sliderValue <= 50) {
                // 左側: (0.5, -0.25) → (10, -5) の線形変化
                let t = sliderValue / 50;
                slope = 0.5 + (10 - 0.5) * t;
                intercept = -0.25 + (-5 + 0.25) * t;
            } else {
                // 右側: (10, -5) → (10, 0) の線形変化
                let t = (sliderValue - 50) / 50;
                slope = 10;
                intercept = -5 + (0 + 5) * t;
            }

            return `
                <filter id="edge">
                    <feColorMatrix type="saturate" values="0"></feColorMatrix>
                    <feComponentTransfer>
                        <feFuncR type="linear" slope="${slope}" intercept="${intercept}"></feFuncR>
                        <feFuncG type="linear" slope="${slope}" intercept="${intercept}"></feFuncG>
                        <feFuncB type="linear" slope="${slope}" intercept="${intercept}"></feFuncB>
                    </feComponentTransfer>
                </filter>`;
        }

        let svgTemplate = `
            <div class="print-container">
                <svg xmlns="http://www.w3.org/2000/svg" id="mainSVG" width="100%" height="100%" viewBox="0 0 ${width} ${height}" preserveAspectRatio="xMidYMid meet">
                    <defs id="defs">${getFilter()}</defs>
                    <image id="image" href="${imgUrl}" x="0" y="0" width="${width}" height="${height}" filter="url(#edge)"/>
                </svg>
            </div>`;

        let style = `
        <style>
            body { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; background: white; margin: 0; padding: 0; }
            .print-container { width: 100vw; height: 90vh; display: flex; justify-content: center; align-items: center; }
            svg { max-width: 100%; max-height: 100%; }

            .controls { display: flex; flex-direction: column; align-items: center; gap: 10px; width: 80%; max-width: 400px; }
            .slider-label { font-size: 14px; font-weight: bold; }
            input[type="range"] { width: 100%; }

            @media print {
                .controls { display: none; } /* 印刷時にスライダーを非表示 */
                .print-container { width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; }
                svg { width: 100vw; height: 100vh; max-width: 100%; max-height: 100%; }
            }
        </style>`;

        let controls = `
        <div class="controls">
            <label class="slider-label">濃さを調整</label>
            <input type="range" id="contrastSlider" min="0" max="100" value="${sliderValue}" step="1">
        </div>`;

        newTab.document.open();
        newTab.document.write(`
            <!DOCTYPE html>
            <html>
            <head>${style}</head>
            <body>${svgTemplate}${controls}</body>
            </html>
        `);
        newTab.document.close();

        // スライダーイベントを追加
        newTab.onload = function() {
            let contrastSlider = newTab.document.getElementById("contrastSlider");

            function updateFilter() {
                sliderValue = parseFloat(contrastSlider.value);
                let newFilter = getFilter();
                newTab.document.getElementById("defs").innerHTML = newFilter;
            }

            contrastSlider.addEventListener("input", updateFilter);
        };
    }
})();

[Let] Asanaのバーンアップチャートから終了日を予測してプロットする

hitode909 — 2022-06-23T01:28:10Z

Asanaのバーンアップチャートから終了日を予測してプロットする

/*
 * @title Asanaのバーンアップチャートから終了日を予測してプロットする
 * @description 予測線と終了日をプロットします。完了ポイントは線形に伸び、総ポイントは変化しない想定。
 * @include https://app.asana.com/*
 * @javascript_url
 */

(() => {
// http://paulbourke.net/geometry/pointlineplane/javascript.txt
// line intercept math by Paul Bourke http://paulbourke.net/geometry/pointlineplane/
// Determine the intersection point of two line segments
// Return FALSE if the lines don't intersect
function intersect(x1, y1, x2, y2, x3, y3, x4, y4) {
  // Check if none of the lines are of length 0
  if ((x1 === x2 && y1 === y2) || (x3 === x4 && y3 === y4)) {
    return false;
  }

  let denominator = (y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1);

  // Lines are parallel
  if (denominator === 0) {
    return false;
  }

  let ua = ((x4 - x3) * (y1 - y3) - (y4 - y3) * (x1 - x3)) / denominator;
  let ub = ((x2 - x1) * (y1 - y3) - (y2 - y1) * (x1 - x3)) / denominator;

  // is the intersection along the segments
  if (ua < 0 || ua > 1 || ub < 0 || ub > 1) {
    return false;
  }

  // Return a object with the x and y coordinates of the intersection
  let x = x1 + ua * (x2 - x1);
  let y = y1 + ua * (y2 - y1);

  return { x, y };
}

// based on https://qiita.com/quzq/items/c1a4929f47d986b0f77f, https://www.w3schools.com/ai/ai_regressions.asp
const linearReg = (coordinates) => {
  const n = coordinates.length;
  const sigX = coordinates.reduce((acc, c) => acc + c[0], 0.0);
  const sigY = coordinates.reduce((acc, c) => acc + c[1], 0.0);
  const sigXX = coordinates.reduce((acc, c) => acc + c[0] * c[0], 0.0);
  const sigXY = coordinates.reduce((acc, c) => acc + c[0] * c[1], 0.0);
  const slope = (n * sigXY - sigX * sigY) / (n * sigXX - Math.pow(sigX, 2));
  const intercept =
    (sigXX * sigY - sigXY * sigX) / (n * sigXX - Math.pow(sigX, 2));
  return { slope, intercept };
};

let overlayElementsPool = [];
let knownCharts = [];

const predict = () => {
  for (const path of overlayElementsPool) path.remove();
  overlayElementsPool = [];

  const charts = [...document.querySelectorAll(".BurnupChart")];
  const renderChart = (chart) => {
    const svgElement = chart.querySelector("svg.highcharts-root");
    const svgWidth = +svgElement.getAttribute("width");
    const lines = [
      ...chart.querySelectorAll(".highcharts-series .highcharts-tracker-line"),
    ];
    const linePoints = [];
    let lineNumber = 0;
    for (const line of lines) {
      lineNumber++;
      const path = document.createElementNS(
        "http://www.w3.org/2000/svg",
        "path"
      );
      path.setAttribute("stroke", "gray");
      path.setAttribute("stroke-width", "1");
      path.setAttribute("fill", "none");
      const points = line
        .getAttribute("d")
        .match(/([\d\.]+) ([\d\.]+)/g)
        .map((pair) => pair.split(" ").map((i) => +i));
      // drop while there are no points
      while (points.length > 1 && points[0][1] === points[1][1]) {
        points.shift();
      }
      if (lineNumber === 1) {
        // total line
        const lastPoint = points[points.length - 1];
        path.setAttribute(
          "d",
          `M 0 ${lastPoint[1]} L  ${svgWidth * 3} ${lastPoint[1]}`
        );
        linePoints.push([0, lastPoint[1], svgWidth * 3, lastPoint[1]]);
      } else {
        // done line
        const reg = linearReg(points);
        path.setAttribute(
          "d",
          `M 0 ${reg.intercept} L  ${svgWidth * 3} ${
            reg.intercept + reg.slope * svgWidth * 3
          }`
        );
        linePoints.push([
          0,
          reg.intercept,
          svgWidth * 3,
          reg.intercept + reg.slope * svgWidth * 3,
        ]);
      }
      line.parentElement.appendChild(path);
      overlayElementsPool.push(path);
    }
    if (linePoints.length === 2) {
      const intersectPoint = intersect(...linePoints[0], ...linePoints[1]);
      if (!intersectPoint) return;
      const OFFSET = svgWidth * 0.2;
      svgElement.setAttribute(
        "viewBox",
        `0 ${Math.min(intersectPoint.y, 0)} ${intersectPoint.x + OFFSET} ${
          svgElement.getAttribute("height") - Math.min(intersectPoint.y, 0)
        }`
      );

      const goalPoint = document.createElementNS(
        "http://www.w3.org/2000/svg",
        "circle"
      );
      goalPoint.setAttribute("cx", intersectPoint.x);
      goalPoint.setAttribute("cy", intersectPoint.y);
      goalPoint.setAttribute("r", 5);
      goalPoint.setAttribute("fill", "gray");
      goalPoint.setAttribute("stroke", "gray");
      [...chart.querySelectorAll(".highcharts-series .highcharts-tracker-line")]
        .reverse()[0]
        .parentElement.appendChild(goalPoint);
      overlayElementsPool.push(goalPoint);
    }
  };

  for (const chart of charts) renderChart(chart);
};
predict();
window.addEventListener("resize", () => {
  setTimeout(predict, 100);
});
// XXX!!!
setInterval(predict, 1000);
})();

[Let] ゾンビをトンビに置換

hitode909 — 2022-04-28T01:14:06Z

ゾンビをトンビに置換

/*
 * @title ゾンビをトンビに置換
 * @description https://blog.sushi.money/entry/2022/04/02/221344
 * @include http://*
 * @license MIT License
 * @require 
 */

document.body.innerHTML=document.body.innerHTML.replace(/ゾンビ/gi, 'トンビ');

[Let] 技術評論社の連載ページをscrapbox記法のリストに変換

hitode909 — 2022-02-10T01:42:16Z

技術評論社の連載ページをscrapbox記法のリストに変換

/*
 * @title 技術評論社の連載ページをscrapbox記法のリストに変換
 * @description 技術評論社の連載ページをscrapbox記法のリストに変換する
 * @include https://gihyo.jp/dev/serial/01/perl-hackers-hub
 * @license MIT License
 * @require 
 */

// TODO: 著者や日時も抜き出したい
(() => {
const source = Array.from(document.querySelectorAll('.toc.article a')).map(a => ` [${a.href} ${a.textContent}]`).reverse().join("\n");
const textarea = document.createElement('textarea');
textarea.value = source;
textarea.readonly = true;
textarea.style = 'position: fixed; left: 20vw; top: 20vh; width: 60vw; height: 60vh; z-index: 99999';
document.body.appendChild(textarea);
})();

[Let] 工数入力

hitode909 — 2022-01-04T02:42:55Z

工数入力

/*
 * @title 工数入力
 * @description 多く時間を使った順にタスクを並べて保持してから実行することで、まんべんなく工数入力する
 * @include https://atnd.ak4.jp/
 * @license MIT License
 * @require 
 */

var inputs=document.querySelectorAll('input[placeholder="0:00"]');
var total=document.querySelector('#total_working_hours').textContent;
var totalMin=Number(total.split(':')[0])*60+Number(total.split(':')[1]);
var current=1.0;
var rates=Array.from(inputs).map(i => {
  let factor=1.0+Math.random()+Math.random();
  return current*=factor;
}).reverse();
var rateTotal=rates.reduce((a, b) => a+b);
eachMins=rates.map(rate => Math.floor(rate/rateTotal*totalMin));
var diffMin=totalMin-(eachMins.reduce((a,b)=>a+b));
inputs.forEach(i => {
  var min=eachMins.shift()+diffMin;
  i.value=`${Math.floor(min/60)}:${min%60}`;diffMin=0;
});

var change = document.createEvent("HTMLEvents");
change.initEvent('change', true, true );
inputs[0].dispatchEvent(change);

[Let] Amazonの本のページからamakanに移動

hitode909 — 2017-01-15T03:14:49Z

Amazonの本のページからamakanに移動

/*
 * @title Amazonの本のページからamakanに移動
 * @description Amazonの本のページからamakanに移動します。
 * @include https://*
 * @license MIT License
 * @require 
 * @javascript_url
 */


javascript:location.href="https://amakan.net/search?query="+location.href

[Let] Courseraの所要時間

hitode909 — 2016-02-27T06:33:56Z

Courseraの所要時間

/*
 * @title Courseraの所要時間
 * @description 所要時間(宿題は除く)をalertします
 * @include https://www.coursera.org/learn/machine-learning/home/week/*
 * @license MIT License
 * @require 
 */


// CourseraはHTTPSなので動かなかった!
alert('total ' + Array.prototype.slice.apply(document.querySelectorAll('.text-hint')).map(function(node) { return +(node.textContent.match(/(\d+) min/)||[null, 0])[1]}).reduce(function(a,b){ return a+b}) + ' min');

[Let] はてなアルバムからはてなブログに引っ越す

hitode909 — 2014-06-22T13:29:31Z

はてなアルバムからはてなブログに引っ越す

/*
 * @title はてなアルバムからはてなブログに引っ越す
 * @description はてなアルバムからはてなブログにインポート可能なMT形式を生成します．アルバムページで実行してください．
 * @include http://album.hatena.ne.jp/album/*
 * @license MIT License
 * @require http://higashi-dance-network.appspot.com/bon/js/base64.js
 */

var template = function(text) {
    return function(values) {
        return text.replace(/{([^}]+)}/g, function(_, key) {
            return values[key];
        });
    }
};

var item_template = template([
    "AUTHOR: {author_name}",
    "DATE: {date}",
    "PRIMARY_CATEGORY: {category}",
    "-----",
    "BODY:",
    "{body}",
    "--------"
].join("\n"));

var item_to_mt_syntax = function($img, category) {
    var fotolife_url = $img.attr('data-image-url');
    var image_url = $img.attr('data-image-image');
    var $a = $('<a>');
    $a.attr('href', fotolife_url);
    var pathname = $a[0].pathname;
    var author_name = pathname.split('/')[1];
    var date = pathname.split('/')[2];
    var year = date.substr(0, 4);
    var month = date.substr(4, 2);
    var day = date.substr(6, 2);
    var hour = date.substr(8, 2);
    var minute = date.substr(10, 2);
    var second = date.substr(12, 2);

    var body_template = template('<p><img class="http-image" src="{url}"></p>\n<p>Photo by id:{author_name}:detail</p>');
    var date_template = template('{month}/{day}/{year} {hour}:{minute}:{second}');

    return item_template({
        body: body_template({url: image_url, author_name: author_name}),
        date: date_template({year: year, month:month, day:day, hour:hour, minute:minute, second:second}),
        author_name: author_name,
        basename: date,
        category: category
    });
};

var main = function() {
    var mt_syntax = $('.photo-image').map(function() {
        var $img = $(this);
        return item_to_mt_syntax($img, Hatena.Album.title);
    }).get().join("\n") + "\n";

    var $message = $('<p>');
    $message.css('background', 'white', 'padding', '5px');
    $message.append('ファイルの準備ができました．');
    $message.append('<br>');
    $message.append('右クリックで保存してください：');
    var $download = $('<a>');
    $download.css('text-decoration', 'underline');
    $download.text(Hatena.Album.title + '.txt');
    $download.attr({
        href: 'data:text/plain;charset=utf-8;base64,' + Base64.encode(mt_syntax)
    });
    $message.append($download);

    $message.append('<br>');
    $message.append('ダウンロードしたファイルはMovableTye形式ではてなブログにインポートできます：');
    var $import_link = $('<a>');
    $import_link.css('text-decoration', 'underline');
    $import_link.attr('target', '_blank');
    $import_link.attr('href', 'http://blog.hatena.ne.jp/my/import/movable_type');
    $import_link.text('はてなブログにインポートする');
    $message.append($import_link);

    $message.hide();
    $('#container').prepend($message);
    $message.slideDown();
};

if (!$('body.album')[0]) {
    alert('アルバムページで実行してください');
    return;
}

main();

[Let] 元気でる

hitode909 — 2014-06-18T09:23:03Z

元気でる

/*
 * @title 元気でる
 * @description my bookmarklet
 * @include http://*
 * @license MIT License
 * @require jquery
 */



document.body.setAttribute("style","background: url(https://dl.dropboxusercontent.com/u/8270034/g/sozai.png)")
$('img').attr('src','https://dl.dropboxusercontent.com/u/8270034/g/sozai.png');

[Let] 「ライセンスの選択を恐れる必要はありません」の旧仮名遣いを新しくするやつ

hitode909 — 2013-09-09T04:03:01Z

「ライセンスの選択を恐れる必要はありません」の旧仮名遣いを新しくするやつ

/*
 * @title 「ライセンスの選択を恐れる必要はありません」の旧仮名遣いを新しくするやつ
 * @description http://qiita.com/tadsan/items/99d816e78ca429093b75 の旧仮名遣いを新しくするやつ
 * @include http://qiita.com/tadsan/items/99d816e78ca429093b75
 * @license MIT License
 * @require jQuery
 */

var rules=[
  [/ひ|ゐ/g, 'い'],
  [/ふ/g, 'う'],
  [/智/g, '知'],
  [/萃/g, '粋'],
  [/註/g, '注'],
  [/函/g, '関'],
  [/抛/g, '放'],
  [/へ([^の誘])/g, function(_, c) { return 'え' + c; } ]
];

var $body=$('section[itemprop="articleBody"]');

var html = $body.html();

$.each(rules, function(_, rule) {
  html = html.replace(rule[0], rule[1]);
});

$body.html(html);

[Let] rotate images

hitode909 — 2013-01-20T16:32:11Z

rotate images

/*
 * @title rotate images
 * @description $('img:last').prependTo(document.body);
 * @include http://*
 * @license MIT License
 * @require jQuery
 */

setInterval(function() {
  $('img:last').prependTo(document.body);
}, 20);

[Let] RacHitodenize #RAC7889

hitode909 — 2012-12-08T05:57:53Z

RacHitodenize #RAC7889

/*
 * @title RacHitodenize #RAC7889
 * @description reblog advent calend*e*r 7889 hitode909-nize
 * @include http://*.tumblr.com/*
 * @license reblog commons license ( cc by 3.0 )
 * @require jquery
 */

// bookmark:
// http://atnd.org/events/34738
// http://reblogadventcalender7889.tumblr.com/

// http://reblogadventcalender7889.tumblr.com/post/37393584199
// http://hitode909.hatenablog.com/entry/2012/11/17/110000
// http://let.hatelabo.jp/hitode909/let/gYC-yuG7p7bWEg
// made by @hitode909 https://twitter.com/hitode909

window.requestAnimationFrame = (function () {
  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback, element) {
    return window.setTimeout(function () {
      return callback();
    }, 1000 / 60);
  };
})();

$(function () {
  var choise = (function (list) {
    var i = 0;
    return function (list) {
      if (list.length == 0) return null;
      return list[++i % list.length];
    };
  })();
  var $body = $(document.body);
  var $container = $('#container');

  var $images_top = [];
  $.get('/', function (res) {
    $images_top = $(res).find('.photo img');
  });
  var opacity = 0;

  var step = function () {
    var $images = $('.photo img');

    var img = choise($images.length > 1 ? $images : $images_top);
    opacity = opacity > 0 ? 0 : 100;

    $body.css({
      background: img ? 'url(' + img.src + ')' : '',
      'background-position': 'center',
      'background-repeat': 'no-repeat',
      'background-attachment': 'fixed',
      'background-size': 'cover'
    });
    $container.css({
      opacity: opacity
    });
  };

  var loop = function () {
    step();
    window.requestAnimationFrame(loop);
  };
  loop();
});

[Let] ページをチカチカさせるやつ

hitode909 — 2012-11-17T00:11:44Z

ページをチカチカさせるやつ

/*
 * @title ページをチカチカさせるやつ
 * @description チカチカします
 * @include http://*
 * @license MIT License
 * @require 
 */

window.requestAnimationFrame = (function() {
  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback, element) {
    return window.setTimeout(function() {
      return callback();
    }, 1000 / 60);
  };
})();


var randomColor = function() { return 'rgb(' + (Math.random() > 0.5 ? 255 : 0) + ', ' + (Math.random() > 0.5 ? 255 : 0) + ', ' + (Math.random() > 0.5 ? 255 : 0) + ')' };

var style = document.createElement('style');
document.body.appendChild(style);

var selectors = Array.prototype.slice.call(document.querySelectorAll('*[id]')).map(function(element) {
    var id = element.id
    if (!id) return '';
    return element.tagName + '#' + id;
}).concat(Array.prototype.slice.call(document.querySelectorAll('*[class]')).map(function(element) {
    var className = element.className;
    if (!className) return '';
    return element.tagName + '.' + className;
}));

var apply = function() {
    style.textContent = ['*', 'body'].concat(selectors).map(function(selector) {
        if (!selector) return '';
        return selector + ' {color: ' + randomColor() + '; background: ' + randomColor() + ' }';
    }).join("\n");
    window.requestAnimationFrame(apply);
};

apply();

[Let] 文字を汚ない画像にする

hitode909 — 2012-03-24T04:23:50Z

文字を汚ない画像にする

/*
 * @title 文字を汚ない画像にする
 * @description 文字を汚ない画像にするやつ 例 → http://dl.dropbox.com/u/8270034/g/e333618264368ada4432c70ffe376447.png
 * @include http://*
 * @license MIT License
 * @require http://hitode909.appspot.com/text_to_image/text_to_image.js
 */

var walkTextNode = function(node, callback) {
    var children = node.childNodes;
    for (var i = 0, len = children.length; i < len; i++) {
        var child = children[i];
        if (child.nodeType == 3) {
            callback(child);
        } else if (child.childNodes.length > 0 && child.offsetWidth > 0 && ! node.tagName.match(/script/)) {
            walkTextNode(child, callback);
        }
    }
}

walkTextNode(document.body, function(node) {
    if (node.textContent.match(/^\s+$/)) return;
    var style = document.defaultView.getComputedStyle(node.parentNode, '');
    var tti = new TextToImage;
    tti.text = node.textContent;
    tti.width = node.parentNode.offsetWidth;
    tti.font = style.font;
    tti.color = style.color;
    tti.background = style.backgroundColor;
    if (tti.background == 'rgba(0, 0, 0, 0)') {
        if (tti.color == 'rgb(255, 255, 255)') {
            tti.background = 'rgb(0, 0, 0)';
        } else {
            tti.background = 'rgb(255, 255, 255)';
        }
    }
    node.parentNode.replaceChild(tti.createImage('image/jpeg', 0.01), node);
});

[Let] ドリランドッドリランドッドッドッドリランド

hitode909 — 2012-02-25T07:22:15Z

ドリランドッドリランドッドッドッドリランド

/*
 * @title ドリランドッドリランドッドッドッドリランド
 * @description http://mohayonao.herokuapp.com/d
 * @include http://mohayonao.herokuapp.com/d
 * @license MIT License
 * @require 
 */

$('<script>').attr('src', 'http://hitode909.appspot.com/text-generator/text-generator.js').appendTo($('body'));
$('<script>').attr('src', 'http://hitode909.appspot.com/text-generator/underscore-min.js').appendTo($('body'));

var main=function() {
  var g=new TextGenerator('ドッドッドリランド', 1);
  var txt='';
  for(var i=0; i < 100000; i++) {
     txt += g.get();
  }
  $('#text').text(txt);
  $('#play').click()
};

setTimeout(main, 1000);

[Let] wikipedia-cutup

hitode909 — 2011-12-07T07:28:38Z

wikipedia-cutup

/*
 * @title wikipedia-cutup
 * @description Wikipediaの記事をカットアップします
 * @include http://ja.wikipedia.org/wiki/
 * @license MIT License
 */

function selectRandom(list) {
    return list[Math.floor(Math.random() * list.length)];
};

function Page(url) {
    var self = this;
    $.ajax({
        url: url || '/wiki/Special:Randompage',
        dataType: 'html'
    }).success(function(res) {
        self.nodes = $(res).find('.mw-content-ltr>*');
        self.title = $(res).find('h1').text();
        self.success = true;
    });
}

Page.prototype = {
    getNode: function() {
        if (!this.nodes) return null;
        return $(selectRandom(this.nodes)).clone()[0];
    }
};

var i = 0;
var pages = [];
pages.push(new Page(location.href));

for (i = 0; i < 5; i++) {
    pages.push(new Page);
}

var h1 = $('h1');

h1.text('...');

var timer = setInterval(function() {
    var i;
    for (i = 0; i < pages.length; i++) {
        if (!pages[i].success) {
            return;
        }
    }

    $('#bodyContent').empty();

    var titles = [];
    h1.text('');
    for (i = 0; i < pages.length; i++) {
        h1.append($('<a>').attr('href', '/wiki/' + encodeURIComponent(pages[i].title)).text(pages[i].title));
    }

    clearInterval(timer);

    var fragment = document.createDocumentFragment();
    console.log(pages[0].getNode());
    for (i = 0; i < 100; i++) {
        var page = selectRandom(pages);
        fragment.appendChild(page.getNode());
    }
    $('#bodyContent').append(fragment);
}, 100);

[Let] dial_scroll

hitode909 — 2011-09-06T11:33:43Z

dial_scroll

/*
 * @title dial_scroll
 * @description ダイヤルでスクロールできます
 * @include http://*
 * @license MIT License
 * @require jQuery
 */

(function($) {
  var throttle;
  throttle = function(fn, delay) {
    var timer;
    timer = null;
    return function() {
      var args, context;
      if (timer) {
        return;
      }
      context = this;
      args = arguments;
      return timer = setTimeout(function() {
        timer = null;
        return fn.apply(context, args);
      }, delay);
    };
  };
  var debounce;
  debounce = function(fn, delay) {
    var timer;
    timer = null;
    return function() {
      var args, context;
      if (timer) {
        clearTimeout(timer);
      }
      context = this;
      args = arguments;
      return timer = setTimeout(function() {
        timer = null;
        return fn.apply(context, args);
      }, delay);
    };
  };
  $.fn.dial = function(callback) {
    var container, last;
    last = null;
    container = this;
    return $(container).mousemove(throttle(function(event) {
      var center, diff, distance, rad, x, y;
      center = {
        left: $(container).position().left + $(container).width() / 2,
        top: $(container).position().top + $(container).height() / 2
      };
      x = event.pageX - center.left;
      y = event.pageY - center.top;
      distance = Math.sqrt(x * x + y * y);
      rad = Math.atan(y / x);
      if (x < 0) {
        rad += Math.PI;
      }
      if (last == null) {
        last = rad;
      }
      diff = rad - last;
      if (diff < -Math.PI) {
        diff += Math.PI * 2;
      }
      if (diff > Math.PI) {
        diff -= Math.PI * 2;
      }
      callback.apply(container, [diff, distance]);
      return last = rad;
    }, 100));
  };

  var $wrapper = $("<div>").css({
        width: "100%",
        height: "100%",
        position: "fixed",
        top: 0,
        left: 0,
  });
  $("body").append($wrapper);
  var accel = 0;
  $wrapper.dial(function(diff) {
      accel += diff * 20;
  });
  setInterval(function() {
      window.scrollBy(0, accel);
      accel *= 0.92;
  }, 30);
  $("body").mousemove(throttle(function() {
      console.log("show");
      $wrapper.show();
  }, 50));
  $("body").mousemove(debounce(function() {
      console.log("hide");
      $wrapper.hide();
  }, 100));
})(jQuery);

[Let] dial_rotate

hitode909 — 2011-09-05T16:47:12Z

dial_rotate

/*
 * @title dial_rotate
 * @description ダイヤルで回せます
 * @include http://*
 * @license MIT License
 * @require jQuery
 */

(function($) {
  var throttle;
  throttle = function(fn, delay) {
    var timer;
    timer = null;
    return function() {
      var args, context;
      if (timer) {
        return;
      }
      context = this;
      args = arguments;
      return timer = setTimeout(function() {
        timer = null;
        return fn.apply(context, args);
      }, delay);
    };
  };
  var debounce;
  debounce = function(fn, delay) {
    var timer;
    timer = null;
    return function() {
      var args, context;
      if (timer) {
        clearTimeout(timer);
      }
      context = this;
      args = arguments;
      return timer = setTimeout(function() {
        timer = null;
        return fn.apply(context, args);
      }, delay);
    };
  };
  $.fn.dial = function(callback) {
    var container, last;
    last = null;
    container = this;
    return $(container).mousemove(throttle(function(event) {
      var center, diff, distance, rad, x, y;
      center = {
        left: $(container).position().left + $(container).width() / 2,
        top: $(container).position().top + $(container).height() / 2
      };
      x = event.pageX - center.left;
      y = event.pageY - center.top;
      distance = Math.sqrt(x * x + y * y);
      rad = Math.atan(y / x);
      if (x < 0) {
        rad += Math.PI;
      }
      if (last == null) {
        last = rad;
      }
      diff = rad - last;
      if (diff < -Math.PI) {
        diff += Math.PI * 2;
      }
      if (diff > Math.PI) {
        diff -= Math.PI * 2;
      }
      callback.apply(container, [diff, distance]);
      return last = rad;
    }, 100));
  };

  $("img").each(function() {
      $(this).dial(function(diff) {
          var deg = $(this).data("degree") || 0;
          deg += diff / Math.PI * 360.0;
          $(this).data("degree", deg);
          $(this).css({
              "-webkit-transform": "rotate(" + deg + "deg)",
              "-moz-transform": "rotate(" + deg + "deg)"
          });
      });
  });
})(jQuery);

[Let] DM @hitode909 こんにちは

hitode909 — 2011-06-04T07:52:51Z

DM @hitode909 こんにちは

/*
 * @title DM @hitode909 こんにちは
 * @description my bookmarklet
 * @include http://*
 * @license MIT License
 * @require 
 */
alert(1);

[Let] super_mind_free

hitode909 — 2011-04-11T11:43:51Z

super_mind_free

/*
 * @title super_mind_free
 * @description my bookmarklet
 * @include http://mindfree.jp/#/mindfree
 * @license MIT License
 * @require 
 */


window.MouseUtil = { };
['mousemove', 'mousedown', 'mouseup', 'click'].forEach(function (method) {
    window.MouseUtil[method] = function(x, y) {
        if (!x) x = 0;
        if (!y) y = 0;
        var event = document.createEvent("MouseEvents");
        event.initMouseEvent(method, true, false, window,
                             0, x, y, x, y, false, false, true, false, 0, null );
        return event;
    }
});


setInterval(function(){
  document.querySelector("canvas").dispatchEvent(window.MouseUtil.mousemove(960 + Math.floor(Math.random() * 400), 180));
  document.querySelector("canvas").dispatchEvent(window.MouseUtil.click(0, 0));
}, 0)