1. AKABANA
yui-frameworks
Copyright © AKABANA 2007-2010, all rights reserved.

2. 自己紹介
有川 榮一
フリーランス
AKABANA ( http://akabana.net )
RIA, Mobile, Cloud
The Seasar Project コミッタ
S2Flex2
yui-frameworks
Blog
http://akabana.info
Copyright © AKABANA 2007-2010, all rights reserved. 2

3. 自己紹介
名前：舩倉 純(ふなくら じゅん)
所属：株式会社ニークシステムテクノロジー技術部
http://www.neetec.co.jp/
オープンソースなど
S2Flex2/Akabana/dolteng/S2BlazeDS
nod::ぶろぐ:RIA::Flex/AIR/Flash
http://www.noridon.net/weblogs/
Copyright © AKABANA 2007-2010, all rights reserved.

4. Copyright © AKABANA 2007-2010, all rights reserved. 4

5. JSPでこういうコード書きますか？
Copyright © AKABANA 2007-2010, all rights reserved.

6. MXMLでこういうコード書きますか？
Copyright © AKABANA 2007-2010, all rights reserved.

7. Flex開発の問題点
タグとスクリプトの混在
デザインとロジックの一体化
デバックが困難
修正が困難
デザインの変更が困難
可読性の低下
作った人しか修正できない
Copyright © AKABANA 2007-2010, all rights reserved. 7

8. Flex Frameworks用のFrameworks
parsley
Swiz
Cairngorm
Copyright © AKABANA 2007-2010, all rights reserved. 8

9. yui-frameworksにすると..
デザインはMXMLのみ
Copyright © AKABANA 2007-2010, all rights reserved.

10. yui-frameworksにすると..
ロジックはActionScriptのみ
Copyright © AKABANA 2007-2010, all rights reserved.

11. yui-frameworksにすると..
デザインとロジックの分離
ルールに沿ったコーディング
最低限のコード量
他のFlexFrameworkと比べて50%以上削減可能
Copyright © AKABANA 2007-2010, all rights reserved. 11

12. yui-frameworksにすると..
View-Helper-Action
呼
Helper 呼び出し
び
出
し
Action
View
イベント
Copyright © AKABANA 2007-2010, all rights reserved. 12

13. yui-frameworksにすると..
View
Helper
コンポーネントを配置
デザインを適用 Action
Helper View
Viewの振る舞いを書く。
Action
イベントハンドラーを書く。
データロジックを書く。
Copyright © AKABANA 2007-2010, all rights reserved. 13

14. yui-frameworksにすると..
無駄なコードを削除できる
addEventListnerいらない。
removeEventListnerいらない。
Responderもいらない
MXMLにコードいらない
必要なコードだけを書く。
Copyright © AKABANA 2007-2010, all rights reserved. 14

15. No Code
No Bug
Copyright © AKABANA 2007-2010, all rights reserved. 15

16. Copyright © AKABANA 2007-2010, all rights reserved.

17. yui-frameworks 1.0
Flex Frameworks用のフレームワーク
Flex3, Flex4, Flash Catalystに対応
特徴
軽量
リリース版：30-50kb,
デバック版：80-100kb
三つの要素
ルール、フレームワーク、ツール
Copyright © AKABANA 2007-2010, all rights reserved. 17

18. yui-frameworks 1.0の要素
３つの要素
ルール
アプリケーション構築のためのルール
フレームワーク
ルール上に成り立っているフレームワーク
ツール
フレームワークを使い易くするため
Copyright © AKABANA 2007-2010, all rights reserved. 18

19. yui-frameworks 1.0のルール
命名規則
名前空間, クラス名, 関数名
独自ハンドリング禁止
RSL推奨、モジュール禁止
ステート推奨
バインディング使用制限
Copyright © AKABANA 2007-2010, all rights reserved. 19

20. yui-frameworks 1.0のフレームワーク
フレームワーク
基本構成
Action , Helper , Viewの依存関係解決
自動イベントハンドリング
RPCサービス
Copyright © AKABANA 2007-2010, all rights reserved. 20

21. yui-frameworks 1.0 の基本構成
View-Helper-Action
Helper
Action
View
yui-frameworks
Flex-Framework
Copyright © AKABANA 2007-2010, all rights reserved. 21

22. yui-frameworks 1.0 の基本構成
View
コンポーネントを配置
コンポーネントにユニークなIDを割り振る
デザインを適用
Copyright © AKABANA 2007-2010, all rights reserved. 22

23. yui-frameworks 1.0 の基本構成
Helper
Viewの振る舞いを書く。
Copyright © AKABANA 2007-2010, all rights reserved. 23

24. yui-frameworks 1.0 の基本構成
Action
イベントハンドラーを書く。
データロジックを書く。
Copyright © AKABANA 2007-2010, all rights reserved. 24

25. yui-frameworks 1.0のツール
yui-plugin for FlashBuilder
Project 生成
yui-application-project
yui-library-project
コード 生成
サービスクラス
モデルクラス
Copyright © AKABANA 2007-2010, all rights reserved. 25

26. yui-frameworks 1.0 Download
yui-frameworksのダウンロード
FlashPlayer 9 or 10
Flex 3 or 4 or using Catalyst
AIR 2
DataService(using RemoteObject)
Copyright © AKABANA 2007-2010, all rights reserved.

27. yui-frameworks 1.0 Documents
http://yui-docs.akabana.info/
今後ここにドキュメント置かれます。
http://bit.ly/ayEic3
swcはここからdownloadできます。
Copyright © AKABANA 2007-2010, all rights reserved.

28. yui-frameworks 1.0
More easily
More simply
More safely
More usefully
Copyright © AKABANA 2007-2010, all rights reserved. 28

29. Copyright © AKABANA 2007-2010, all rights reserved.

30. Flash Builder 4 DcD
DcD：Data-centric-Development
Flash Builder 4の新機能であるデータ中心開発
サーバからデータとサービスの定義を取得
サービス定義からサービスを自動生成
データ定義からモデルを自動生成
Copyright © AKABANA 2007-2010, all rights reserved.

31. Flash Builder 4 DcD plugin
コード生成テンプレートを変更するplugin
yui-frameworksのDataServiceを使ったサービス生成
Copyright © AKABANA 2007-2010, all rights reserved.

32. Flash Builder 4 DcD plugin
コード生成テンプレートを変更するplugin
データクラスとメタデータクラスを生成
Copyright © AKABANA 2007-2010, all rights reserved.

33. Flash Builder 4 DcD
クラウドサービス対応ラインナップ
AWS
BlazeDS ＋ Tomcat
GAE
BlazeDS
Copyright © AKABANA 2007-2010, all rights reserved. 33

34. Copyright © AKABANA 2007-2010, all rights reserved.

35. BlazeDSをGAEで動かすこと..
巷では不人気
そのまま動かない
パッチが必要？？？
Copyright © AKABANA 2007-2010, all rights reserved. 35

36. BlazeDSとGAE：構成
BlazeDS4
AKABANA BlazeDS拡張
Copyright © AKABANA 2007-2010, all rights reserved. 36

37. BlazeDSをGoogle App Engineに配置
セッションを有効にする
MBean を無効にする
ログを無効にする
デプロイ監視を無効にする
BlazeDS拡張をEndPointに設定する
Copyright © AKABANA 2007-2010, all rights reserved. 37

38. BlazeDS
GAE
デモ
Copyright © AKABANA 2007-2010, all rights reserved. 38

39. 質疑応答
Copyright © AKABANA 2007-2010, all rights reserved. 39

40. ご清聴
ありがとうございました
Copyright © AKABANA 2007-2010, all rights reserved. 40