2011.08.02 | 

こんにちは、kaminalyです。
やっとメモる時間を取れました。

案件で、JSを使って円グラフを表示してほしいという要望がありまして、
しかも、IEも対応しなければいけなかったので、
SVG/VMLで描画するRaphaëlを使うことにしました。

(続きを読む...)

2011.07.21 | 

こんにちは。kaminalyです。
今日は、ツイッターの検索でハマった件についてメモメモ。

ハッシュタグ+日本語のワードで検索した結果を使いたいんだけど、
以外とうまくいかなかったのです。

ハマりポイントは、
「ツイッタの検索エンジンは日本語のインデックスに癖がある」
「ツイッタの検索窓と、apiでは挙動が違う」
の2点です。

(続きを読む...)

2011.07.14 | 

こんにちは。kaminalyです。
webの世界で神様だ~れと言われたら、どんな人たちを思い浮かべますか?
わたくしは、その中の一人にMr.doobを思い浮かべます。

Mr.doobはずいぶん前からFlashで面白い(難しい)表現のネタを自身のサイトで公開していましたが、
最近はHTML5やJS、WebGLのネタが多くなりました。
http://mrdoob.com/

彼の関わった作品のなかで、とくに好きなのがインタラクティブなミュージック ビデオです。
過去に2作品公開されていますが、どちらも素晴らしい作品でした。
1つ目はインタラクティブとは言えないかもしれませんが、webならではの作品です。
2つ目は日本でも話題になった映し鏡の元ネタとなったであろう作品です。
http://www.thejohnnycashproject.com/
http://www.thewildernessdowntown.com/

そして、最新のミュージック ビデオが先月あたりに公開されていたようです。その内容も度肝を抜かれるものでした。

ぜひこの世界感を体感して下さい。
ROME
※このサイトはクロームでのみ再生できます。

テクノロジーに関する情報も豊富です。ソースコードも公開されてます。さすがGoogle!
このページにある、MODEL VIEWERも、やんごとなき出来栄えなのでチェックしたらよろし。
テクノロジーに関するページ

さて、彼のようになるには、何を食べたらいいのだ?

2011.07.07 | 

こんばんは。kaminalyです。
先週turntable用のブックマークレットを公開しました。
※あの後さらに自動スキップも実装し、devjamチームは全員ゴリラに変身する能力を得たのだった。

ブックマークレットで思い出したネタがあったのでメモることにした。
以前にブックマークレットのスタートアップコードを準備していたので公開します。

※jQueryを使いたくなる事が多いので読み込む仕様になっています。


javascript:(
	function(){
		var s=document.createElement('script');
		s.type='text/javascript';
		s.onload=b;
		s.src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';
		document.body.appendChild(s);

		function b(){
			var $=jQuery.noConflict(true);
			//ここから実装スタート
		}
	}
)();

実装が終わったら、
JavaScriptとCSSを圧縮・軽量化するオンラインツール集
で紹介されているような圧縮ツールを使って1行にまとめればOKさ。

2011.06.28 | 

やぁ、みなさん。徹夜な日々をいかがお過ごしでしょうか?
もっぱらturmtableで音楽を聴きながら作業をしているkaminalyです。

さて、なにやら米国からのアクセス以外はじくようになってしまったturntableですが、
そんなの串させばよいだけなので、その事にはふれませんw

今回の変更で実装も少し変ったようで、
海外製のクロームのエクステンション/ブックマークレットがエラー吐きまくりで
主に使っていた自動イイネが使えなくなってもうた。

しょうがないので、自前でブックマークレットを用意した。
海外のは色々と機能があったんだけど、
使うのはAuto Awesomeだけなので、それだけの機能しか付けてない。


javascript:(function(){
	$("#top-panel + div a").each(function(){
		if($(this).position().left == 370){
		var t, a = $(this),e = $.Event("click");
		e.pageX = 400;
		e.pageY = 600;
		setInterval(function(){
		var s = $("#songboard_title").text().split("-");
			if(s.length == 2){
				s = s[0];
			} else if(s[1].search(/^[0-9 :]$/) != -1) {
				s = s[2] + s[0];
			} else {
				s = s[1];
			}
			if(t != s){
				t = s;
				a.trigger(e);
			}
		},60000);
		}
	});
})();

仕様変更があったらすぐに動かなくなりそうですが(汗
その時はまた書いたらいいのさw

AutoAwesomeなブックマークレット
上のリンクをブックマークして、ルームに入ったらブックマークしたリンクを押すだけです。
部屋を移ったりしたら切れるので、再度押してください。

ではでは。