<h3>今期アニソン</h3>
Elements Garden まくってるね＞＜。好きだから良いんだけど。というわけで私的今期のトップ3はこんな感じ。
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B0010B00U8/hatena-hamazou-22/"><img src="https://images-fe.ssl-images-amazon.com/images/I/51-QUX7RJPL._SL160_.jpg" alt="STARCAMP EP" title="STARCAMP EP"></a>
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B0010B00U8/hatena-hamazou-22/">STARCAMP EP</a>
<ul>
<li>アーティスト: 水樹奈々</li>
<li>出版社/メーカー: KINGRECORDS.CO.,LTD(K)(M)</li>
<li>発売日: 2008/02/06</li>
<li>メディア: CD</li>
<li>購入: 3人 クリック: 246回</li>
<li><a href="http://d.hatena.ne.jp/asin/B0010B00U8">この商品を含むブログ (156件) を見る</a></li>
</ul>
きらきら感によわいんすよ！！
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000ZZFZBE/hatena-hamazou-22/"><img src="https://images-fe.ssl-images-amazon.com/images/I/61DkhfX-PwL._SL160_.jpg" alt="リフレクティア" title="リフレクティア"></a>
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000ZZFZBE/hatena-hamazou-22/">リフレクティア</a>
<ul>
<li>アーティスト: eufonius</li>
<li>出版社/メーカー: Lantis</li>
<li>発売日: 2008/01/23</li>
<li>メディア: CD</li>
<li>購入: 3人 クリック: 99回</li>
<li><a href="http://d.hatena.ne.jp/asin/B000ZZFZBE">この商品を含むブログ (84件) を見る</a></li>
</ul>
eufonius また一皮むけた感じ！！
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000ZZFZA0/hatena-hamazou-22/"><img src="https://images-fe.ssl-images-amazon.com/images/I/61UcaMkk-SL._SL160_.jpg" alt="跪くまで5秒だけ!" title="跪くまで5秒だけ!"></a>
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B000ZZFZA0/hatena-hamazou-22/">跪くまで5秒だけ!</a>
<ul>
<li>アーティスト: 橋本みゆき</li>
<li>出版社/メーカー: ランティス</li>
<li>発売日: 2008/01/23</li>
<li>メディア: CD</li>
<li>クリック: 11回</li>
<li><a href="http://d.hatena.ne.jp/asin/B000ZZFZA0">この商品を含むブログ (24件) を見る</a></li>
</ul>
いかにも畑亜貴全開な歌詞＞＜。B面もいいですね。

今期アニソンElements Garden まくってるね＞＜。好きだから良いんだけど。というわけで私的今期のトップ3はこんな感じ。STARCAMP EPSTARCAMP EPアーティスト: 水樹奈々出版社/メーカー: KINGRECORDS.CO.,LTD(K)(M)発売日: 2008/02/06メディア: CD購入: 3人 クリック: 246回この商品を含むブログ (156件) を見るきらきら感によわいんすよ！！リフレクティアリフレクティアアーティスト: eufonius出版社/メーカー: Lantis発売日: 2008/01/23メディア: CD購入: 3人 クリック: 99回この商品を含むブログ (84件) を見るeufonius また一皮むけた感じ！！跪くまで5秒だけ!跪くまで5秒だけ!アーティスト: 橋本みゆき出版社/メーカー: ランティス発売日: 2008/01/23メディア:

今期アニソンElements Garden まくってるね＞＜。好きだから良いんだけど。というわけで私的今期のトップ3はこんな感じ。STARCAMP EPSTARCAMP EPアーティスト: 水樹奈々出版社/メーカー: KINGRECORDS.CO.,LTD(K)(M)発売日: 2008/02/06メディア: CD購入: 3人 クリック: 246回この商品を含むブログ (156件) を見るきらきら感によわいんすよ！！リフレクティアリフレクティアアーティスト: eufonius出版社/メーカー: Lantis発売日: 2008/01/23メディア: CD購入: 3人 クリック: 99回この商品を含むブログ (84件) を見るeufonius また一皮むけた感じ！！跪くまで5秒だけ!跪くまで5秒だけ!アーティスト: 橋本みゆき出版社/メーカー: ランティス発売日: 2008/01/23メディア: CDクリック: 11回この商品を含むブログ (24件) を見るいかにも畑亜貴全開な歌詞＞＜。B面もいいですね。

今期アニソン

<h3>rails 1系でURLの一段目の階層のみ最後に / をつける</h3>
<pre><code>#http://example.com/foo
http://example.com/foo/

#http://example.com/foo?bar=baz
http://example.com/foo/?bar=baz
</code></pre>
みたいにしたいときのスマートな解決法が無い、と思う。 routes を弄る。
わおーBK…＼(^o^)／。
<pre><code>class ActionController::Routing::Route
 URL_MATCH_WITH_SLASH_RE = %r{^/[^/]+$}
 def path_hook(path)
 path &#x3C;&#x3C; '/' if path &#x26;&#x26; path.match(URL_MATCH_WITH_SLASH_RE)
 path
 end

 def write_generation
 body = "expired = false\n#{generation_extraction}\n#{generation_structure}"
 body = "if #{generation_requirements}\n#{body}\nend" if generation_requirements
 args = "options, hash, expire_on = {}"
 raw_method = method_decl = "def generate_raw(#{args})\npath = begin\n#{body}\nend\n[path_hook(path), hash]\nend"
 instance_eval method_decl, "generated code (#{__FILE__}:#{__LINE__})"
 method_decl = "def generate(#{args})\npath, hash = generate_raw(options, hash, expire_on)\nappend_query_string(path, hash, extra_keys(hash, expire_on))\nend"
 instance_eval method_decl, "generated code (#{__FILE__}:#{__LINE__})"
 method_decl = "def generate_extras(#{args})\npath, hash = generate_raw(options, hash, expire_on)\n[path, extra_keys(hash, expire_on)]\nend"
 instance_eval method_decl, "generated code (#{__FILE__}:#{__LINE__})"
 raw_method
 end
end
</code></pre>

rails 1系でURLの一段目の階層のみ最後に / をつける#http://example.com/foo
http://example.com/foo/

#http://example.com/foo?bar=baz
http://example.com/foo/?bar=bazみたいにしたいときのスマートな解決法が無い、と思う。 routes を弄る。わおーBK…＼(^o^)／。class ActionController::Routing::Route
 URL_MATCH_WITH_SLASH_RE = %r{^/[^/]+$}
 def path_hook(path)
 path << '/' if path && path.match(URL_MATCH_WITH_SLASH_RE)
 path
 end

 def write_

rails 1系でURLの一段目の階層のみ最後に / をつける#http://example.com/foo
http://example.com/foo/

#http://example.com/foo?bar=baz
http://example.com/foo/?bar=bazみたいにしたいときのスマートな解決法が無い、と思う。 routes を弄る。わおーBK…＼(^o^)／。class ActionController::Routing::Route
 URL_MATCH_WITH_SLASH_RE = %r{^/[^/]+$}
 def path_hook(path)
 path << '/' if path && path.match(URL_MATCH_WITH_SLASH_RE)
 path
 end

 def write_generation
 body = "expired = false\n#{generation_extraction}\n#{generation_structure}"
 body = "if #{generation_requirements}\n#{body}\nend" if generation_requirements
 args = "options, hash, expire_on = {}"
 raw_method = method_decl = "def generate_raw(#{args})\npath = begin\n#{body}\nend\n[path_hook(path), hash]\nend"
 instance_eval method_decl, "generated code (#{__FILE__}:#{__LINE__})"
 method_decl = "def generate(#{args})\npath, hash = generate_raw(options, hash, expire_on)\nappend_query_string(path, hash, extra_keys(hash, expire_on))\nend"
 instance_eval method_decl, "generated code (#{__FILE__}:#{__LINE__})"
 method_decl = "def generate_extras(#{args})\npath, hash = generate_raw(options, hash, expire_on)\n[path, extra_keys(hash, expire_on)]\nend"
 instance_eval method_decl, "generated code (#{__FILE__}:#{__LINE__})"
 raw_method
 end
end

rails 1系でURLの一段目の階層のみ最後に / をつける

<h3>AS3 でイベントやファンクションのチェイン</h3>
AS3 でイベントチェインでよしなにしたい時って、結局非同期な並列処理の時が多い。それ以外は普通に関数で回すとわかりにくくなるので OO った方がよいかなー、と自分の中では落ち着いてる。特に無名関数の適用は、関数の引数を予めきちんと書かなくてはならなくて(...restでもいいけど)面倒だったりする。
AS3 では無名関数を使うところでJSより便利だなー、というところはあまり無い。そもそも組み込みの引数に無名関数渡すAPIが使いにくい。Array#forEach なんかは三つも引数書くのが冗長…。for each あるしね。実装側も無名関数が渡ってきて apply で適用しようとしても引数の型があわないとエラーになるし。無名関数の引数の数とかいちいち重いE4Xリフレクション使わないでも解りたい。あとバインドメソッドという無名関数とは違うメソッドクロージャ(this が確実にそのインスタンスに束縛される)を意識せずに使うことが出来るので、これでまた無名関数の利用価値が減ってしまった。唯一意識的に使うのはスコープあたりでゴニョゴニョしたい時かな。
話は飛んで Deferred の概念的なものは Event/EventDispatcher で代用することができて。AS3 では EventDispatcher が組み込みであって、かつだいたいの非同期処理はイベント終了時に大概なんらかのイベントを送出する。ほとんどの場合は Event.COMPLETE だ。足りないのは DeferredList 的なもの。並列処理をスムーズに行いたいよね。
で、組み込みの Event/EventDispatcher を使ってなんかうまく DeffererdList っぽいこと出来ないかな、と思ってて以前作ってほったらかしにしていた Chain クラスがあったのでちょっと書き直してそれなりに使えるようにしてみた。
<ul>
<li><a href="http://svn.rails2u.com/as3rails2u/trunk/src/com/rails2u/chain/">http://svn.rails2u.com/as3rails2u/trunk/src/com/rails2u/chain/</a></li>
</ul>
関数とイベントをチェインで繋げる FunctionChain/EventChain 、並列実行の ParallelChain がメインとして利用する。
<pre><code>(new FunctionChain(function(f:FunctionChain):void {
 log('1');
})).
chain(new FunctionChain(function(f:FunctionChain):void {
 log('2');
})).
start();
// 1
// 2
</code></pre>
chain の値渡しは Chain#results に値を入れる。これは非同期での実行の場合、return で返すとうまく渡せないためである。一つ前のチェインは parent で参照できる。parent って名前はどうなんだ。
<pre><code>(new FunctionChain(function(f:FunctionChain):void {
 f.results = 'hello';
})).
chain(new FunctionChain(function(f:FunctionChain):void {
 log(f.parent.results + ' world')
})).
start();
// hello world
</code></pre>
FunctionChain とか書くのはめんどくさいので Chain#f で繋げたりも出来る。
<pre><code>(new Chain).f(function(f:FunctionChain):void {
 f.results = 'hello';
}).
f(function(f:FunctionChain):void {
 log(f.parent.results + ' world')
}).
start();
</code></pre>
FunctionChain の第二引数には自分でこのチェインが終わったか明示的に通知するよフラグをつけれれる。この場合 FunctionChain#notify() で通知できる。たとえば Tweener の動作が終わったらチェインを進めたい場合は次のようにする。
<pre><code>(new Chain).f(function(f:FunctionChain):void {
 Tweener.addTween(shape, {
 time:1,
 alpha:0,
 onComplete: f.notify // Tweener は完了時に onComplete で指定された関数を実行する
 });
}, true). // 第二引数に true
f(function(f:FunctionChain):void {
 log('finish');
}).
start();
</code></pre>
次は EventChain。EventChain では第一引数に IEventDispatcher、第二引数にチェイン実行時の関数、第三引数に待ち受けるイベント名(デフォルトではEvent.COMPLETE)を指定する。たとえば以下のコードでは HTTP でデータ取得した後に FunctionChain が実行される。
<pre><code>var c:Chain = new Chain();
c.chain(new EventChain(
 new URLLoader, function(c:Chain, loader:URLLoader):void {
 loader.load(new URLRequest('http://paprika/sleep.rb?sleep=3')) // HTTP で取得するのに3秒かかるURL
 c.results = loader;
 }
)).
f(function(f:FunctionChain):void {
 log(f.parent.results.data);
}).
start();
</code></pre>
EventChain では IEventDispatcher を汎用的に扱うことが出来、次のチェインに結びつけられる。たとえば Timer を使って、次のチェインまで5秒待つコードは次のようになる。ちなみに new EventChain を書くのが面倒な時は e で繋げられる。
Timer はタイマーの終了時に TimerEvent.TIMER_COMPLETE を投げるのでそれを第三引数に書く。
<pre><code>var c:Chain = new Chain();
c.e(new Timer(5000, 1), function(c:Chain, t:Timer):void {
 log('wait start');
 t.start();
}, TimerEvent.TIMER_COMPLETE).
f(function(f:FunctionChain):void {
 log('5 sec');
}).
start();
</code></pre>
待ったり、ループ回したりするのはよく使うので DelayChain/LoopChain として組み込みでつくっておいてある。
<pre><code>new FunctionChain(function(f:Chain):void {
 log('1');
})).
f(function(f:Chain):void {
 log('2');
}).
delay(1000).
loop(3).
f(function(f:Chain):void {
 log('finish');
}).
start();
</code></pre>
を実行すると次のような動作になる。
<pre><code>1
2
// 1 秒待つ
1
2
// 1 秒待つ
1
2
// 1 秒待つ
finish // ループ三回終わったので次のチェインへ
</code></pre>
Chain#stop によるイベントの中断も出来る。
<pre><code>var c:Chain = (new FunctionChain(function(f:Chain):void {
 log('1');
})).
delay(200).
loop().
f(function(f:Chain):void {
 log('finish');
}).
start();
(new DelayChain(500)).f(function(f:Chain):void {
 log('stop!');
 c.stop();
}).
start();
</code></pre>
を実行するとこんな感じ。止めてるので次へ続かない。
<pre><code>1
1
1
stop!
</code></pre>
最後に parallel での並列処理が終わってからの実行。
<pre><code>var c:Chain = new Chain();
c.parallel(
 new EventChain(
 new URLLoader, function(c:Chain, loader:URLLoader):void {
 loader.load(new URLRequest('http://paprika/sleep.rb?sleep=3'))
 c.results = loader;
 }),
 new FunctionChain(function(f:FunctionChain):void {
 f.results = 1;
 }),
 new DelayChain(1000)
).f(function(f:FunctionChain):void {
 log(f.parent.results);
})
.start();
</code></pre>
三つの処理、HTTPでデータ取ってくる処理、関数実行、1秒待機が並列で実行され、終わったら次のチェインへ。結果は ParallelChain#results に格納されてるので
<pre><code>[
Object data=Sleep: 3.0\nSleep: Finish\n bytesLoaded=25, // URLLoader
1, // 関数実行した results
undefined // DelayChain は results に値を入れてないので
]
</code></pre>
な配列みたいな感じで。これで画像を全部並列で全部ロードし終わったところで表示処理を開始する、なんかも適当に書ける。
と勢いで作ってみたけど実際にどれぐらい便利かは不明なのでちょこちょこ自分で使ってみようと思う。というか説明ながくてしかもわかりにくい…。
<h3>カヤック行ってきた</h3>
明日の日曜日は soozy conf ということであえて土曜日にカヤックに行ってきた！新オフィスいいなー仕事はかどりそう。ドンブリカフェも思ってた以上に良かった。yksk と二人ハッカソンした。休日なのに久しぶりにコード書きがはかどったよ！ごちそうさまでした＞＜。typo さんには先日のコリンのアレですごい久しぶりにあったんだけどここ10日で3回も会ってる！！！

AS3 でイベントやファンクションのチェインAS3 でイベントチェインでよしなにしたい時って、結局非同期な並列処理の時が多い。それ以外は普通に関数で回すとわかりにくくなるので OO った方がよいかなー、と自分の中では落ち着いてる。特に無名関数の適用は、関数の引数を予めきちんと書かなくてはならなくて(...restでもいいけど)面倒だったりする。AS3 では無名関数を使うところでJSより便利だなー、というところはあまり無い。そもそも組み込みの引数に無名関数渡すAPIが使いにくい。Array#forEach なんかは三つも引数書くのが冗長…。for each あるしね。実装側も無名関数が渡ってきて apply で適用しようとしても引数の型があわないとエラーになるし。無名関数の引数の数とかいちいち重いE4Xリフレクション使わないでも解りたい。あとバインドメソッドという無名関数とは違うメソッドクロ

AS3 でイベントやファンクションのチェインAS3 でイベントチェインでよしなにしたい時って、結局非同期な並列処理の時が多い。それ以外は普通に関数で回すとわかりにくくなるので OO った方がよいかなー、と自分の中では落ち着いてる。特に無名関数の適用は、関数の引数を予めきちんと書かなくてはならなくて(...restでもいいけど)面倒だったりする。AS3 では無名関数を使うところでJSより便利だなー、というところはあまり無い。そもそも組み込みの引数に無名関数渡すAPIが使いにくい。Array#forEach なんかは三つも引数書くのが冗長…。for each あるしね。実装側も無名関数が渡ってきて apply で適用しようとしても引数の型があわないとエラーになるし。無名関数の引数の数とかいちいち重いE4Xリフレクション使わないでも解りたい。あとバインドメソッドという無名関数とは違うメソッドクロージャ(this が確実にそのインスタンスに束縛される)を意識せずに使うことが出来るので、これでまた無名関数の利用価値が減ってしまった。唯一意識的に使うのはスコープあたりでゴニョゴニョしたい時かな。話は飛んで Deferred の概念的なものは Event/EventDispatcher で代用することができて。AS3 では EventDispatcher が組み込みであって、かつだいたいの非同期処理はイベント終了時に大概なんらかのイベントを送出する。ほとんどの場合は Event.COMPLETE だ。足りないのは DeferredList 的なもの。並列処理をスムーズに行いたいよね。で、組み込みの Event/EventDispatcher を使ってなんかうまく DeffererdList っぽいこと出来ないかな、と思ってて以前作ってほったらかしにしていた Chain クラスがあったのでちょっと書き直してそれなりに使えるようにしてみた。http://svn.rails2u.com/as3rails2u/trunk/src/com/rails2u/chain/関数とイベントをチェインで繋げる FunctionChain/EventChain 、並列実行の ParallelChain がメインとして利用する。(new FunctionChain(function(f:FunctionChain):void {
    log('1');
})).
chain(new FunctionChain(function(f:FunctionChain):void {
    log('2');
})).
start();
// 1
// 2chain の値渡しは Chain#results に値を入れる。これは非同期での実行の場合、return で返すとうまく渡せないためである。一つ前のチェインは parent で参照できる。parent って名前はどうなんだ。(new FunctionChain(function(f:FunctionChain):void {
    f.results = 'hello';
})).
chain(new FunctionChain(function(f:FunctionChain):void {
    log(f.parent.results + ' world')
})).
start();
// hello worldFunctionChain とか書くのはめんどくさいので Chain#f で繋げたりも出来る。(new Chain).f(function(f:FunctionChain):void {
    f.results = 'hello';
}).
f(function(f:FunctionChain):void {
    log(f.parent.results + ' world')
}).
start();FunctionChain の第二引数には自分でこのチェインが終わったか明示的に通知するよフラグをつけれれる。この場合 FunctionChain#notify() で通知できる。たとえば Tweener の動作が終わったらチェインを進めたい場合は次のようにする。(new Chain).f(function(f:FunctionChain):void {
      Tweener.addTween(shape, {
          time:1,
          alpha:0,
          onComplete: f.notify // Tweener は完了時に onComplete で指定された関数を実行する
      });
}, true). // 第二引数に true
f(function(f:FunctionChain):void {
    log('finish');
}).
start();次は EventChain。EventChain では第一引数に IEventDispatcher、第二引数にチェイン実行時の関数、第三引数に待ち受けるイベント名(デフォルトではEvent.COMPLETE)を指定する。たとえば以下のコードでは HTTP でデータ取得した後に FunctionChain が実行される。var c:Chain = new Chain();
c.chain(new EventChain(
    new URLLoader, function(c:Chain, loader:URLLoader):void {
        loader.load(new URLRequest('http://paprika/sleep.rb?sleep=3')) // HTTP で取得するのに3秒かかるURL
        c.results = loader;
    }
)).
f(function(f:FunctionChain):void {
   log(f.parent.results.data);
}).
start();EventChain では IEventDispatcher を汎用的に扱うことが出来、次のチェインに結びつけられる。たとえば Timer を使って、次のチェインまで5秒待つコードは次のようになる。ちなみに new EventChain を書くのが面倒な時は e で繋げられる。Timer はタイマーの終了時に TimerEvent.TIMER_COMPLETE を投げるのでそれを第三引数に書く。var c:Chain = new Chain();
c.e(new Timer(5000, 1), function(c:Chain, t:Timer):void {
    log('wait start');
    t.start();
}, TimerEvent.TIMER_COMPLETE).
f(function(f:FunctionChain):void {
    log('5 sec');
}).
start();待ったり、ループ回したりするのはよく使うので DelayChain/LoopChain として組み込みでつくっておいてある。new FunctionChain(function(f:Chain):void {
    log('1');
})).
f(function(f:Chain):void {
    log('2');
}).
delay(1000).
loop(3).
f(function(f:Chain):void {
    log('finish');
}).
start();を実行すると次のような動作になる。1
2
// 1 秒待つ
1
2
// 1 秒待つ
1
2
// 1 秒待つ
finish // ループ三回終わったので次のチェインへChain#stop によるイベントの中断も出来る。var c:Chain = (new FunctionChain(function(f:Chain):void {
    log('1');
})).
delay(200).
loop().
f(function(f:Chain):void {
    log('finish');
}).
start();
(new DelayChain(500)).f(function(f:Chain):void {
    log('stop!');
    c.stop();
}).
start();を実行するとこんな感じ。止めてるので次へ続かない。1
1
1
stop!最後に parallel での並列処理が終わってからの実行。var c:Chain = new Chain();
c.parallel(
    new EventChain(
    new URLLoader, function(c:Chain, loader:URLLoader):void {
        loader.load(new URLRequest('http://paprika/sleep.rb?sleep=3'))
        c.results = loader;
    }),
    new FunctionChain(function(f:FunctionChain):void {
        f.results = 1;
    }),
    new DelayChain(1000)
).f(function(f:FunctionChain):void {
    log(f.parent.results);
})
.start();三つの処理、HTTPでデータ取ってくる処理、関数実行、1秒待機が並列で実行され、終わったら次のチェインへ。結果は ParallelChain#results に格納されてるので[
Object data=Sleep: 3.0\nSleep: Finish\n bytesLoaded=25, // URLLoader
1, // 関数実行した results
undefined // DelayChain は results に値を入れてないので
]な配列みたいな感じで。これで画像を全部並列で全部ロードし終わったところで表示処理を開始する、なんかも適当に書ける。と勢いで作ってみたけど実際にどれぐらい便利かは不明なのでちょこちょこ自分で使ってみようと思う。というか説明ながくてしかもわかりにくい…。カヤック行ってきた明日の日曜日は soozy conf ということであえて土曜日にカヤックに行ってきた！新オフィスいいなー仕事はかどりそう。ドンブリカフェも思ってた以上に良かった。yksk と二人ハッカソンした。休日なのに久しぶりにコード書きがはかどったよ！ごちそうさまでした＞＜。typo さんには先日のコリンのアレですごい久しぶりにあったんだけどここ10日で3回も会ってる！！！

A Day in the Life

今期アニソン

今期アニソン

書いている人

おたよりを送る