MotLa坂本政則（アートディレクター/デザイナー）と
undefined Inc.村山健（テクニカル・ディレクター/インタラクティブ・デザイナー）は各々の活動を統合し、
株式会社DELTRO（デルトロ）として活動を開始します。

より強力で広く深いOUTPUT力を求めた結果、こうなりました。
今後ともよろしくお願いいたします。

WEEK通してもちろん面白そうだけど、APMT5 CONFERENCEがヤバ過ぎる。
チケット取り忘れないようにしようっと。

undefined Inc.の事務所を今までお世話になっていた通称アジマンから池尻大橋に移転いたしました。

今回移転に伴い、物件の床がタイルだったこともあり、靴で仕事はちょっときついので、思い切って内装にチャレンジしてみました。
前から、事例に非常に憧れていた、upsseters architectｓさんとYeTさんにお願いさせてもらいました。
4月位から打ち合わせを重ねて、ようやく先週完成いたしました。
大分満足のいくものになりました。本当にありがとうございました。
今までお世話になった家入さんにも多大な感謝。

もし、近くにくるようなことがあればお気軽に冷やかしに来てください。狭いですけど歓迎いたします。

unoffice
Location:東京都目黒区大橋2-7-7 RADIAN 101
Interior direction / design : upsseters architectｓ
Construction : YeT resonance system
Sound : 小松音響研究所

サイトもプチリニューアル　http://www.undefined.co.jp/

時間がない中頑張ったユウキ君お疲れ様でした。
あと色々助けて頂いた皆様ありがとうございました。

11:00位から、たまにちらっちらっと見つつ、23:30位から真剣に見ると、ちょっと感慨深いですよ。

UNIQLO - OSHIKIRI 23:33

Art Direction + Design: Yu-ki Sakurai (Metamosphere Inc.)
Technical Direction + Flash Develop: Ken Murayama (undefined Inc.)
Produce: Shinsaku Ogawa (dentsutec)
Film Produce: Takanori Matsumoto (MONSTER☆ULTRA.INC)
Video Engneer: Sho Yamanaka (MONSTER☆ULTRA.INC)
Photo: ALIX MALKA
Account Executive: Reiko Toyoda (dentsu)
Creative Management Direction: Kentarou Katsube, Yoshihisa Watanabe (UNIQLO)

Client: UNIQLO

• CANNES LIONS 2009
  • GOLD / Outdoor Lions: Ambient Special Build / melody road
  • SILVER / Cyber Lions: Websites & Microsites Other Consumer Products / CAM WITH ME
  • SHORT LIST / Cyber Lions: Advertising & Media / medias
  • SHORT LIST / Cyber Lions: Other Consumer Products / amana group
  • SHORT LIST / Cyber Lions: Clothing, Footwear & Accessories / Hello Runners Map
• The 2009 New York Festivals International Advertising Awards
  • SILVER / Digital and Interactive: Best Use of Medium/Website / Nike Air Troupe design battle
  • SILVER / Digital and Interactive: Apparel (Clothing/Footwear etc.) / Hello Runners Map
  • BRONZE / Digital and Interactive: Online Advertising Campaign / medias
  • BRONZE / Digital and Interactive: Interactive Tools (widgets, screensavers, etc.) / Hello Runners Map
  • FINALIST / Digital and Interactive: Best Use of Medium/Website / Social Media Save The Earth

関係者の皆様おめでとうございます！

Fugo watching a website from muraken on Vimeo.

企画から1年かかったと伺っております。
映像も音も潔さもいい感じで、ついついずっと眺めてしまいます。
様々な類の苦労や決断が垣間見えます。
お疲れ様です。

→UNIQLO CALENDER

今回は分かってる人にとっては、当たり前のようなtipsになってしまうかもしれませんが、
ProgressionのコアであるSceneの推移についてのお話です。

難しく考えすぎている方もいらっしゃるようなので、シンプルに考えられるように心がけます。
SceneEventには、onLoad, onDescend, onInit, onUnload, onAscend, onGotoと、6つのイベントが用意されています。
そしてこれをうまく使うことこそがProgressionの利にもつながるわけです。

とはいえ、6つのイベントを覚えなきゃいけないのかぁ。メンドイなぁと思うと思います。
そんな方に朗報。最初は onLoadとonUnload　だけ覚えれば大丈夫です。
というか、大概のサイトはこの２つで作れるんじゃないかという位、その２つが重要です。

まぁでもせっかくあるので使いたいので、わかりやすく図にしてみました↓。

図の中に緑の部分がありますが、これは一旦棚に上げて解説します。赤と黒だけ見てください。

onLoadはそのシーンに親側から来た時に最初に発生するイベントです。
その後、そのシーンで止まる場合はonInit。通過する場合はonDescendが発生します。 

onUnloadはそのシーンから親側へ推移していく時に最後に発生するイベントです。
子供からそのシーンを通過して親へ向かうときはonAscend、そのシーンが出発点で親へ向かう場合はonGotoが発生します。
で、そのあとにonUnload。

というわけで、簡単に言うとonInitとonDescendはonLoadに含まれて、onGotoとonAscendはonUnloadに含まれていると言えます。（※緑は例外）

ですから、プログラミング的には onLoadにonInitとonDescendの共通処理を書き、分岐する必要があるときだけonInitとonDescendを使えばいいわけです。

逆方向で言うと、onUnloadにonGotoとonAscendの共通処理を書き、分岐する必要があるときだけonGotoとonAscendを使えばいいわけです。

というわけで、僕がコーディングするときは、ほとんどonLoadとonUnloadばっかり使います。たまに、onInit、onGoto、onDescend辺りを使う感じです。onAscendに関しては使ったことないです。（onUnloadに書いて終わり）

最後に棚に上げといた緑の部分についてです。

これはもう例外と考えましょう。以下のようにonGotoとonInitは使う時に、以下のように分岐処理を書けば良いです。


protected override function _onGoto():void {
    if (sceneId.contains(progression.destinedSceneId) {
        //緑
    }else {
        //赤
    }
}
protected override function _onInit():void {
    if (sceneId.contains(progression.departedSceneId) {
        //緑
    }else {
        //赤
    }
}


第一回目は動的シーンの生成方法です。

どういう名前のシーンが発生するか分からないとき。
例えばFlickrのAPIなどを使ってディープリンクを発行するときとか。
/photo/detail/1234567
の1234567というシーンですね。
これは全てのパターンのシーンを最初に作るわけにはいかないので、index→photo→detailまで来たタイミングで動的に1234567というシーンをその場で作成して推移します。
detailというのは通過専用にします。その代りそのタイミングで子供シーンをします。

僕はこういう時は上の例でいうと”detail”のシーンを以下のようなテンプレートを少し案件に合わせて最適化したものを使用しています。


package jp.co.undefined.progression.scenes 
{
    import jp.progression.events.SceneEvent;
    import jp.progression.scenes.SceneObject;
    
    /**
     * …
     * @author muraken (undefined Inc.)
     */
    public class DynamicParentScene extends SceneObject
    {
        private var _sceneNew:SceneObject;
        private var _sceneOld:SceneObject;
        public function DynamicParentScene(name:String) 
        {
            super(name);
        }
        override protected function _onLoad():void
        {
            var _destinedSceneIdString:String = progression.destinedSceneId.toString();
            var path:Array = _destinedSceneIdString.split(“/”); 
            _sceneOld = new SceneObject( path[path.length - 1]);
            addScene( _sceneOld);
            _sceneOld.addEventListener(SceneEvent.UNLOAD, _onChildUnload);
        }
        
        private function _onChildUnload(e:SceneEvent):void 
        {
            SceneObject(e.currentTarget).removeEventListener(SceneEvent.UNLOAD, _onChildUnload);
            if (sceneId.contains(progression.destinedSceneId)) {
                var _destinedSceneIdString:String = progression.destinedSceneId.toString();
                var path:Array = _destinedSceneIdString.split(“/”);
                _sceneNew = new SceneObject(path[path.length - 1]);
                addScene( _sceneNew);
                _sceneNew.addEventListener(SceneEvent.LOAD, _onChildLoad);
                _sceneNew.addEventListener(SceneEvent.UNLOAD, _onChildUnload);
            }
        }
        
        private function _onChildLoad(e:SceneEvent):void 
        {
            _sceneNew.removeEventListener(SceneEvent.LOAD, _onChildLoad);
            removeScene(_sceneOld);
            _sceneOld = _sceneNew;
        }
        override protected function _onUnload():void
        {
            removeScene( _sceneOld );
            _sceneOld = null;
            _sceneNew = null;
        }
    }
    
}


そんなに長いコードではないので見てもらえれば、大体分かると思います。
/photo/detail/1234567
から
/photo/detail/4444444
に行く時もこのままで大丈夫です。

んぁー説明下手だなぁ。すみません。。

• 50th Anniversary CLIO Awards
  • GOLD / Inovative: Automotive Products/Services / melody road
  • BRONZE / Interactive: Artistic Technique / NIKE AIR TROUPE | design battle/NIKEiD.
• ONE SHOW INTERACTIVE 2009
  • Merit / Corporate Image / amana group
  • Merit / Corporate Image / Hello Runners Map

NIKE AIR TROUPE | design battle/NIKEiD.に関しては、
輸出（英語）コンテンツだったこともあり、権威ある国際広告賞を受賞できたことに非常に感動しました。
ルートコミニュケーションさん、坂本さん、高木さん、SARASAちゃん、やりましたね！
マジでおめでとうございます！

息子「楓悟」が、４日に無事１歳を迎えることが出来ました。(写真は、初節句）
多忙で育児をろくにできなかった僕としては、とにかく嫁にお疲れ様という感じです。
その辺のバランスをうまく取っていくことが今の目標ですね。

業界界隈の方々からも去年、今年とたくさんのお子さん誕生の声を聞きます。
素晴らしいことです。

なんかあれすね、お金が心配で子供を産めないみたいな人が多いご時世は本末転倒な気がしますね。
政治、経済とかに疎いので頭の良い意見は言えませんが、それだけは思います。