Home > diary > 東京:3月12日

東京:3月12日

東京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円)泊。
そして伝説面接へ・・・

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 が分かる状態で参加したいものです。。

Comment Form

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

Remember personal info

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

Home > diary > 東京:3月12日

持っている Flash & ActionScript 関連本の中から、自分的おすすめの読む順番をご紹介。各書籍のレビューは books カテゴリからご覧頂けます。
この順番でどう?(AS3.0)
  • Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)
    Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)

    デザイン方面からFlashデビューして、そのままAS2.0を使うようになった人が、難しいと評判のAS3デビューする時の最初の1冊として、とにかく目を通しておくと良いかと思います。プログラミング経験の少ない方でも、サンプルをじっくり読めば、ゼロからのAS3デビュー可。
  • ActionScript 3.0 アニメーション
    ActionScript 3.0 アニメーション
    洋書「Making Things Move!」の日本語訳本。ActionScript3.0で数学的アニメーションを作ることがメインテーマなのですが、前半部分でAS3.0の基礎を分かり易く解説されています。後半の重力, IK, 3D表現等のアニメーション解説も楽しい。僕はこれのAS2.0洋書版を読んでFlashの面白さに気付きました。
  • Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付)
    Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付)
    この次の辞典のような洋書を読む前の事前知識としてこの本の内容を理解しておくといいかも。
  • Essential ActionScript 3.0 (Essential)
    Essential ActionScript 3.0 (Essential)

    900ページ以上ある相当分厚い本。基礎からOOPまでを解説。ほぼ網羅しているので、これを抑えておけばAS3博士になれそう。
  • Actionscript 3.0 Cookbook
    Actionscript 3.0 Cookbook

    ActionScript3.0のリファレンス本。問題とその解決法が1ページぐらいで細分化されているので空いた時間にちょっとずつ読み進められる。WebでAS3のソースを見て勉強する時の字引としても使う。ただ、時期的に初期の本なので、AS3自体が仕様変更してたりするので正誤表は必読。
  • Object-Oriented Actionscript 3.0
    Object-Oriented Actionscript 3.0

    7/23に発売されたFlash&OOP本。AS2.0版は持っているのだけど、オブジェクト指向の初歩的な解説から入って、後半は僕の理解を超える難度になっていきました。今度こそ理解できるか?
この順番でどう?(AS2.0)
  • Foundation Actionscript Animation: Making Things Move (Foundation)
    Foundation Actionscript Animation: Making Things Move (Foundation)

    スクリプトでアニメーションさせる方法を学べる。プログラムの知識というよりも数学や物理の知識が必要。バネの表現や3D表現など、汎用性の高いテクニックを身に付けられ、個人の表現力をレベルアップするのに最適。参考までに、僕が調べた英単語リスト。2007年4月に、AS3対応版も発売されました。
  • ゲーム開発のための数学・物理学入門 Beginning Math and Physics for Game Programmers
    ゲーム開発のための数学・物理学入門  Beginning Math and Physics for Game Programmers

    「Making Things Move!」の世界を突き詰めたい人用のステップアップのための本。行列や物理運動、2D/3D表現。Flashの本ではなく、じっくり読むタイプの本なので、あとまわしにしてもいいかも。
  • Flash 8 Essentials
    Flash 8 Essentials

    Flash8の新機能を紹介。全10章が独立した構成で、興味のある部分から読めます。フィルタやビットマップ、ビデオの使い方とかを、基礎から順を追って理解していけるので、ゼロからスクリプティングできるようになる。僕はビットマップ関連の作業の際のリファレンスとして常用しています。
  • .fla―Idea of Flash Creation
    .fla―Idea of Flash Creation

    上の本でFlash8の基本を身に付けて、それをどう面白い表現に落とし込むかを学べます。深津さんの、試行錯誤・実験しやすいスクリプティング、クラス設計に凄さを感じました。YouTubeやFlickrのAPI、PHPとの連携記事も。
  • FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]
    FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]

    ここまでで表現力が付き、テンションが上がるので、その勢いで難解なオブジェクト指向に挑戦。プログラム経験のない人がいきなり英語のOOP本を読むのは厳しい。この本で継承とかインターフェースとかポリモーフィズムとかの用語を理解しておくといいかも。
  • オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―
    オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―

    Flashの本ではありませんが、OOPの概念を気軽に読めるボリュームで解説してくれます。英語と日本語のOOP用語の対応を図るためにも「Object-oriented Actionscript for Flash 8」と併読するのがおすすめ。なんとなく読んでおくだけでも結構違うのでは。
  • Object-oriented Actionscript for Flash 8
    Object-oriented Actionscript for Flash 8

    前半はOOPの利便性や基本の紹介。デザインパターンやMVCの理解。13章からグッと難しくなって大変。Flash8対応。
  • Essential Actionscript 2.0
    Essential Actionscript 2.0

    上の本よりもさらにOOPプログラマ向け。同じOOP本ということでやや重複しており、こちらはMX2004時代の本なので見送ってもいいかも。分かりやすい英語で良著。この本のAS3版が出たら間違いなく買い。

Page Top