- 2007-03-12 (月)
- diary
東京1日目は Flex2 で業務用システムの案件を数多く手がけておられるクラスメソッド株式会社様におじゃまさせていただきました。今度大阪でも開催される、国内きっての Flex 勉強会、「FxUG(フレックスユーザーグループ)」を設立されたことでも有名ですね。
会社のスタイルや実際に制作された案件をご紹介いただきました(僕が訪問したその日にも、Adobe のデベロッパーセンターに手掛けられた案件が掲載されていました)。Flex に代表される RIA(リッチインターネットアプリケーション)が、現状のサイトよりも便利に、かつストレスフリーで動作しているのを目の当たりにでき、その将来性を実感できました。こりゃ便利です。FxUG だけでなく、不定期に社内でも技術勉強会を開催されていて、それに参加させていただきました。
今回は効率良く Flex2 アプリを構築するための Eclipse プラグイン「Dolteng(関連記事)」の使い方を紹介されていました。もちろん僕は Dolteng なんて初耳だし、Eclipse も Flex2 も知らない人間ですが、サンプルを制作しながら解説されていくスタイルと、sato-shi様が Flex2 初心者の僕でも理解できるように適宜ご注釈くださったので、多少理解できたかもしれません。
以下、僕なりのインプレッション:
Flash と比べた時の Flex2 の強みはデータの操作・管理がしやすいこと。といってもその処理フローは Flash と似ていて「Flex2(View・外観・UI) - サービス(処理系・サーバー) - データ(DB)」です。ここでの「サービス」部分が Python や Perl だったり、以前注目した AMF だったりするのだけれど、業務用システムの案件を手がけておられるクラスメソッドさんには、Java のエキスパートの方も多く、また、信頼性重視ということもあり、Tomcat(Java のアプリケーションサーバー)を使用されます。その「Flex2 - Tomcat - H2(DB)」の連携作業を効率良く開発できるのが「Dolteng」。
sato-shi様より頂いた補足:
Tomcatってのは、WEBコンテナといいまして、JSPやサーブレットの実行環境です。
http://tomcat.apache.org/
WEBサーバーの機能も持っていますので単体で動かすこともできます。ApacheやIISの裏で動かすこともできます。PHPやCGIと同じようなものです。
H2とは、組み込み型データベースでして・・、以下参照
http://journal.mycom.co.jp/news/2006/06/23/340.html
似たような構成例では、Flash-PHP-MySQLみたいな感じ。
- まずは BD のデータ構造を定義。この作業は必須ですが、そこから Tomcat - Flex2 とデータバインディングさせ、そのためのメソッドを Flex2 上で定義するまでが、Dolteng を使えば超簡単(ほぼ自動生成?)。
- 通常なら、ベースの mxml にイベントハンドリングのためのメソッドをグワーッと記述することになるのだけど、別に Page クラスを設け、そこにイベントハンドリング用のメソッドを定義、それを mxml からリスナーを使って「id + "On" + イベント名」で、簡単に呼び出せるらしい。そうやってビューとロジックを分けておけるのだけれど、この作業の大半も Dolteng が補完してくれます。
- イベントを外の Page クラスに記述しておくメリットとして、mxml 側から呼び出す際に、階層構造を考えなくて済むらしい。(どこからでも「id + "On" + イベント名」でOK。ただし、トップレベルのみ「"on" + イベント名」。)これは僕らのような「View(ガワ)」制作者にも朗報。
- これまた「ビューとロジックの分化」の件ですが、View 上での変化(テーブルデータのセルの更新タイミングとか、Viewの生成タイミング、その他 getter, setter 等々)も Dolteng の助けを借りつつ Page クラスに定義しておける。命名規則も直感的に理解しやすい名前になってます。
- ただ、1つのデータテーブルに対して1つの「View & Page & Service」なんで、幾つものデータが複雑に絡み合うような案件では、ちょっと工夫が必要らしい。
- あと、作業中に数回 Eclipse が落ちてました。他の方の Dolteng プレゼンでも落ちていたそうなので、落ちやすいのかも。プレゼンの際には間をつなぐ話術が必要だそうです。
- で、完成したアプリケーションは「ID(だったかな?)・名前・給料」を要素として持つ、雇用者一覧アプリ。テーブルのソートも可能。別枠のテキストエリアから名前や給料を更新できます。僕が作ったら何日かかるのか見当もつきません。それを解説しながら1時間程度で作成されました。
以上、「Flex & Java 初心者が目の当たりにした、Dolteng インプレッション」をお届けしましたが、僕のようなタイプの人の心構えとして、
DBとの連携作業は、僕たちが思っている以上のスピードで開発できるらしく、UI(ユーザーインターフェース) 制作者は、イベントの命名規則と呼び出し方さえ教えてもらっておけば、Flex2側のコードをほぼ完全な形にまで作り込めるっぽい。
ってのは当たらずとも遠からずなのではないでしょうか。
こういうリアル勉強会のメリットは、実際の制作作業を順を追って見られることと、発表者をリスペクトしながら見れるので、モチベーションが上がりやすいこと。実際、この日発表してくださった方も、以前に他の方のプレゼンをリアルに見て、Dolteng に惚れられたそうです。
勉強会後、いろいろとお話しさせていただきましたが、Java の人が ActionScript3 に移行しやすいのは確かですが、UI を考えられる Flash 上がりの AS3 開発者も必要だと仰ってました。AS3 未経験でも AS2 が理解できている(Flash オーサリング経験者とはちと違う)方の活躍の場は沢山あるそうです。
社内スタップさんの中に、知人の元同僚の方がおられて、その方は最近入社されたそうなのですが、入社後の自分のスキルの伸び方は半端なく凄いと仰られていました。やっぱり現場で伸びるんだなぁと羨ましく思いました。RIA の開発スキルを伸ばすには、相当刺激的かつ先端を行く職場なイメージ。というか間違いないです。
クラスメソッド社の皆様、お忙しい所お邪魔させていただきまして、ありがとうございました。RIAの最先端を拝見させていただき、(もちろん僕の理解力は追いつきませんでしたが、)たいへん刺激的&有益な時間が過ごせました。
その後、新宿のビジネスホテル(1泊4,200円)泊。
そして伝説面接へ・・・
- Newer: 東京:3月13日
- Older: 今日から東京行ってきます
Comment:5
- yo-suke 2007-03-15 (木) 18:47
-
クラスメソッドさんに行ってきたんですかー
ちょうど友達が働いてたりするので、もしかしたら顔を合わせていたかもしれませんね。私も遊びに行ってみたいな。
- tera 2007-03-15 (木) 19:02
-
こんにちは。
>ちょうど友達が働いてたりするので
なにやらどんどん繋がっていきますね。
この間の寺子屋に参加された方が、今度の大阪のFxUGを仕切られるそうですし、世の中広いようで狭いのはガチですね。 - yo-suke 2007-03-16 (金) 10:44
-
>この間の寺子屋に参加された方が、今度の大阪のFxUGを仕切られるそうですし
あ、その方名古屋の勉強会にも参加してくれる方かもw
本当に世の中狭いですねw
- sato-shi 2007-03-20 (火) 00:42
-
先日は遊びに来て頂いてありがとうございました。
世の中って狭いですよねぇ~。
ぐるぐるっと回ってみんな知り合いかよ!!みたいな(笑)
会社に関係なく良い輪が広がるといいですね。
今度は大阪でお会いしましょう♪ - tera 2007-03-20 (火) 01:41
-
>sato-shi様
こちらこそお世話になりました。
Flex2 の将来性を見せていただき、ありがとうございました。
先日注文していた「Flex 2 with ActionScript 3.0」という入門書が届き、Flex Builder 2 と FDS2 と ColdFusion7 をインストールし、本当に基礎の基礎からスタートしました。
大阪のFxUGまでには、もう少し Flex が分かる状態で参加したいものです。。
Trackback:0
- TrackBack URL for this entry
- http://www.trick7.com/blog/mt-tb.cgi/500
- Listed below are links to weblogs that reference
- 東京:3月12日 from trick7.com blog




