ページ内要素のドラッグでウィンドウうごかす http://lab.lowreal.net/test/mmm.html

なんかもっとおもしろいことできそうだなぁ。うざくならない程度におもしろいのがしたい。

ひどかった。海老名で途中下車

あんま写真撮ってるとき (外にいるとき) に神経質になりたくないので RAW で撮っております。階調と被写界深度だけ気をつけてホワイトバランスとかカラー設定とかあとからどうにかなる部分は全部オートです。撮って出しに価値があるように思わないなぁ。連続撮影枚数超えるような撮影するようになったら違うのかなぁ……

RAW 読みこみデフォルト (カメラ側の AWB がかかってる)

ホワイトバランス修正で全体的な雰囲気をイメージに合せる

ホワイトバランス以外の修正で部分的な雰囲気をイメージに合わせる

なんなんだっっっっ

Lightbox って自分は結構便利なんだよなぁ。批判的な意見みたときびっくりしたぐらいだった (結構最近見ますね。増田で今日も見たからなんとなく書いてみたくなった)。

画像が大量にあるページで一個ずつ画像見るとき、戻って次っていう操作がかなり煩わしくて、Lightbox なしだと、

1. 画像にマウスカーソルをあわせて中クリックで別タブで開く
2. C-w で閉じる
3. 次の画像をマウスカーソルで選んで……

をくりかえしたり、

1. 普通に画面遷移させて同じタブでみる
2. Backspace で戻る
3. 次の画像をマウスカーソルで選んで……

をやったりするんだけど、これ、開く操作と閉じる操作・次の画像を見る操作、っていうのがいちいち違うので手の動きが増えてめんどうくさくて、あといちいち元のページが視界から消えてしまうので次の画像を選ぶとき毎回迷う……

でもって、まともに Lightbox が設定されたページだと、最初の一つをマウスでクリックして開けば、次の画像みるときワンクリックなりワンキーなので楽だなーって感じだなぁ。

あと、Lightbox が設定されていれば、Greasemonkey で表示方法とかこっちで変えて、一括で開くとか勝手にやりやすいので、(メタデータ普及的な意味で) 使われてる分にはもっとやれって感じだなー。(lightbox っていう名前がメタデータとしてどうなのとかは別にして)

	var walker = document.createTreeWalker(
		document.body,
		NodeFilter.SHOW_TEXT,
		{
			acceptNode : function (node) {
				return NodeFilter.FILTER_ACCEPT;
			}
		},
		false
	);

	var hits = [];

	while (walker.nextNode()) {
		var node = walker.currentNode;
		var str  = walker.currentNode.nodeValue;
		var m    =  /(\d{4})-(\d\d)-(\d\d)|(\d+)年(\d+)月(\d+)日/.exec(str);
		if (m) {
			var time = new Date(
				+(m[1] || m[4]),
				+(m[2] || m[5]) - 1,
				+(m[3] || m[6])
			);

			hits.push({
				match: m,
				node: node,
				date: time
			});
		}
	}

	for (var i = 0, len = hits.length; i < len; i++) {
		var m    = hits[i].match;
		var node = hits[i].node;

		var surround = document.createElement("span");

		var range = document.createRange();
		range.setStart(node, m.index);
		range.setEnd(node, m.index + m[0].length);
		range.surroundContents(surround);

		var info = document.createElement("span");
		var style = info.style;
		style.position = "relative";
		style.top      = "-0.5em";
		style.fontSize = "80%";

		var diff = (new Date()).getTime() - hits[i].date.getTime();
		day = Math.floor(diff / 1000 / 60 / 60 / 24);
		info.appendChild(document.createTextNode("("+day+"日前)"));
		surround.appendChild(info);
	}

obsolete フラグ を見ていて、とりあえず相対時間表示がほしいなぁとおもったので userscript かいた。けど、なんか日本語が Greasemonkey でうまいことマッチしなくてめんどくなった……

TreeWalker で nextNode よんでるところと、実際 DOM を操作しているところを別にしているのは、DOM で子要素にまたマッチするノードを追加したりすると、nextNode() でそれがヒットしてっていう無限ループになるからです (なんか回避策あるのかな)。あとは普通に Range つくってるだけ…… クロスブラウザとか考えたらこんな簡単には書けないだろうなぁ

	var walker = document.createTreeWalker(
		document.body,
		NodeFilter.SHOW_TEXT,
		{
			acceptNode : function (node) {
				return NodeFilter.FILTER_ACCEPT;
			}
		},
		false
	);

	var node = walker.nextNode();
	while (node) {
		var str  = node.nodeValue;
		var m    =  /(\d{4})-(\d\d)-(\d\d)|(\d+)年(\d+)月(\d+)日/.exec(str);
		var next = walker.nextNode();
		if (m) {
			var time = new Date(
				+(m[1] || m[4]),
				+(m[2] || m[5]) - 1,
				+(m[3] || m[6])
			);

			var surround = document.createElement("span");

			var range = document.createRange();
			range.setStart(node, m.index);
			range.setEnd(node, m.index + m[0].length);
			range.surroundContents(surround);


			var info = document.createElement("span");
			var style = info.style;
			style.position = "relative";
			style.top      = "-0.5em";
			style.fontSize = "80%";

			var diff = (new Date()).getTime() - time.getTime();
			day = Math.floor(diff / 1000 / 60 / 60 / 24);
			info.appendChild(document.createTextNode("("+day+"日前)"));
			surround.appendChild(info);
		}
		node = next;
	}

• http://userscripts.org/scripts/show/25416

ヒストグラムみたいなーっておもって、どっかに画像なげるだけで表示してくれる API ないかなーっておもったけど、それっぽいのが見当らなかったので、つくった。

http://d.hatena.ne.jp/nitoyon/20071009/as3_histogram1 をまんまパクって、RGB それぞれ表示してるだけです。

Photoshop の RGB ヒストグラムはグレースケールじゃなくて平均?をとっているっぽいけど、フィルタ一発でどうやるのかわからなかったのでやめた。(あんまりみないし)

• http://nicovideo.g.hatena.ne.jp/cho45/
• http://coderepos.org/share/browser/lang/javascript/userscripts/hatena.diary.nicovideofullscreen.user.js?