http://svn.coderepos.org/share/lang/javascript/jquery-deferred/sample.html
http://jquery.com/plugins/project/deferred

var list = [];
list.push($.get("a.html").next(function (data) { return data.match(/<title>([^<]+)<\/title>/) } ));
list.push($.get("b.txt" ).next(function (data) { return data.match(/##\s*([^<]+)\s*##/) } ));
list.push($.getJSON("c.json").next(function (data) { return data.title } ));

parallel(list).next(function (values) {
	print("Titles "+values.join(", "));
});

loop({begin: 1, end:100, step:10}, function (n, o) {
	print(["Processing devided loop:n=", n].join(""));
	for (var i = 0; i < o.step; i++) {
		var j = n + i;
		print(j);
	}
});

function print (m) { $("#loop-code1").append("\n// "+m) }

loop(5, function (i, o) {
	print(i);
	return o.last? i : wait(1);
}).
next(function (e) {
	print("end ["+e+"]");
});

(動いてはいるけど、ちょっと挙動が思ったとおりでない気がする (巨大なループのあと、次のプロセスへ進むのが遅い気がする) のでコードを考えなおしのために現在の実装をメモ書きします) なんか jQuery Deferred って書くと jQuery Core に Deferred システムがあるみたいにみえるけどちがうよちがうよ。でも内部的には animate あたりで必要だから持ってるんだとおもう……

// global function next
next(function () {
	console.log(["chain", 1]);
}).
// Deferred.prototype.next
next(function () {
	console.log(["chain", 2]);
});

// 定義ずみの関数
/*
function next (fun) {
        // 新しく呼ばれることが約束された Deferred をつくる
	var d = new Deferred();
	setTimeout(function () { d.call() }, 0);
        // fun をその Deferred のプロセスとして設定し返す。   
	d.callback.ok = fun;
	return d;
}
*/

// あとで呼ばれることが約束された Deferred を作成
d1 = next(function () {
	console.log(["chain", 1]);
});

// 次のプロセスをパッケージする Deferred を作成
d2 = $.deferred(); // (Deferred をエクスポートしてないので new Deferred() とはできません。
// プロセスを設定
d2.callback.ok = function () {
	console.log(["chain", 2]);
};

// d1 の継続を d2 に設定
d1._next = d2;

next(function () {
	console.log(["child", 1]);
	return next(function () {
		console.log(["child", 2]);
	});
}).
next(function () {
	console.log(["child", 3]);
});

next(function () {
	console.log(["child", 1]);
	ret = next(function () {
		console.log(["child", 2]);
	});
	ret._next = this._next;
	this.cancel();
}).
next(function () {
	console.log(["child", 3]);
});

call  : function (val) { return this._fire("ok", val); },
fail  : function (err) { return this._fire("ng", err); },

_fire : function (okng, value) {
	// if (typeof log == 'function') log("_fire called");
	var self = this;
	var next = "ok";
	try {
		value = self.callback[okng].call(self, value);
	} catch (e) {
		next  = "ng";
		value = e;
	}
	if (value instanceof Deferred) {
		value._next = self._next;
	} else {
		setTimeout(function () {
			if (self._next) self._next._fire(next, value);
		}, 0);
	}
}

next(function () { throw "Error"; }).
error(function (e) {
	expect("Errorback called", "Error", e);
	return e; // エラーのリカバリー
}).
next(function (e) {
	// next だけど、リカバリーされたので実行される。
	expect("Callback called", "Error", e);
	// また投げてみる。
	throw "Error2";
}).
next(function (e) {
        // エラーがリカバリーされていないのでよばれない。
	ng("Must not be called!!");
}).
error(function (e) {
        // エラー専用のチェインをたどりここまでくる。
	expect("Errorback called", "Error2", e);
});

init : function () {
	this.callback = {
		ok: function (x) { return x },
		ng: function (x) { throw  x }
	};
	this._next    = null;
},

Deferred をつかってマルチスレッドっぽいこともできます。

loop(10, function (n) {
	print(n);
	return wait(0.1);
});

loop(10, function (n) {
	print(String.fromCharCode(97+n));
	return wait(0.2);
});

このように書くと、0 から 9 までの数値と a から j までの文字がまざって出力されます。

例: 0 a 1 b 2 3 c 4 5 d 6 7 e 8 9 f g h i j

loop 関数は Deferred をかえすので、うえのふたつが終ったら実行する処理を書くなら、

parallel([
	loop(10, function (n) {
		print(n);
	}),
	loop(10, function (n) {
		print(String.fromCharCode(97+n));
	})
]).next(function () {
	print("End");
});

とか書けます (MochiKit Deferred でも書けるはずだけどめんどいからためしてない)。Deferred のおもしろいところは、めちゃくちゃ簡単で Greasemonkey スクリプトにコピペして使えるぐらいの長さのコードでこういうことができることだと思います。

new つけてもつけなくてもいいようにするにはどう書くのがベストか的なんだろう。Deferred ではこうしたけど

function Deferred () { return (this instanceof Deferred) ? this.init(this) : new Deferred() }
// prototype.init では this をかえしてる。
// でもコンストラクタは Object をかえした場合にしかその返り値を使わないので undefined でもべつにいい。

汎用的にするなら

function Foo () {
    if (this instanceof arguments.callee)
       this.init(this);
    else
       return new arguments.callee;
}

かな。ただ、これだと任意の数の引数がとれない (new は括弧をつけなくていいことからも解るように関数呼びだしではないので)。

function Foo () {
    if (this instanceof arguments.callee) {
       this.init.apply(this, arguments);
    } else {
       // new のエミュレート
       var f = function () {};
       f.prototype = arguments.callee.prototype;
       var o = new f;
       arguments.callee.apply(o, arguments);
       return o;
    }
}

どうみても素直に引数リストを書いたほうがよみやすくていい。(instanceof (がつかっている [[HasInstance]]) は [[Prototype]] をみる。new 以外に [[Prototype]] をセットする方法はない。)

てかはてなで

[[Prototype]]

[] [[Prototype]] [] <- リンクはされないけど括弧が消える。

を地で書くにはどうしたらいいんだ……

jQuery Deferred とか言っていますがコアは全く jQuery に依存しないので (いい名前がおもいつかないから jQuery バインディングのほうのなまえでよんでる) http://svn.coderepos.org/share/lang/javascript/jquery-deferred/jquery-deferred.js の Deferred 関数と必要な関数をコピペしたら GM でもうごきます。setTimeout/clearTimeout にだけ依存してるのでその実装があるならどこでもうごくはず。

他の非同期なやつを Deferred 化するのは jQuery Deferred だと

function wait (n) {
	var d = new Deferred(), t = new Date();
	var id = setTimeout(function () {
		clearTimeout(id);
		d.call((new Date).getTime() - t.getTime());
	}, n * 1000)
	d.canceller   = function () { try { clearTimeout(id) } catch (e) {} };
	return d;
}

こんな感じになってます。Deferred#call がコールバック起動で、Deferred#fail がエラーバック起動です。

MochiKit のコードだと (機能がちょっと違いますが)

    /** @id MochiKit.Async.wait */
    wait: function (seconds, /* optional */value) {
        var d = new MochiKit.Async.Deferred();
        var m = MochiKit.Base;
        if (typeof(value) != 'undefined') {
            d.addCallback(function () { return value; });
        }
        var timeout = setTimeout(
            m.bind("callback", d),
            Math.floor(seconds * 1000));
        d.canceller = function () {
            try {
                clearTimeout(timeout);
            } catch (e) {
                // pass
            }
        };
        return d;
    },

引数 (value) をわたすためにチェインつかってるのがおもしろいすね。

ついでに jAutoPagerize でつかっているやつ。

function CachedResource (uri, convertfun, expire) {
	var d   = Deferred(); // new なしでいける。
	var key = uri;
	var v   = {};
	try { v = eval(GM_getValue(key)) || ({}) } catch (e) { log("parse error: may be uneval bug") }
	d.clear = function () {
		GM_setValue(key, "");
		return this;
	};
	if (v.time && v.time > (new Date).getTime() - expire) {
		log("Cache Hitted: " + key);
		setTimeout(function () { d.call(v.body); }, 10);
	} else {
		log("Cache expired; getting... " + key);
		GM_xmlhttpRequest({
			method  : "GET",
			url     : uri,
			onload  : function (req) { try {
				var res = convertfun(req.responseText);
				GM_setValue(key, uneval({time:(new Date).getTime(), body:res}));
				log(key, uneval({time:(new Date).getTime(), body:res}));
				log("Cached: " + key);
				d.call(res);
			} catch (e) { d.fail(e) } },
			onerror : function (e) {
				d.fail("HTTPError:"+e);
			}
		});
	}
	return d;
}

名前がやっぱよくないよなぁ。General Deferred とかにすればいいのかなぁ (jQuery 部分は分離して Rakefile で一括生成)。

• JSDeferred
• General Deferred
• jKuery Deferred
• JSContinuation (Deferred って名前がウケ悪い説 でもおかしいからだめだな)

なんか、Rhino 上で setTimeout エミュレートしてテストしようとおもったら、そもそも言語的な部分の非互換を踏んでだめすぎる……

$ rhino
js> a = undefined || 1
true <= expect 1
js> a
true
js> a = undefined || 0
js> uneval(a) // (undefined は表示されないっぽいので uneval)
undefined <= expect 0
js> undefined instanceof Object
js: "<stdin>", line 1: The undefined value has no properties. <= expect false

あと Rhino のバージョンってどうやってみるんだろ。apt-cache show rhino すると

Version: 1.6.R1-0.0ubuntu3

だけど、これってめっちゃ古くて実は上の問題は新しいのだと解決していたりするのかな

$ wget ftp://ftp.mozilla.org/pub/mozilla.org/js/rhino1_6R7.zip
$ unzip rhino1_6R7.zip
$ cp js.jar ~/bin
$ cd ~/bin
$ cat rhino
#!/bin/sh

if [ -z "$JAVA" ]; then
  if [ -n "$JAVA_HOME" ]; then
    JAVA="$JAVA_HOME/bin/java"
  else
    JAVA=/usr/bin/java
  fi
fi

"$JAVA" -jar ~/bin/js.jar "$@"

いろつき!

ブラウザの機能使わないテストだと rake でテストできていいなぁ

• http://jsdoctoolkit.org/
• http://jsdoc.sourceforge.net/

JSDoc Toolkit がよさそうなんだけど、どっちにしても Java Doc 形式のコメントが好きになれないので使う気がおきなかった……(ここでまた慣れるか、オレオレ文法でいくかで悩む。でも @return とか @param とかすごいダサく感じる……)

MochiKit は python の docutil (?) とかいうのをつかってるみたいだ。スクリプトのほうには id だけつけて、rst ? っていうのにドキュメントがまとまってる。よくわかんない。

あと MochiKit はスクリプトの圧縮に rhino をつかってるっぽい (custom_rhino.jar/js.jar) けど詳細がよくわからない。Rhino/Spidermonkey は JS 内部から JS トークナイザにアクセス (Ripper みたいに) できたらいいのに……Rhino のほうは内部メソッド叩いたらできるんかなぁ。

それとドキュメントをソースコードに書くべきかどうかがいまいち迷う。RDoc はソースコードにまぜて書くけど、見通しが悪くなるんだよなぁ。でも最低限の使いかたはコメントとして近くに書いておきたいし、挙動を変更したらすぐ書きかえたいから、近くにあるのは便利だ。

あとドキュメントに実装を簡単に見れるしくみが絶対必要だと思う。長い英語よむぐらいならソース見たほうが理解できるし、ソース見てからドキュメント読むとよめるようになるし……

正直にいうとごくごく最近まで MochiKit Deferred の由来が Twisted (Pythonの非同期ライブラリ) からきていると知らなかった……
Python のマルチスレッドってどうなってるんだろう。threading/thread とかがヒットする。

Ruby のスレッドはなんか頭つかわなくても書けるなぁ。なんでだろう……あと Ruby で Deferred は必要か、っていうのが微妙に最近ひっかかる。なんで Ruby には Deferred がないんだろう (つまり、なんでなくてもいいやって思えるんだろう)

JS だとスレッドがなくて、しかもいちいちブラウザに処理をもどさないと固まってしまうから Deferred がすごい威力を発揮するけど、スレッドがあったときに、Deferred はどう活躍するんだろう。(Python にはスレッドがあるっぽいけど、なんで Deferred が必要になったんだろう)

require "open-uri" # net/http はめんどいから

t = Thread.start do
	open("http://example.com/") {|f|
		f.read
	}
end

p t.value

require "open-uri"

t1 = Thread.start do
	open("http://example.com/") {|f|
		f.read
	}
end

t2 = Thread.start do
	open("http://example.com/") {|f|
		f.read
	}
end


[t1.value, t2.value].each do |i|
	p i.length
end

なんでこんなふうに書いてるの? って感があるのかもしれないから、いちおうかいとくよ！

(function () { // なんか GM ではいらなくなってるっぽいけど、一応かこう

// メインの処理
foobar...


// ユーティリティ関数たち
function $X () {
}


})();

って感じで書いてる。メインの処理、その GM で一番重要なところをできるだけ上に書きたい (ただし、うえから順に読んでも理解できるように)。なのでユーティリティ関数とかは関数式ではなく関数宣言で書く。宣言で書いた場合はあとに書いても前のほうで参照できる。

foo();

function foo () {
    foobar();

    function foobar () {
    }
}

// baz(); //=> これはできない

var baz = function () {
};

baz();

でも、これだと prototype への代入とかをするのをうしろに書けない。そういうときは、

with (F()) {
    var baz = new Foo();
}

function F () {
    function Foo () {
        return (this instanceof Foo) ? this.init() : new Foo();
    }
    Foo.prototype = {
        init : function () { }
    };

    var foo = {};
    foo.Foo = Foo;
    return foo;
}

とかやるとうまいこと分離できるぽい。

JSDeferred の jsdeferred.userscript.js は、コピペ用のコード ( http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsdeferred.userscript.js ) を生成していて、これを最後にコピペして with をつかえば綺麗にかけるようにようにした。

with (D()) {
    next();
}

// コピペ
function D () {

}

http://coderepos.org/share/browser/lang/javascript/jsdeferred/trunk/jsdeferred.js?rev=2761#L119

の setTimeout について、スタックを消費するからこうしている、と書いたのは、next の問題で無駄な Deferred を生成していたせい ( http://subtech.g.hatena.ne.jp/cho45/20071202/1196571302 ) で、Stack over flow がでたことがあったからなんだけど、next の問題は解決したので、あらためて必要かどうか考えたらいらない気がした。

でもって http://coderepos.org/share/changeset/2817 はずしてみた。Safari はスタックサイズがかなりちっちゃくて、600?くらいの再帰でオーバーフローするからテストでは loop(1000 を実行してちゃんと戻ってくるかをテストしてる (loop は内部で next と call よんでる)。

この修正で、チェイン間ではブラウザへ処理がもどらなくなる。もどしたいなら wait(0) を return すればもどせる。

Mac 10.4.11 Mem 2G

javascript:n=0;(function(){n++;arguments.callee();})();
javascript:alert(n);

Firefox 3.0b1

261503

Safari 3.0.4

500

Opera 9.24

3340

Thunderbird 2.0.0.9

1000

Fx の深さはなんなんだ……

Rhino だとインタプリタモードのときはいくらでもいける……

$ rhino -opt -1 -e 'n=0;(function(){n++;print(n);arguments.callee();})();'
#=> どこまでも
$ rhino -opt 0 -e 'n=0;(function(){n++;print(n);arguments.callee();})();'
2054
/home/cho45/bin/rhino: line 11: 31589 Segmentation fault      "$JAVA" -jar ~/bin/js.jar "$@"
exit 139

あふれると SEGV ってのはどうなんだ

• よりよい Ruby 用のドキュメント記法
  • doctest
• よりよい JavaScript 用のドキュメント記法
  • ソースコードとの分離
  • doctest

http://mk-colors.org/scrap/2007/12/075208 みたいにあるとおり標準でそのまんまなのはできないっぽい。

けど http://dev.ariel-networks.com/column/tech/tracreport-tips/ よんでて、あーそっかーとおもったので report つかってフィード生成してみた。

• http://coderepos.org/share/report/9
• 例: http://coderepos.org/share/report/9?format=rss&AUTHOR=dankogai

SELECT
    "../changeset/" || rev AS ticket,
    rev || ": " || message AS summary,
    time AS _changetime,
    time AS created,
    author AS _reporter,
    message AS _description
    FROM revision WHERE author = '$AUTHOR' ORDER BY rev+0 DESC LIMIT 50;

こんなん。ticket がフィードのリンクにつかわれるみたい。ticket/#{ticket} にリンクされるので相対パスつかって changeset にしてる。詳細は TracReports にいろいろ書いてあった。

そういえば、あらかじめデータは取得しておきたいけど、表示自体は遅延したい、みたいな場合 (ホバーツールチップみたいなやつ) にもめっさつかえるなぁねむい。

var d = null;

anElement.addEventListener("mouseover", function (e) {
    if (d) d.cancel();
    // http.get はおこなわれるが、少なくとも 1 秒遅延してから表示する
    d = parallel({
        wait:  wait(1),
        value: http.get("foobar")
    }).next(function (o) {
        show(e.pageX, e.pageY, o.value); // show はどっかで定義
    });
}, false);

anElement.addEventListener("mouseout", function (e) {
    if (d) d.cancel();
}, false);

これだとまだまずいけど (mouseover が発生しまくるから//http.get をキャッシュつきにラップすればスマートかも) wait(1) してからロードしにいくみたいにするより、これだと同時によみこむから待ち時間がへる (その変わりリクエストが必ずとんでサーバに負荷かかる)

http://svn.coderepos.org/share/lang/javascript/blosxom.rhino/

Java との連動が結構たのしい。Java に足りない部分とかめんどうくさい部分と、JS にないシステムの部分とかをうまくくみあわせられてたのしい。

Java がよくわかんなくて文字化けしていたんだけど、結局 js.jar を叩くときの java コマンドに -Dfile.encoding=UTF-8 いれてうまくいった。ただこれって、プログラム側から設定しても反映されない? っぽくてよくわからない……

本体は完全に Rhino に依存してるけど、テンプレートエンジンは依存せずに書いてある

• http://svn.coderepos.org/share/lang/javascript/blosxom.rhino/ejs.js
• http://svn.coderepos.org/share/lang/javascript/blosxom.rhino/template.html

JS のテンプレートエンジンなんて腐るほどあるけど、自分で書いてみるのはやっぱ面白い。今回は new Function("stash", templatecode") みたいにして、ハッシュをわたすとテンプレートをプロセスする関数を動的に生成してみてる (toSource すればコンパイルされた結果をキャッシュできる)。new Function による eval はなんかなんともいえない楽しさがあるなぁと思った。

JS 1.6 相当の関数 (filter とか) ってほぼ必須だよなぁと思った……ないと書けない。

ためしてみるとすぐわかる違い。前提として、JavaScript では「全てオブジェクトというわけではない」ことを覚えておく必要があります (Ruby との違い)。

uneval("foo");
//=> "\"foo\""

"foo".toSource();
//=>  "(new String(\"foo\"))"

なぜこのような違いが生まれるか、というと 11.2.1 プロパティアクセス演算子 (Property Accessors) にある

の ToObject(Result(2)) がキモです。

JavaScript において

"foobar"

typeof "foobar" //=> "string"

は、typeof すればわかるように Primitive な String 型であって、String オブジェクトのインスタンス (Object 型) ではありません。プロパティアクセス演算子が使われると、そのつど String オブジェクトへ変換されます。

これは以下のようにすればすぐわかります。

String.prototype.returnThis = function () { return this };
typeof "foobar".returnThis(); //=> "object"

"foobar".returnThis() === "foobar".returnThis(); //=> false

レシーバは "foobar" にみえますが、上の結果と違っています。これはプロパティアクセス演算子の作用で ToObject された結果が this として渡されているからです。(ToObject は処理系の内部関数なので JS から直接はよべません)

ここでなんとなく気付くと思いますが、this は Object 型以外の型には絶対になりません。this を明示して渡せる call や apply でさえ this に対しては ToObject で変換がかかります。

そうなると、Object に変換されるまえの、Primitive な値がほしいときに (そんなケースあんまりありませんが)、ちょっと困るので、そういうときに valueOf() をつかいます。valueOf() って説明だけ読みとなにがしたいのがさっぱりわかりませんが、こいつを使ってやることで、本来のレシーバ (のようにみえる値) をとることができます。

"foobar".valueOf() //=> "foobar"

この valueOf() はどんなオブジェクトにも存在するので安心して本来のレシーバを取得することができます。(Primitive 値のラッパオブジェクトでは Primitive 値になるし、そうでなければ単に this をかえすだけです)

前後しますが JavaScript には6個の型があります (処理系内部的/説明的には9個)。

1. Undefined / undefined
2. Null / null
3. Boolean / true, false
4. Number / 10, 0xff
5. String / "foo", "fumino san love"
6. Object / {foo: 123, bar: 456}

Object 型以外は Primitive であり、そう考えると Primitive vs Object の構造が想像できると思います。(リテラル undefined や null, 1, 2, "foo" とかは全部この型に対応しています) JavaScript における「オブジェクト」は Object 型の値のことで、Object 型以外は「プロパティ」や「メソッド」を持ったりはしていません。

プロパティアクセス演算子は Object 型へ必ず変換しますが、そのとき使われる ToObject は、undefined と null のときに TypeError をなげます。(この変換のおかげで Primitive 値の多くはオブジェクトのように扱うことができます)

割とよくみるであろう

TypeError: null has no properties
TypeError: undefined has no properties

は、この ToObject への変換時におきているものです (殆どないし全部)。もし JavaScript でも Ruby と同じように「全てがオブジェクト」であるならば、上のようなエラーは絶対に起きないはず (オブジェクトであれば no properties はありえない) ですし、Object に定義されているメソッドが null や undefined に対しても使えるはずです。

null.toString();
undefined.valueOf();

実行しなくてもわかるようにこのコードは TypeError がでます。JavaScript では「全てがオブジェクトというわけではない」ことは、この TypeError の背中が物語っています。

https://addons.mozilla.org/en-US/firefox/addon/5890 (SandBox にはいってる)

そろそろ Fx3 で縦おきタブデキナイカナーとおもってさまよってたら Tree Style Tab でできた……piroさん++

Mac のテーマだとタブの高さがちょっとたりなくてセレクトしたときに outline がはみだしてしまうので、Stylish で

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tabbrowser-tab {
    height: 2.2em !important;
}

.tabbrowser-tab label {
    font-size: 90% !important;
}

こんなん書いた。

>

たいして使ってないのに再インストール…… Windows Update でエラーでて (なんか証明書関係のエラーで、対策もひとおりしてみたんだけどだめだった。)

http://subtech.g.hatena.ne.jp/cho45/20070927/1190891651

• Chipset Driver Windows 2000 用のやつ (from SC440 付属CD)
• reboot
• イーサネットコントローラ (ドライバの更新で CD を検索させる)
• reboot
• nVidia GeForce 6 系のドライバをインストール (via Internet)
• reboot
• WPCRSET 自動起動 ( Bus=0 Device=28 Function=0 Register=05h Data=00h )
• Windows Update (再起動しまくり)
• Avast インストール
• US Keyboard http://subtech.g.hatena.ne.jp/cho45/20070928/1190965320
• Firefox 3b1
• Lhaplus
• mayu
• SKKIME http://subtech.g.hatena.ne.jp/cho45/20070929/1191020138
• ~/fonts/* を %fonts% へコピー
• foobar2000
  • Columns UI
  • ~/foobar.fcs からインポート
  • Last.fm インストール

Windows Registry Editor Version 5.00

[HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\i8042prt\Parameters]
"LayerDriver JPN"="KBD101.DLL"
"OverrideKeyboardIdentifier"="PCAT_101KEY"
"OverrideKeyboardType"=dword:00000007
"OverrideKeyboardSubtype"=dword:00000000
"LayerDriver KOR"="KBD101A.DLL"

Windows Registry Editor Version 5.00

[HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Keyboard Layout]
"Scancode Map"=hex:00,00,00,00,00,00,00,00,03,00,00,00,1d,00,3a,00,00,00,00,00

fotolife は容量制限が厳しくて、落書きを大量に投稿する、というときちょっと不安 (制限に逹っしたとき、消さないといけないなぁという不安) があるので、tumblr を使うようにする userscript を書きました。(月別の容量制限とかならいいんだけどなぁ)

(イラスト投稿を確実にする GM より前に実行する必要があります)

• http://svn.coderepos.org/share/lang/javascript/userscripts/hatena.haiku.usetumblrinsteadoffotolife.user.js
• http://coderepos.org/share/browser/lang/javascript/userscripts/hatena.haiku.usetumblrinsteadoffotolife.user.js?

といっても、tumblr はいまいち安定感 (いろんないみで) がないように思えるのでなんともいえない……

URL をうけとって保存してくれるサービス/そういうAPIがあるサービスなら簡単に対応できるんですが、そういうのあんまないっすね……

なぜかわからないけど unsafeWindow 中のオブジェクトの prototype がとれないっぽい……

unsafeWindow.Hatena.Haiku.EntryForm.prototype //=> undefined

でもって回避しようとして以下のようなコードを書いてみたけど

	function unsafeeval (code) {
		var d = new Deferred;
		unsafeWindow.___eval = arguments.callee;
		arguments.callee.callback = function (r) {
			delete unsafeWindow.___eval
			d.call(r);
		};
		unsafeWindow.location.href = "javascript:"+encodeURIComponent("___eval.callback("+code+")");
		return d;
	}

	unsafeeval("Hatena.Haiku.EntryForm.prototype").
	next(function (proto) {
		alert(proto.showDrawForm); // とれてる
		proto.showDrawForm = function () {
			alert("aaa"); // 実行されない orz
		};
		alert(proto.showDrawForm); // かきかえはできてる
	});

って感じになる。javascript:alert(Hatena.Haiku.EntryForm.prototype.showDrawForm) するとちゃんと設定された関数が表示されるんだけど、実行はされない (もとの関数はもちろんよばれない)。だれかたすけて＞＜ これは Fx のバグ?

prototype 以外への書きかえはもちろんうごく……

postDrawing がたびたびよびだしされないので、fotolife を GM_xhr で監視して投稿するようにするスクリプトです。

流れは

1. ページロード時に fotolife のフィードを取得 (ほんとはおえかきに切り替えしたときにしたいけど、prototype かきかえができない……)
2. currentForm がセットされるのを監視 (Haiku! をおすとセットされる)
3. セットされたら fotolife のフィードを監視開始
4. ページロード時の状況と比較して、増えたものをハイクから投稿されたものとみなし、postDrawing をキック

tumblr に投稿しなおすスクリプトより後に実行する必要があります。

• http://svn.coderepos.org/share/lang/javascript/userscripts/hatena.haiku.fixingillustposting.user.js
• http://coderepos.org/share/browser/lang/javascript/userscripts/hatena.haiku.fixingillustposting.user.js?

(他のスクリプトより先に読みこむ必要あり)

• http://svn.coderepos.org/share/lang/javascript/userscripts/hatena.haiku.insertillustinsteadofposting.user.js
• http://coderepos.org/share/browser/lang/javascript/userscripts/hatena.haiku.insertillustinsteadofposting.user.js?

オリジナルの postDrawing を上書きして、イラスト投稿のときに、そのままポストではなくテキストとして URL を挿入する。

最初めんどくさがって

with (unsafeWindow) {
Hatena.Haiku.EntryForm.postDrawing = function (uri) {
	if (!uri) return;
	var form = Hatena.Haiku.EntryForm.currentForm;
	if (!form) return;
	form.textarea.value += uri;
	form.submit.disabled = false;
	form.showTextForm();
	// form.form.submit();
};
}

とかやってたんだけど、これだと他のユーザJSがこの関数を実行しようとしたとき (?) にセキュリティエラーがでてしまう。

javascript: によるロードとかいろいろためしたけどうまくかなくて、結局こうしてみたらうまくいった……

• http://svn.coderepos.org/share/lang/javascript/userscripts/hatena.haiku.expandrepliestree.user.js
• http://coderepos.org/share/browser/lang/javascript/userscripts/hatena.haiku.expandrepliestree.user.js?

Reply がついたエントリや、あるエントリへの Reply の本文部分をクリックで全部展開してツリーにします。

親と子は同時に展開を開始しますが、二度目以降の展開は一応 1sec ウェイトを入れてます。

複数 reply のとき順がくずれると思うんですがあんまりそういうケースないのでなんもやってないです (テストケースがみつからなかったし、そんなのわざわざつくるのもアレ)

いれた。常用プロファイル続行

Tree Style Tab と Stylish は install.rdf のバージョン書きかえでうごく

• http://coderepos.org/share/browser/lang/javascript/userscripts/hatena.haiku.canvasresizer.user.js?
• http://svn.coderepos.org/share/lang/javascript/userscripts/hatena.haiku.canvasresizer.user.js

このスクリプトを script appendChild するようなブックマークレットかけばブックマークレットにもなるとおもう。図みたいなの書きたいときはデフォのキャンバスだとかなしいのでかいてみた。(書きはじめてからのリサイズはできません)

Greasemonkey からページ内コンテキストでJS実行するときのイディオム (こうするとシンタックスハイライトきかしたまま自由な感じに書ける)

location.href = "javascript:"+encodeURIComponent(uneval(function () {
...
}))+"()";

やっつけ

// ==UserScript==
// @name        Jump to haiku user page on clicking star
// @namespace   http://lowreal.net/
// @include     http://h.hatena.ne.jp/*
// ==/UserScript==

location.href = "javascript:"+encodeURIComponent(uneval(function () {
	Hatena.Star.User.prototype.userPage = function () {
		return "/" + this.name + "/";
	};
}))+"()";

b2 + GM 1208 でもだめだなぁ。

GM_* 系のをつかっていないなら、

location.href = "javascript:"+encodeURIComponent(uneval(function () {
body
}))+"()";

でかこえば使えるけど、めんどくさい

なんでだろ……

なんかすげーめんどくさいなぁ。Java 並のめんどくささ。しかも Java ほどセオリーっぽい書きかたがない…… (仕様変更がどうとか……)

• http://developer.mozilla.org/ja/docs/Code_snippets:File_I/O

実はラッパがあったりしないのかなぁ……

function File () { this.initialize.apply(this, arguments) }
File.prototype = {
	initialize : function (path) {
		if (typeof path == "string") {
			this.file = Components.classes["@mozilla.org/file/local;1"]
			                      .createInstance(Components.interfaces.nsILocalFile);
			this.file.initWithPath(path);
		} else {
			this.file = path;
		}
		this.charset = "UTF-8";
	},

	read : function (cb) {
		if (!cb) cb = function (i) {
			var ret = [];
			var str = {};
			while (i.readString(4096, str) != 0) {
				ret.push(str.value);
			}
			return ret.join("");
		};
		var fistream = Components.classes["@mozilla.org/network/file-input-stream;1"]
		                         .createInstance(Components.interfaces.nsIFileInputStream);
		var cistream = Components.classes["@mozilla.org/intl/converter-input-stream;1"]
		                         .createInstance(Components.interfaces.nsIConverterInputStream);
		fistream.init(this.file, 0x01, 0444, 0);
		cistream.init(fistream, this.charset, 1024, Components.interfaces.nsIConverterInputStream.DEFAULT_REPLACEMENT_CHARACTER);
		var ret = cb.call(this, cistream, fistream);
		cistream.close();
		fistream.close();
		return ret;
	},
	write : function (cb) {
		if (typeof cb == "string") {
			var _str = cb;
			cb = function (i) {
				i.writeString(_str);
				return this;
			};
		}
		var fostream = Components.classes["@mozilla.org/network/file-output-stream;1"]
		                         .createInstance(Components.interfaces.nsIFileOutputStream);
		var costream = Components.classes["@mozilla.org/intl/converter-output-stream;1"]
		                         .createInstance(Components.interfaces.nsIConverterOutputStream);
		fostream.init(this.file, 0x02 | 0x08 | 0x20, 0664, 0); // write, create, truncate
		costream.init(fostream, this.charset, 4096, 0x0000);
		var ret = cb.call(this, costream, fostream);
		costream.close();
		fostream.close();
		return ret;
	}
};
File.TempFile = function (prefix, suffix) {
	var name = [prefix, Math.floor(Math.random() * 0xffffff).toString(16), suffix].join(".");
	var file = Components.classes["@mozilla.org/file/directory_service;1"]
	                     .getService(Components.interfaces.nsIProperties)
	                     .get("TmpD", Components.interfaces.nsIFile);
	file.append(name);
	file.createUnique(Components.interfaces.nsIFile.NORMAL_FILE_TYPE, 0664);

	Components.classes["@mozilla.org/uriloader/external-helper-app-service;1"]
	          .getService(Components.interfaces.nsPIExternalAppLauncher)
	          .deleteTemporaryFileOnExit(file);

	return new File(file);
}

var tf = File.TempFile("foobar", "txt");
alert(tf);
tf.write("foobar");
alert(tf.read());

var foo = { 
    bar : "bar"
};
(function () {
    with (foo) {
        alert("normal+"+bar);
        function baz () {
            alert("function def."+bar); // opera だと reference error
        }
        baz();

        (function () {
            alert("function exp."+bar); // <del>opera だと reference error</del>
        })();
    }
})();

Fx と Safari では大丈夫。これは Opera のバグっぽい？ (Opera 9.24, 9.50 Beta 4591)

(function () {
    try {
        throw "hello";
    } catch (foo) {
        alert(foo);
        (function () {
            alert(foo);
        })();
    }
})();

./div/div のつもりで div/div って書くと INVALID っていわれる。ひどい……

• http://coderepos.org/share/browser/lang/javascript/userchrome/editonfavorite.uc.js

XPCOM あたりを触っていたのはこれを書くため……

コメント欄で教えてもらった IO オブジェクトを使うようにしたので Fx3 でしか動かないです。

It's All Text とか使ってたんですが、Fx3 に対応していないのと、なんかいろいろ挙動がいまいちだったので短く書きなおした感じです。

必須拡張機能のうち、自分で書けそうなやつで userChrome.js にできそうなやつは自分で書いたほうがいいですね。バージョンアップで動かなくなったら自分で直せるし (拡張機能になってると直すのめんどい……)、ノウハウたまるし……

だんだんインストールしてる拡張が減っていきます。

区別がつかなくても読めはするはず？ (むしろ、どれがプロパティで……どれがメソッドで……っていうのは定義とか考えるとめんどくさいよなぁ……)

このコードでまず重要なのは、s が何であるか、ということだけだから、そこから読めば疲れないんじゃないかなぁ。

• last_char はこの行で代入されているので、この先を読むにあたっては、この行さえ理解できれば、この前でどんな使われかたをされていようが関係ないし、先を読むのに必要なだけなのでとりあえず無視できる。
• charAt, length は、s のプロパティアクセスなのだから (ドット演算子があるから)、s が何かわかればそれのリファレンスを読めばなにかわかる。

このコードだけから推測すれば、charAt がある標準オブジェクトは String しかないので s は String だと思われる (s は String の s だとおもうし、last_char に代入してることからも、s は String だなぁというのが想像できる)

自分がこの行を読むときのプロセスは (かなり冗長にかくと)

1. last_char に代入してるなぁ
2. last_char って名前から右側でやってそうなことを想像
3. → 最後の文字が代入されるはず？
4. last_char という名前はいったん忘れる
5. s.charAt(s.length - 1) を頭にいれる
   1. ドットでくぎる
   2. s ってなんだろ (前からさがす)
   3. (この場合は前に定義がないので) charAt をよんでるし s だから String か
   4. charAt は位置を引数にとって文字を返すメソッドか (String のリファレンスよむ)
   5. 引数が s.length - 1 か
      1. s.length は s の長さか (String のリファレンスよむ)
      2. 長さ - 1 だから最後の文字の位置か
   6. s.charAt(s.length - 1) は最後の文字を取得か
6. last_char に代入か (もどってくる)
7. 最後の文字を取得して last_char に代入か
8. 「last_char は s の最後の文字」だけ覚えて次の行を読む……

脳内スタック多い人はもっと別の読みかたできそうだよあぁ……

XUL で UI つくりたいなぁってちょっと思ったんです。なんかいろいろやったんですがこうしたら一応できた。なんかもっと、スマートな方法がありそうだけど……

function openChromeWindow (xml, opts) {
	// create temporary content dir.
	var t = IO.getFile("Temp", "content" + Math.random() * 0xffff);
	t.createUnique(Components.interfaces.nsIFile.DIRECTORY_TYPE, 0700);

	// write manifest
	var f = IO.getFile("PrefD", "extensions");
	f.append("{1280606b-2510-4fe0-97ef-9b5a22eafe64}"); // userchromejs
	f.append("chrome.manifest");
	var prev = read(f);
	write(f, "content userchromejs file://" + t.path + "/\n");

	// write chrome xul
	var c = t.clone();
	c.append("temp.xul");
	c.create(Components.interfaces.nsIFile.NORMAL_FILE_TYPE, 0700);
	write(c, xml.toXMLString());

	// refresh chrome registry
	Components.classes["@mozilla.org/chrome/chrome-registry;1"]
	          .getService(Components.interfaces.nsIChromeRegistry)
	          .checkForNewChrome();

	// open
	window[opts.fun || "openDialog"]("chrome://userchromejs/content/temp.xul", opts.name || "temp", opts.opts || "chrome");

	// remove temp files and restore original
	t.remove(true);
	write(f, prev);

	// refresh chrome registry
	Components.classes["@mozilla.org/chrome/chrome-registry;1"]
	          .getService(Components.interfaces.nsIChromeRegistry)
	          .checkForNewChrome();


	function read (f) {
		var res = "", str, strm = IO.newInputStream(f, "text");
		while (str = strm.readString(4096)) res += str;
		strm.close();
		return res;
	}

	function write (f, str) {
		var strm  = IO.newOutputStream(f, "text");
		strm.writeString(str);
		strm.close();
	}
}

こんなふうにつかう

default xml namespace = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
openChromeWindow(
	<window>
		<script type="application/javascript">
			const prefs = Components.classes["@mozilla.org/preferences;1"]
			                        .getService(Components.interfaces.nsIPrefBranch);
			alert(prefs.getCharPref("browser.startup.homepage"));
		</script>
	</window>
);

• 一つのウィンドウとして開きたい
• chrome 特権を行使したい
  • chrome 特権を行使するには chrome: じゃないとだめらしい
  • chrome: は manifest かかないとだめらしい

nsIScriptableIO は XPCOM 直接使うよりは遙かにマシだけれど、なんかいまいちだよなぁ……さらにラッパを書きたくなるよ……

こう書きたい

var content = IO.openFile(f, "read text");
// 上と同じ
var content = IO.openFile(f, "read text", function (stream) {
    var res = [];
    while (str = strm.readString(4096)) res.push(str);
    return res.join("");
}); // 自動で close

IO.openFile(f, "write text", "content");
// or
IO.openFile(f, "write text", function (stream) {
    stream.writeString("content");
}); // 自動で close

なんであんなインターフェイスなんだろ……

E4X はデフォルトだと pi ノードを無視する。無視してほしくないときは

XML.ignoreProcessingInstructions = false;

する必要がある。でもって、これ true にしようが false にしようが

xml = <?xml-stylesheet href=""?>
      <window/>;

みたいなのは syntax エラーなので、こうする必要がある。

xml = <>
	<?xml-stylesheet href=""?>
	<window/>;
</>;

userChrome.js に対して拡張機能にまとめるメリットがいまいちわかってない……

• 複数ファイル使ったりとかの場合はむしろ必須
• 設定が Tools -> Add-ons からアクセスできる (という仕組みが用意されている)
• Mozilla Add-ons に登録できる

デメリット

• userChrome.js にくらべて作るのがめんどくさい
  • 一回 Rakefile 書けばすみそうだけど
• 気軽に書きかえられない
  • 書きかえてすぐコミット、とかができない
    • インストールしたあとにチェックアウトディレクトリへ symlink しなおせばいいだろうけど、それもめんどくさい (これは自分はいいけど、他の人がコミットしずらくなる)
• ↑とかぶるけど設定画面ちゃんと作らないと使えない

あと拡張機能の content とかを content.jar とかに圧縮してるけど、あれのメリットがよくわからない。書きかえにくくなって嫌だ……chrome.manifest も書きかえないといけないし……

なんか小数点以下の扱いに問題ありそう (縮小時だけ)

• http://coderepos.org/share/browser/lang/javascript/blosxom.rhino/ejs.js

コンパイル時間はともかく、実行時間が replace による簡単な置換の2倍程度まではやくなった。

COUNT = 500;

var t = "aaaa<%=s.foo%>bbbbb<%=s.bar%>ccc";
var e = EJS(t);
var f = EJS(t, {useWith:true});
var m = {foo:"test", bar:"foobar"};
var b = [
	function compile () {
		EJS(t);
	},
	function processing () {
		e.run(m);
	},
	function processing_with_with () {
		f.run(m);
	},
	function replace () {
		t.replace(/<%=s\.(\w+)%>/, function (_,a) {
			return m[a];
		});
	}
];


for (var i = 0; i < b.length; i++) {
	var fun = b[i];
	print(fun.name);
	var res = 0;
	for (var j = 0; j < COUNT; j++) {
		var now = (new Date).getTime();
		fun();
		res += (new Date).getTime() - now;
	}
	print(res + "ms / " + (res/COUNT) + "ms");
};

Spidermonkey
compile
283ms / 0.566ms
processing
25ms / 0.05ms
processing_with_with
37ms / 0.074ms
replace
12ms / 0.024ms

Rhino
compile
5094ms / 10.188ms
processing
500ms / 1ms
processing_with_with
670ms / 1.34ms
replace
279ms / 0.558ms

ejs.js の高速化より Spidermonkey と Rhino の速度差のほうに驚いた

• 謎な環境で eval される。
  • Component.classes とかはもちろんあるけど、IO はない。alert もない (めんどす)
• Components.utils.import の第二引数を省略すると、現在の名前空間に import される (これどうやってるんだろ)
  • ( http://d.hatena.ne.jp/ku0522/20071227/1198720903 )
  • 第二引数かかないとこっちが汚染される?
• resource Protocol の setSubstitution に http: を指定して import しようとすると失敗する?
  • セキュリティ的な問題?
  • 単になんか他の部分でヘマしてる?
  • ( http://mxr.mozilla.org/firefox/source/js/src/xpconnect/loader/mozJSComponentLoader.cpp#1409 ローカルファイル決めうち)
• なんか instanceof がうまくいかない
  • 謎な環境なせいで prototype のオブジェクトが別になってる?

とりあえず File のユーティリティをちょこっと (名前空間とかまだちゃんと考えてないのでサンプル程度に) 書いてみた。なんかすぐ影響力のでかい人 (海外の) とかが別の作りそうで気がすすまない (無駄になる気がする)

• http://svn.coderepos.org/share/platform/gecko/jsm/file.jsm

Components.classes["@mozilla.org/network/io-service;1"]
          .getService(Components.interfaces.nsIIOService)
          .getProtocolHandler("resource")
          .QueryInterface(Components.interfaces.nsIResProtocolHandler)
          .setSubstitution("coderepos.org", IO.newURI("file:///Users/cho45/coderepos/platform/gecko/jsm/"));
          // .setSubstitution("coderepos.org", IO.newURI("http://svn.coderepos.org/share/platform/gecko/jsm/"));
Components.utils.import("resource://coderepos.org/file.jsm");

var file = IO.getFile("Temp", "test.txt")
File.write(file, "foobar");
alert(File.read(file)); //=> foobar

File.open("/tmp/hoge.txt", "write text", function (stream) {
    stream.writeString("foobarbaz");
});

これテストコードどうやって書けばいいんだ…… MozRepl ?

どうでもいいけど↓の「jsm メモ」を、用語も何もしらない気持ちで読むとなんか笑ってしまう。

• どこにリソースほぞんするか
  • resource ディレクトリだと特権もってないユーザが起動したときこまる
  • profile のどっかなのかなぁやぱ
• resource: でどこにわりあてるか
  • ドメイン (どこのドメイン?) + なんちゃら
• すぐに使えるように、ダウンロードを自動でやるやつ (ないとめんどくさくて使えないよね……)
  • 安全じゃない
• テスト方法
• コンセプト
  • jslib みたいに完全なラッパにしない (nsIFile とか、nsIScriptableIO とかはできるかぎり活用する)
  • めんどくさいし、他の XPCOM のラッパを全部書かなくても十分つかえるから
• とっかかりをどうするか
  • 管理する Add-on つくる ← 嫌 (ユーザにはどんなライブラリを使っているかなんて関係ないから)
  • 一関数にまとめてそれだけコピペ (どんぐらい短かくできる?)

もうほんとどうしよもないところでハマったりするので Mac でも 1.8.6 を常用することにした……

sudo rm -rf /usr/lib/ruby/gems 
sudo port install ruby
exec zsh (パスとおしなおし)
wget http://rubyforge.org/frs/download.php/29548/rubygems-1.0.1.tgz
tar xzvf rubygems-1.0.1.tgz
cd rubygems-1.0.1
sudo ruby setup.rb
sudo gem install resh

/opt/local/bin/ruby install.rb config --build-universal=yes
(in /Users/cho45/project/rubycocoa/src)
install.rb: entering config phase...
create ext/rubycocoa/extconf.rb
create framework/GeneratedConfig.xcconfig
create framework/src/objc/Version.h
create tests/Makefile
---> framework
create /Users/cho45/project/rubycocoa/src/framework/src/objc/osx_ruby.h ...
create /Users/cho45/project/rubycocoa/src/framework/src/objc/osx_intern.h ...
BSROOT="/Users/cho45/project/rubycocoa/src/framework/bridge-support" CFLAGS="-arch ppc -arch i386 -isysroot /Developer/SDKs/MacOSX10.4u.sdk" /opt/local/bin/ruby build.rb
Generating BridgeSupport metadata for: WebKit ...
./gen_bridge_metadata.rb:1800:in `compile_and_execute_code': Can't compile C code... aborting (RuntimeError)
command was: gcc  /tmp/src-0-28704.m -o /tmp/bin-0-28704 -F"/System/Library/Frameworks" -framework WebKit -framework Foundation  -include /tmp/src-0-28704.h  2>/tmp/log-0-28704

/usr/bin/ld: /System/Library/Frameworks/WebKit.framework/WebKit load command 20 unknown cmd field
collect2: ld returned 1 exit status
	from ./gen_bridge_metadata.rb:1051:in `collect_types_encoding'
	from ./gen_bridge_metadata.rb:521:in `collect'
	from build.rb:101
	from build.rb:50:in `measure'
	from build.rb:101
	from build.rb:62:in `each'
	from build.rb:62
config failed
hook /Users/cho45/project/rubycocoa/src/framework/post-config.rb failed:
'system BSROOT="/Users/cho45/project/rubycocoa/src/framework/bridge-support" CFLAGS="-arch ppc -arch i386 -isysroot /Developer/SDKs/MacOSX10.4u.sdk" /opt/local/bin/ruby build.rb' failed
try 'ruby install.rb --help' for usage
rake aborted!
Command failed with status (1): [/opt/local/bin/ruby install.rb config --bu...]
/Users/cho45/project/rubycocoa/src/rakefile:26
(See full trace by running task with --trace)

AS3 と自分との相性がことごとく悪いので canvas でかるくおえかきツールみたいなのをつくってみたけど、うまく実装できないなぁ。undo したいから、直近の数パスは保存しておかないといけない。canvas は直接書いてしまうから (オブジェクトをおいていくわけじゃない)、自分で再描画をコントロールしないといけない。でもって、書きはじめてから生成されたパスを、mousemove ごとに毎回全部再描画すると、割とすぐに重くなって使えない。

toDataURL つかってスナップショットをとりながら描画するようにしてみたけど、なんかこのへんでつかれた。ボタンとか作るのめんどいし、あまりにもクロスブラウザじゃないすぎる……

わりとどうでもいいけど toDataURL って名前おかしくないのかな。Locater じゃないと思う。

常にこう書くことにした。

for (var k in obj) if (obj.hasOwnProperty(k)) {
    alert(obj[k]);
}

今までは

for (var k in obj) {
    if (!obj.hasOwnProperty(k)) continue;
    alert(obj[k]);
}

とか書いてたけど、! を書くのを忘れて、いったりきたりしてしまうのでめんどかった。

ちなみに

for (var k in obj) {
    if (obj.hasOwnProperty(k)) {
        alert(obj[k]);
    }
}

はインデントが増えるから嫌だ。

hasOwnProperty は長いけど、慣れれば (主に autocomplpop.vim のおかげで) 気にならない。

http://coderepos.org/share/browser/lang/ruby/misc/update-userscript.org.rb

userscripts.org をコマンドラインから更新するためのツール user.js みたいなのをつくるとしたら、はたして JS on Rhino と rubygems だとどっちのほうがいいんだろう、とおもった。(gem のほうがいいとおもう)

そういえば、Opera は公式みたいなところに user.js 配布するところあるのかな

rake が、あるファイルの、うめこまれた Rakefile を解釈する、みたいな機能をもってると便利だよなぁ

rake -f foo.user.js publish

とかできるようになるとうれしい。

と、まで書いたところで、Rakefile ってただの ruby スクリプトだから工夫したらできるよなと思ってやってみた。

• http://coderepos.org/share/browser/lang/javascript/userscripts/voxeditingwithwysiwygorh.user.js?

ようは user.js でもあり ruby でもあるコードをかけばいい

// ; <<EOF # Embed Rakefile
// ==UserScript==
// @name        Vox Editing with WYSIWYG or HTML alternately
// @namespace   http://lowreal.net/
// @include     http://www.vox.com/compose*
// ==/UserScript==

ここに JS コード

/*
EOF
# ↑ ここまでヒアドキュメント

# ここに Ruby コード。
# ただし */ は書けないので正規表現リテラルかくときは注意しないといけない

desc "upload to userscripts.org"
task :release do
    foo...bar....
end

# ↓ JS のコメントアウトをとじる
# */

Ruby では // はコメントではなく正規表現リテラル。ヒアドキュメントで JS コードをスキップさせてる。

もちろん、このままだと DRY じゃなくてダサいので、rubygems とかに userscripts.org を操作するライブラリをあげて (rubyforge みたいな)、それを使うようにたらよさそう。(require "userjs/raketasks" みたいな)

\0 があるとそこでとめられてしまう……

無駄になったコードこぺ

	function multipart(data) {
		var ret = [], boundary = createBoundary();
		for (var k in data) if (data.hasOwnProperty(k)) {
			var list = data[k];
			for (var i = 0; i < list.length; i++) {
				var obj = list[i];
				if (obj.filename) {
					ret.push(
						'--' + boundary,
						'Content-Disposition: file; name="'+k+'"; filename="'+obj.filename+'"',
						'Content-Type: '+obj.contentType,
						'',
						obj.content
					);
				} else {
					obj = String(obj);
					ret.push(
						'--' + boundary,
						'Content-Disposition: form-data; name="'+k+'"',
						'',
						obj
					);
				}
			}
		}
		ret.push('--' + boundary + '--', '');
		return {
			contentType : "multipart/form-data; boundary=" + boundary,
			data: ret.join("\r\n")
		};

		function createBoundary () {
			return "B"+Math.floor(0x1000000 + Math.random() * 0xffffff).toString(16);
		}
	}

なんか右クリックすると Open Selection Links in Tabs が暴発することがかなりある…… たぶん右クリックメニューの挙動が変なんだろうけど、セレクションがないのにセレクションがあると勘違いするバグとの相乗効果でかなり困る。何がわるいんだろ……