27 posts from 2006

Show us the clock you'll be watching tonight.

Watching MacBook Clock

img_234005, originally uploaded by cho45.

The sight through pinhole is like it in a dream.

Freesia is one of flowers I love. She is neat and clean. I feel she says "I like sad songs."

Have a good dream.

freesia, 50mm f/1.8, developed raw

Recently, It is well known thing that many girls come out of the normal washers in normal homes. Have you ever seen?

I saw a girl from my washer yesterday, too. She said, 'Good Bye', to me. I can't know the mean of the words. I'm anxious about not seeing her again...

What were your New Year's resolutions for 2006?  How did you do?

I wanted independence. I've not got it yet.

I wanted to find my ways to live at least in this year. I'm feeling it appears faintly now, but I have to see it more clearly.

Update:
This script is now committed in CodeRepos: http://coderepos.org/share/browser/lang/javascript/userscripts/voxeditingwithwysiwygorh.user.js

I wrote a greasemonkey script for editting HTML directly on Vox composing view.

I'm sometimes not able to edit with WYSIWYG smartly. In a case like that, I want to edit HTML directly.

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

(function () {
	var iframe = $X('//iframe[contains(@src, "editor-content.html")]')[0];
	var textarea = $N('textarea', {
		cols:'30', 
		rows:'10',
		style: <>
			width      : {iframe.offsetWidth + 'px'};
			height     : {iframe.offsetHeight + 'px'};
			display    : none;
			background : #eee;
			z-index     : 500;
		</>.replace(/\n/g, ''),
		}, 'test');
	iframe.parentNode.insertBefore(textarea, iframe);

	var toggle = $N('div', {
		style: <>
			width: 3em;
			text-align: center;
			margin: 0.5em 0 -0.5em 0;
			padding: 0 0.5em;
			background: #000;
			color: #fff;
			z-index: 999;
		</>.replace(/\n/g, '')
	}, 'Toggle');
	toggle.addEventListener('click', function (e) {
		if (iframe.style.display == 'none') {
			iframe.style.display = 'block';
			textarea.style.display = 'none';
			iframe.contentDocument.body.innerHTML = textarea.value;
		} else {
			iframe.style.display = 'none';
			textarea.style.display = 'block';
			textarea.value = iframe.contentDocument.body.innerHTML;
		}
	}, false);
	var area = document.getElementById('compose-entry');
	area.parentNode.insertBefore(toggle, area);


	/* template functions  */
	function log () {
		var c = unsafeWindow.console;
		if (c) c.log.apply(c, arguments);
	}

	function $N(name, attr, childs) {
		var ret = document.createElement(name);
		for (k in attr) {
			if (!attr.hasOwnProperty(k)) continue;
			v = attr[k];
			if (k == "class") {
				ret.className = v;
			} else {
				ret.setAttribute(k, v);
			}
		}
		switch (typeof childs) {
			case "string": {
				ret.appendChild(document.createTextNode(childs));
				break;
			}
			case "object": {
				for (var i = 0, len = childs.length; i < len; i++) {
					var child = childs[i];
					if (typeof child == "string") {
						ret.appendChild(document.createTextNode(child));
					} else {
						ret.appendChild(child);
					}
				}
				break;
			}
		}
		return ret;
	}

	function $X(exp, context) {
		if (!context) context = document;
		var resolver = function (prefix) {
			var o = document.createNSResolver(context)(prefix);
			return o ? o : (document.contentType == "text/html") ? "" : "http://www.w3.org/1999/xhtml";
		}
		var exp = document.createExpression(exp, resolver);

		var result = exp.evaluate(context, XPathResult.ANY_TYPE, null);
		switch (result.resultType) {
			case XPathResult.STRING_TYPE : return result.stringValue;
			case XPathResult.NUMBER_TYPE : return result.numberValue;
			case XPathResult.BOOLEAN_TYPE: return result.booleanValue;
			case XPathResult.UNORDERED_NODE_ITERATOR_TYPE: {
				result = exp.evaluate(context, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
				var ret = [];
				for (var i = 0, len = result.snapshotLength; i < len ; i++) {
					ret.push(result.snapshotItem(i));
				}
				return ret;
			}
		}
		return null;
	}
})();

Audio:  Share one of your favorite songs from 2006.

Apple Star StoryS (only DVD size version of 'Most beautiful in the world' including)  from Good Dog Hapy Men. It's recorded on live. It can sense they are enjoying.

IMG_2134, originally uploaded by cho45.

My friend shouted 'pinhole camera!!' on IRC.

It reminds me of my handcrafted pinhole camera when I was in junior high school. It only used cardboard, black liquid ink and aluminum can. It used photographic paper directly (the paper is negative, after development, exposing new paper with the neg)

Today, I use a digital camera for taking pictures. So, I made a pinhole lens for it.

One of result photo using it is above. ( ISO-1600 (noisy) / under bulb light / 25sec (TV))

As using a digital camera, it's easy to use pinhole lens. The camera calculates rough exposure time and releases clockwork shutter speed.

Tools for pinhole

MacBook through pinhole

flower by window

a dog

out through window

を作ろうと思ったのだけど、greasemonkey スクリプト内に text-hatena.js をコピペしたところ Compose 画面で Fx が瞬間で落ちるようになってしまったので断念した。いろいろ考えられる理由がありすぎて原因を追うのが面倒くさい。毎回再起動しないといけない。

でもってそれは諦めて、常に iframe 内の innerHTML をいぢれるように textarea を配置してみたのだけど、iframe の上に textarea をおくとキャレットが表示されなくなってしまって使えない (OS X, Fx2.0)。回避法を模索中

それと、pre でソースコード挿入するとき、シンタックスハイライトをしようと思って昔作ったやつをひっぱりだしたけど、UI 実装するのが面倒くさくてまだやっていない。Vox の JS は圧縮されて読みにくいので自己実装したほうがはやいのだけど、それだと UI がちょっと変わってキモイのでどうしようとかいう悩み。

頭使わないで書くというアレが崩れそうなので深入りしないようにしよう。

After reading 【Vox使い方講座】アカウント設定で世界旅行！, you may want to change the language setting more easily.

I wrote a greasemonkey script for changing the setting on one click.

// ==UserScript==
// @name        Vox Change Lang on one click
// @namespace   http://lowreal.net/
// @include     http://*.vox.com/*
// @exclude     http://*.vox.com/*editor-content.html
// ==/UserScript==


(function () {
	const SHOW_LANGS = [
	'en',
	'fr',
	'ja',
	];
	var area = $N('div', {
		style: [
			'position: absolute',
			'top: 0',
			'right: 0',
			'background: #000',
			'color: #fff',
			'padding: 0.2em 1em',
			'font-size: 14px',
		].join(';')
	});
	SHOW_LANGS.forEach(function (l) {
		var ll = $N('a', {
			href:'javascript:void("fumino")',
			style: 'color: #fff',
		}, l);
		ll.addEventListener('click', function (e) {
			set_lang(l);
		}, false);
		area.appendChild(ll);
		area.appendChild(document.createTextNode(' '));
	});
	document.body.appendChild(area);

	function params2data(params) {
		var data = [];
		for (name in params) {
			if (!params.hasOwnProperty(name)) continue;
			if (!name) continue;
			params[name].forEach(function (i) {
				data.push(name+'='+encodeURIComponent(i));
			});
		}
		log(data);
		data = data.join('&');
		return data;
	}

	function set_lang(lang) {
		log('set lang to ' + lang);
		GM_xmlhttpRequest({
			method: "GET",
			url: 'http://www.vox.com/account/info',
			onload: function (req) {
				var t = $N('div');
				t.innerHTML = req.responseText;

				var params = {};
				['input', 'select', 'textarea'].forEach(function (i) {
					$X('.//form[@id="account-info"]//'+i, t).forEach(function (i) {
						var name  = i.name;
						var value = i.value;
						if (!params[name]) params[name] = [];
						params[name].push(value);
					});
				});
				params['locale'] = [lang];
				delete params['cancel'];
				log('%.o', params);

				var data = params2data(params);

				GM_xmlhttpRequest({
					method: "POST",
					url: 'http://www.vox.com/account/info',
					headers : {
						"Content-Type":"application/x-www-form-urlencoded"
					},
					data: data,
					onload: function (req) {
						location.reload();
					}
				});
			}
		});
	}


	/* template functions  */
	function log () {
		var c = unsafeWindow.console;
		if (c) c.log.apply(c, arguments);
	}

	function $N(name, attr, childs) {
		var ret = document.createElement(name);
		for (k in attr) {
			if (!attr.hasOwnProperty(k)) continue;
			v = attr[k];
			if (k == "class") {
				ret.className = v;
			} else {
				ret.setAttribute(k, v);
			}
		}
		switch (typeof childs) {
			case "string": {
				ret.appendChild(document.createTextNode(childs));
				break;
			}
			case "object": {
				for (var i = 0, len = childs.length; i < len; i++) {
					var child = childs[i];
					if (typeof child == "string") {
						ret.appendChild(document.createTextNode(child));
					} else {
						ret.appendChild(child);
					}
				}
				break;
			}
		}
		return ret;
	}

	function $X(exp, context) {
		if (!context) context = document;
		var resolver = function (prefix) {
			var o = document.createNSResolver(context)(prefix);
			return o ? o : (document.contentType == "text/html") ? "" : "http://www.w3.org/1999/xhtml";
		}
		var exp = document.createExpression(exp, resolver);

		var result = exp.evaluate(context, XPathResult.ANY_TYPE, null);
		switch (result.resultType) {
			case XPathResult.STRING_TYPE : return result.stringValue;
			case XPathResult.NUMBER_TYPE : return result.numberValue;
			case XPathResult.BOOLEAN_TYPE: return result.booleanValue;
			case XPathResult.UNORDERED_NODE_ITERATOR_TYPE: {
				result = exp.evaluate(context, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
				var ret = [];
				for (var i = 0, len = result.snapshotLength; i < len ; i++) {
					ret.push(result.snapshotItem(i));
				}
				return ret;
			}
		}
		return null;
	}


})();

This shows language links on right-top of your window. (after clicked the link, wait for reloading)