<h3>スゴイ勢いで人気エントリー</h3>
<p>になりそうもないエントリーを書いた。mxmlc の内部はそれなりに面白い。コンパイラのソースも読めるし。</p>
<p>みんな Apollo でそんなにオナニーしたいか！！！</p>
<h3>ドリーミング</h3>
<p>泣けるなー。まさか奥田健介のメロディラインで真綾が聴けるとはサプライズ。</p>
<h3>Flex 2.0.1 アップデータ</h3>
<p><a href="http://www.adobe.com/jp/products/flex/productinfo/updater/">http://www.adobe.com/jp/products/flex/productinfo/updater/</a></p>
<p>出た。</p>
<blockquote>
<p>mxmlcコンパイラは、FlashTypeサポートを使用してフォントを直接埋め込むことができるようになりました。</p>
</blockquote>
<p>が気になったので入れてみた。</p>
<pre><code>$ mxmlc --version
Version 2.0.1 build 162628
</code></pre>
<p>のバージョンが</p>
<pre><code>$ mxmlc --version
Version 2.0.1 build 155542
</code></pre>
<p>あ、あれ、下がった？mxmlc は apollo SDK のより古いってことかな。。apollo がコンパイルできなくなっている悪寒。</p>
<h3>水曜のToDo</h3>
<p>角谷さんに DSL のことで質問する</p>
<h3>なんだこれ</h3>
<p>なんでこんなジャリセンギフト券がたくさん適用されてるんだ？</p>
<pre><code>キャンペーン用Amazonギフト券:              -￥ 15
キャンペーン用Amazonギフト券:              -￥ 31
キャンペーン用Amazonギフト券:              -￥ 30
キャンペーン用Amazonギフト券:              -￥ 25
キャンペーン用Amazonギフト券:             -￥ 189
キャンペーン用Amazonギフト券:             -￥ 500
</code></pre>
<h3>rails2u.com のドメイン更新</h3>
<p>した。お金がない＞＜</p>
<h3>昨日の</h3>
<p>ルンルンが思っていたよりずっと良かったので終わってすぐ物販に並んだら一番でちょっと恥ずかしかった＞＜。あ～ちゃんはメガネ男子大好きということなのでこれからもメガネで行こう。</p>

スゴイ勢いで人気エントリーになりそうもないエントリーを書いた。mxmlc の内部はそれなりに面白い。コンパイラのソースも読めるし。みんな Apollo でそんなにオナニーしたいか！！！ドリーミング泣けるなー。まさか奥田健介のメロディラインで真綾が聴けるとはサプライズ。Flex 2.0.1 アップデータhttp://www.adobe.com/jp/products/flex/productinfo/updater/出た。mxmlcコンパイラは、FlashTypeサポートを使用してフォントを直接埋め込むことができるようになりました。が気になったので入れてみた。$ mxmlc --version
Version 2.0.1 build 162628のバージョンが$ mxmlc --version
Version 2.0.1 build 155542あ、あれ、下がった？mxmlc は apoll

スゴイ勢いで人気エントリーになりそうもないエントリーを書いた。mxmlc の内部はそれなりに面白い。コンパイラのソースも読めるし。みんな Apollo でそんなにオナニーしたいか！！！ドリーミング泣けるなー。まさか奥田健介のメロディラインで真綾が聴けるとはサプライズ。Flex 2.0.1 アップデータhttp://www.adobe.com/jp/products/flex/productinfo/updater/出た。mxmlcコンパイラは、FlashTypeサポートを使用してフォントを直接埋め込むことができるようになりました。が気になったので入れてみた。$ mxmlc --version
Version 2.0.1 build 162628のバージョンが$ mxmlc --version
Version 2.0.1 build 155542あ、あれ、下がった？mxmlc は apollo SDK のより古いってことかな。。apollo がコンパイルできなくなっている悪寒。水曜のToDo角谷さんに DSL のことで質問するなんだこれなんでこんなジャリセンギフト券がたくさん適用されてるんだ？キャンペーン用Amazonギフト券:              -￥ 15
キャンペーン用Amazonギフト券:              -￥ 31
キャンペーン用Amazonギフト券:              -￥ 30
キャンペーン用Amazonギフト券:              -￥ 25
キャンペーン用Amazonギフト券:             -￥ 189
キャンペーン用Amazonギフト券:             -￥ 500rails2u.com のドメイン更新した。お金がない＞＜昨日のルンルンが思っていたよりずっと良かったので終わってすぐ物販に並んだら一番でちょっと恥ずかしかった＞＜。あ～ちゃんはメガネ男子大好きということなのでこれからもメガネで行こう。

2007-03-26

<h3>vim で改行コード変換</h3>
<p>え、ふつう:set ff=unix とか :set ff=dos じゃないの？みんなこの方法使ってるんだと思ってた。いろんなやり方があるんだねぇ。</p>
<h3>rails あぷぷ</h3>
<p>一サーバで10とか建ててるのも問題だよなー。へらし隊。</p>
<h3>ゴットファザー</h3>
<p>なんだかんだで先週買ってから12時間ぐらいプレイ。ちょうどゲーム総合進行度25%。エクボゲーにしては長そう。</p>
<p>最初やってみたときは、「うわっHL2より荒い画質！テクスチャがいかにも PC ゲーの貼り合わせだ！しかも時々フレームレートがたつくし！」つーのに驚いてエクボゲーとしては正直ねーだろー、とか思ったものも慣れれば割と。</p>
<p>ゲームストーリーはメインでストーリをなぞって、他のイベントはRPGによくあるお使いゲー的な TPS なんだけど、わりと楽しい。GTA3みたい。攻撃方も銃だけじゃなくてエクボコントローラのスティック利用した様々な攻撃ができるし。</p>
<p>またキャラメイクで細かく顔や服装などなどを変更できるので、毎回プレイ毎に変更してるんだけど、それも飽きが来にくくなる要因の一つにもなってる。</p>
<p>んー、クリアするまで続けられそうな、そうでもないような。</p>

vim で改行コード変換え、ふつう:set ff=unix とか :set ff=dos じゃないの？みんなこの方法使ってるんだと思ってた。いろんなやり方があるんだねぇ。rails あぷぷ一サーバで10とか建ててるのも問題だよなー。へらし隊。ゴットファザーなんだかんだで先週買ってから12時間ぐらいプレイ。ちょうどゲーム総合進行度25%。エクボゲーにしては長そう。最初やってみたときは、「うわっHL2より荒い画質！テクスチャがいかにも PC ゲーの貼り合わせだ！しかも時々フレームレートがたつくし！」つーのに驚いてエクボゲーとしては正直ねーだろー、とか思ったものも慣れれば割と。ゲームストーリーはメインでストーリをなぞって、他のイベントはRPGによくあるお使いゲー的な TPS なんだけど、わりと楽しい。GTA3みたい。攻撃方も銃だけじゃなくてエクボコントローラのスティック利用した様々な攻撃ができる

vim で改行コード変換え、ふつう:set ff=unix とか :set ff=dos じゃないの？みんなこの方法使ってるんだと思ってた。いろんなやり方があるんだねぇ。rails あぷぷ一サーバで10とか建ててるのも問題だよなー。へらし隊。ゴットファザーなんだかんだで先週買ってから12時間ぐらいプレイ。ちょうどゲーム総合進行度25%。エクボゲーにしては長そう。最初やってみたときは、「うわっHL2より荒い画質！テクスチャがいかにも PC ゲーの貼り合わせだ！しかも時々フレームレートがたつくし！」つーのに驚いてエクボゲーとしては正直ねーだろー、とか思ったものも慣れれば割と。ゲームストーリーはメインでストーリをなぞって、他のイベントはRPGによくあるお使いゲー的な TPS なんだけど、わりと楽しい。GTA3みたい。攻撃方も銃だけじゃなくてエクボコントローラのスティック利用した様々な攻撃ができるし。またキャラメイクで細かく顔や服装などなどを変更できるので、毎回プレイ毎に変更してるんだけど、それも飽きが来にくくなる要因の一つにもなってる。んー、クリアするまで続けられそうな、そうでもないような。

2007-03-25

<p>ActionScript3 のソースをコンパイルするとき、現在は flex2 SDK に含まれる mxmlc を使うのが主流です。このコンパイラはAS3の言語では定義されてない、flex 独自のメタデータタグ([] で囲まれた syntax。[Bindable] など)を解釈し、自動でAS3ソースコードをジェネレートしてくれます。<br>
このメタデータタグの利用方法をきちんと把握すると、だいぶコード記述が減り、シンプルかつ統一的なAS3(flex)プログラミングが可能になり、プログラミングの生産性が向上するであろう、有益な機能です。しかしながら、どういった挙動をするソースが生成されるのか、どのようなメタデータが記述可能なのか、というのがいまいち解っていないため、エントリーとして書き起こします。<br>
[Bindable] メタデータを使うといったい何が嬉しいのでしょうか。その前に Flash でのプログラミングの話です。<br>
Flash ではイベント駆動のプログラミングが基本です。処理があるとなんらかのイベントを投げて、そのイベントを待ち受けしているオブジェクトが処理します。非常に単調な処理ではイベントを投げまくればなんとなく処理ができてしまうため、頭は使いません。しかし複数の描画オブジェクト/オブジェクトの状態/ネットワーク通信などなどがたくさん絡んでくると、イベントを受け取っては投げ、受け取っては投げ、ということを行うため非常に混乱しがちです。きちんと設計をしなくては破綻します<a href="#f1" title="まだ自分は慣れてないので破綻しまくります">*1</a>。そこの一つの解決方法として使えるのが、[Bindable] のメタデータです。<br>
突然ですが、次のソースは、x, y の位置に半径 radius で、col/secCol 色の花を描画する Flower クラスの一部抜粋です。</p>
<pre><code>public class Flower extends Sprite {
        public var radius:int;
        public var col:uint;
        public var secCol:uint;

        public function Flower(x:int, y:int, radius:int, col:uint, secCol:uint) {
            this.x = x;
            this.y = y;
            this.radius = radius;
            this.col = col;
            this.secCol = secCol;
        }

        public function draw():void {
〜実装〜
        }
    }
</code></pre>
<p>このクラスを用いて花を描画するには</p>
<pre><code>var flower:Flower = new Flower(100,100, 50, 0, 0xFF0000);
flower.draw();
</code></pre>
<p>として使います。では花の色を変更してみましょう。</p>
<pre><code>flower.col = 0x0000FF;
flower.draw();
</code></pre>
<p>色を変えてから再描画することで、見た目を変化させています。しかしながらこれでは色を変えたあと、毎回毎回 draw() 関数を呼び出さなければならず、面倒です。そこで普段は setter を定義して、setter 内部で draw() メソッドを呼び出します。</p>
<pre><code>public var radius:int;
private var _col:uint;
public var secCol:uint;

public function get col():uint {
    return _col;
}

public function set col(newCol:uint):void {
    _col = newCol;
    draw();
}
</code></pre>
<p>このように変更することで、意図した動作をするようになります。では次に secCol も変更したときに色が変わるような実装にしてみましょう。</p>
<pre><code>public var radius:int;
private var _col:uint;
private var _secCol:uint;

public function get col():uint {
    return _col;
}

public function set col(newCol:uint):void {
    _col = newCol;
    draw();
}

public function get secCol():uint {
    return _secCol;
}

public function set secCol(newCol:uint):void {
    _secCol = newCol;
    draw();
}
</code></pre>
<p>だんだんと冗長になってきましたね。次に radius…などなど、今回の例ではプロパティが三つなのでいいですが、数がどんどん多くなっていくと、めんどくさくてやってられないですね。ただの setter/getter といえど行数が増えるとバグも混入しやすくなります。<br>
そこで [Bindable] メタデータタグの出番です。[Bindable] の次に書いたプロパティにはコンパイル時に自動的に setter/getter が設定されます。そして、そのデータが変更された場合、デフォルトで PropertyChangeEvent.PROPERTY_CHANGE イベントが投げられます。つまり、今までのはこのように書くことができるのです。</p>
<pre><code>public var radius:int;
[Bindable]
public var col:uint;
[Bindable]
public var secCol:uint;

public function Flower(x:int, y:int, radius:int, col:uint, secCol:uint ) {
    this.x = x;
    this.y = y;
    this.radius = radius;
    this.col = col;
    this.secCol = secCol;

    addEventListener(PropertyChangeEvent.PROPERTY_CHANGE, propertyChangeHandler);
}

private function propertyChangeHandler(e:PropertyChangeEvent):void {
    draw();
}
</code></pre>
<p>おお、すっきり！コンストラクタで自分自身のイベントリスナに PropertyChangeEvent.PROPERTY_CHANGE を登録してやるだけで、[Bindable] で指定したプロパティが変更された通知を受け取ることが可能なのです。いったい何でこんな事になるのか意味不明だと気持ち悪いので、生成されたソースを見てみましょう。mxmlc のコンパイラオプションで -keep をつけると、 generated ディレクトリ以下に生成されたソースが残ったままになります。</p>
<pre><code>class BindableProperty
{
    /**
     * generated bindable wrapper for property col (public)
     * - generated setter
     * - generated getter
     * - original public var 'col' moved to '_98688col'
     */

    [Bindable(event="propertyChange")]
    public function get col():uint
    {
        return this._98688col;
    }

    public function set col(value:uint):void
    {
        var oldValue:Object = this._98688col;
        if (oldValue !== value)
        {
            this._98688col = value;
            dispatchEvent(mx.events.PropertyChangeEvent.createUpdateEvent(this, "col", oldValue, value));
        }
    }
〜続く〜
</code></pre>
<p>というわけで、setter/getter の定義が生成されてますね。setter の方ではセットし終わった後に、dispatchEvent で mx.events.PropertyChangeEvent.createUpdateEvent で mx.events.PropertyChangeEvent を作って投げてます。PropertyeChangeEvent は変更に関する様々な情報を持っているため、たとえば値が10以上変わったときのみに変更、などの処理が簡単にハンドラ内部で行えます。また、イベントとして呼ばれるため、外部のクラスが Flower インスタンスの状態を監視し、たとえば花の色のモニタリングを別の箇所で、といったようなイベント処理も簡単に行えますね。<br>
そのような処理では mx.binding.utils.ChangeWatcher を使うと、簡単に Bindable で指定した値の監視を行えます。</p>
<pre><code>ChangeWatcher.watch(flower, 'col', function(e:PropertyChangeEvent):void {
     log(e);
});
</code></pre>
<p>flower.addEventListener(PropertyChangeEvent.PROPERTY_CHANGE, ...) じゃだめなの？という声はもっともですが、ChangeWatcher では簡単に監視イベントリスナの削除や、プロパティチェインの監視などなどが行えるので、使い分ける感じですね。</p>
<p>その他、Bindable メタデータタグはクラス自体に定義することもできます。すべてのプロパティの変更を監視しておきたい時に便利でしょう。</p>
<pre><code>[Bindable]
public class Flower extends Sprite {
    public var radius:int;
    public var col:uint;
    public var secCol:uint;
</code></pre>
<p>これは</p>
<pre><code>public class Flower extends Sprite {
    [Bindable]
    public var radius:int;
    [Bindable]
    public var col:uint;
    [Bindable]
    public var secCol:uint;
</code></pre>
<p>と同じです。<br>
今回は Bindable メタデータタグの使い方について触れました。mxmlc に含まれる機能を積極的に使っていくとだいぶ楽にコードが記述できそうです。当初は Flex フレームワークを使うだけで UIComponent などなどの重量級のデータも加わって swf が肥大化するんじゃ、と思ったのですが、必要な部分だけを含めてくれるらしく、大して swf は大きくなりませんでした。というわけでどんどん利用していこうと思います。</p>
<p><a href="#fn1">*1</a>:まだ自分は慣れてないので破綻しまくります</p>

ActionScript3 のソースをコンパイルするとき、現在は flex2 SDK に含まれる mxmlc を使うのが主流です。このコンパイラはAS3の言語では定義されてない、flex 独自のメタデータタグ([] で囲まれた syntax。[Bindable] など)を解釈し、自動でAS3ソースコードをジェネレートしてくれます。このメタデータタグの利用方法をきちんと把握すると、だいぶコード記述が減り、シンプルかつ統一的なAS3(flex)プログラミングが可能になり、プログラミングの生産性が向上するであろう、有益な機能です。しかしながら、どういった挙動をするソースが生成されるのか、どのようなメタデータが記述可能なのか、というのがいまいち解っていないため、エントリーとして書き起こします。[Bindable] メタデータを使うといったい何が嬉しいのでしょうか。その前に Flash でのプログラ

ActionScript3 のソースをコンパイルするとき、現在は flex2 SDK に含まれる mxmlc を使うのが主流です。このコンパイラはAS3の言語では定義されてない、flex 独自のメタデータタグ([] で囲まれた syntax。[Bindable] など)を解釈し、自動でAS3ソースコードをジェネレートしてくれます。このメタデータタグの利用方法をきちんと把握すると、だいぶコード記述が減り、シンプルかつ統一的なAS3(flex)プログラミングが可能になり、プログラミングの生産性が向上するであろう、有益な機能です。しかしながら、どういった挙動をするソースが生成されるのか、どのようなメタデータが記述可能なのか、というのがいまいち解っていないため、エントリーとして書き起こします。[Bindable] メタデータを使うといったい何が嬉しいのでしょうか。その前に Flash でのプログラミングの話です。Flash ではイベント駆動のプログラミングが基本です。処理があるとなんらかのイベントを投げて、そのイベントを待ち受けしているオブジェクトが処理します。非常に単調な処理ではイベントを投げまくればなんとなく処理ができてしまうため、頭は使いません。しかし複数の描画オブジェクト/オブジェクトの状態/ネットワーク通信などなどがたくさん絡んでくると、イベントを受け取っては投げ、受け取っては投げ、ということを行うため非常に混乱しがちです。きちんと設計をしなくては破綻しますまだ自分は慣れてないので破綻しまくります。そこの一つの解決方法として使えるのが、[Bindable] のメタデータです。突然ですが、次のソースは、x, y の位置に半径 radius で、col/secCol 色の花を描画する Flower クラスの一部抜粋です。public class Flower extends Sprite {
        public var radius:int;
        public var col:uint;
        public var secCol:uint;

        public function Flower(x:int, y:int, radius:int, col:uint, secCol:uint) {
            this.x = x;
            this.y = y;
            this.radius = radius;
            this.col = col;
            this.secCol = secCol;
        }

        public function draw():void {
〜実装〜
        }
    }このクラスを用いて花を描画するにはvar flower:Flower = new Flower(100,100, 50, 0, 0xFF0000);
flower.draw();として使います。では花の色を変更してみましょう。flower.col = 0x0000FF;
flower.draw();色を変えてから再描画することで、見た目を変化させています。しかしながらこれでは色を変えたあと、毎回毎回 draw() 関数を呼び出さなければならず、面倒です。そこで普段は setter を定義して、setter 内部で draw() メソッドを呼び出します。public var radius:int;
private var _col:uint;
public var secCol:uint;

public function get col():uint {
    return _col;
}

public function set col(newCol:uint):void {
    _col = newCol;
    draw();
}このように変更することで、意図した動作をするようになります。では次に secCol も変更したときに色が変わるような実装にしてみましょう。public var radius:int;
private var _col:uint;
private var _secCol:uint;

public function get col():uint {
    return _col;
}

public function set col(newCol:uint):void {
    _col = newCol;
    draw();
}

public function get secCol():uint {
    return _secCol;
}

public function set secCol(newCol:uint):void {
    _secCol = newCol;
    draw();
}だんだんと冗長になってきましたね。次に radius…などなど、今回の例ではプロパティが三つなのでいいですが、数がどんどん多くなっていくと、めんどくさくてやってられないですね。ただの setter/getter といえど行数が増えるとバグも混入しやすくなります。そこで [Bindable] メタデータタグの出番です。[Bindable] の次に書いたプロパティにはコンパイル時に自動的に setter/getter が設定されます。そして、そのデータが変更された場合、デフォルトで PropertyChangeEvent.PROPERTY_CHANGE イベントが投げられます。つまり、今までのはこのように書くことができるのです。public var radius:int;
[Bindable]
public var col:uint;
[Bindable]
public var secCol:uint;

public function Flower(x:int, y:int, radius:int, col:uint, secCol:uint ) {
    this.x = x;
    this.y = y;
    this.radius = radius;
    this.col = col;
    this.secCol = secCol;

    addEventListener(PropertyChangeEvent.PROPERTY_CHANGE, propertyChangeHandler);
}

private function propertyChangeHandler(e:PropertyChangeEvent):void {
    draw();
}おお、すっきり！コンストラクタで自分自身のイベントリスナに PropertyChangeEvent.PROPERTY_CHANGE を登録してやるだけで、[Bindable] で指定したプロパティが変更された通知を受け取ることが可能なのです。いったい何でこんな事になるのか意味不明だと気持ち悪いので、生成されたソースを見てみましょう。mxmlc のコンパイラオプションで -keep をつけると、 generated ディレクトリ以下に生成されたソースが残ったままになります。class BindableProperty
{
    /**
     * generated bindable wrapper for property col (public)
     * - generated setter
     * - generated getter
     * - original public var 'col' moved to '_98688col'
     */

    [Bindable(event="propertyChange")]
    public function get col():uint
    {
        return this._98688col;
    }

    public function set col(value:uint):void
    {
        var oldValue:Object = this._98688col;
        if (oldValue !== value)
        {
            this._98688col = value;
            dispatchEvent(mx.events.PropertyChangeEvent.createUpdateEvent(this, "col", oldValue, value));
        }
    }
〜続く〜というわけで、setter/getter の定義が生成されてますね。setter の方ではセットし終わった後に、dispatchEvent で mx.events.PropertyChangeEvent.createUpdateEvent で mx.events.PropertyChangeEvent を作って投げてます。PropertyeChangeEvent は変更に関する様々な情報を持っているため、たとえば値が10以上変わったときのみに変更、などの処理が簡単にハンドラ内部で行えます。また、イベントとして呼ばれるため、外部のクラスが Flower インスタンスの状態を監視し、たとえば花の色のモニタリングを別の箇所で、といったようなイベント処理も簡単に行えますね。そのような処理では mx.binding.utils.ChangeWatcher を使うと、簡単に Bindable で指定した値の監視を行えます。ChangeWatcher.watch(flower, 'col', function(e:PropertyChangeEvent):void {
     log(e);
});flower.addEventListener(PropertyChangeEvent.PROPERTY_CHANGE, ...) じゃだめなの？という声はもっともですが、ChangeWatcher では簡単に監視イベントリスナの削除や、プロパティチェインの監視などなどが行えるので、使い分ける感じですね。その他、Bindable メタデータタグはクラス自体に定義することもできます。すべてのプロパティの変更を監視しておきたい時に便利でしょう。[Bindable]
public class Flower extends Sprite {
    public var radius:int;
    public var col:uint;
    public var secCol:uint;これはpublic class Flower extends Sprite {
    [Bindable]
    public var radius:int;
    [Bindable]
    public var col:uint;
    [Bindable]
    public var secCol:uint;と同じです。今回は Bindable メタデータタグの使い方について触れました。mxmlc に含まれる機能を積極的に使っていくとだいぶ楽にコードが記述できそうです。当初は Flex フレームワークを使うだけで UIComponent などなどの重量級のデータも加わって swf が肥大化するんじゃ、と思ったのですが、必要な部分だけを含めてくれるらしく、大して swf は大きくなりませんでした。というわけでどんどん利用していこうと思います。*1:まだ自分は慣れてないので破綻しまくります

A Day in the Life

2007-03-26

スゴイ勢いで人気エントリー

ドリーミング

Flex 2.0.1 アップデータ

水曜のToDo

なんだこれ

rails2u.com のドメイン更新

昨日の

書いている人

おたよりを送る