yui-frameworks cloundservice-2010-06-13

Copyright © AKABANA 2007-2010, all rights reserved.

AKABANA

yui-frameworks


自己紹介

有川榮一

フリーランス

AKABANA ( http://akabana.net )

RIA, Mobile, Cloud

The Seasar Project コミッタ

S2Flex2

yui-frameworks

Blog

http://akabana.info

2

http://akabana.net/


自己紹介

名前：舩倉純(ふなくらじゅん)

所属：株式会社ニークシステムテクノロジー技術部

http://www.neetec.co.jp/

オープンソースなど

S2Flex2/Akabana/dolteng/S2BlazeDS

nod::ぶろぐ:RIA::Flex/AIR/Flashhttp://www.noridon.net/weblogs/

http://www.noridon.net/weblogs/


JSPでこういうコード書きますか？


MXMLでこういうコード書きますか？


Flex開発の問題点

タグとスクリプトの混在

デザインとロジックの一体化

デバックが困難

修正が困難

デザインの変更が困難

可読性の低下

作った人しか修正できない

7


Flex Frameworks用のFrameworks

8

SwizCairngorm

parsley


yui-frameworksにすると..

デザインはMXMLのみ



ロジックはActionScriptのみ



デザインとロジックの分離

ルールに沿ったコーディング

最低限のコード量

他のFlexFrameworkと比べて50%以上削減可能

11



View-Helper-Action

12

HelperHelper

ViewView

ActionAction

呼び出し

イベント

呼び出し



View

コンポーネントを配置

デザインを適用

Helper

Viewの振る舞いを書く。

Action

イベントハンドラーを書く。

データロジックを書く。

13

HelperHelper

ViewViewActionAction



無駄なコードを削除できる

addEventListnerいらない。

removeEventListnerいらない。

Responderもいらない

MXMLにコードいらない

必要なコードだけを書く。

14


No CodeNo Bug


yui-frameworks 1.0

Flex Frameworks用のフレームワーク

Flex3, Flex4, Flash Catalystに対応

特徴

軽量

リリース版：30-50kb,

デバック版：80-100kb

三つの要素

ルール、フレームワーク、ツール

17


yui-frameworks 1.0の要素

３つの要素

ルール

アプリケーション構築のためのルール

フレームワーク

ルール上に成り立っているフレームワーク

ツール

フレームワークを使い易くするため

18


yui-frameworks 1.0のルール

命名規則

名前空間, クラス名, 関数名

独自ハンドリング禁止

RSL推奨、モジュール禁止

ステート推奨

バインディング使用制限

19


yui-frameworks 1.0のフレームワーク

フレームワーク

基本構成

Action , Helper , Viewの依存関係解決

自動イベントハンドリング

RPCサービス

20


yui-frameworks

1.0

の基本構成

View-Helper-Action

21

HelperHelper

ViewViewActionAction

Flex-FrameworkFlex-Framework

yui-frameworksyui-frameworks


yui-frameworks

1.0

の基本構成

View

コンポーネントを配置

コンポーネントにユニークなIDを割り振る

デザインを適用

22


yui-frameworks

1.0

の基本構成

Helper

Viewの振る舞いを書く。

23


yui-frameworks

1.0

の基本構成

Action

イベントハンドラーを書く。

データロジックを書く。

24


yui-frameworks 1.0のツール

yui-plugin for FlashBuilder

Project 生成

yui-application-project

yui-library-project

コード生成

サービスクラス

モデルクラス

25


yui-frameworks 1.0

Download

yui-frameworksのダウンロード

FlashPlayer 9 or 10

Flex 3 or 4 or using Catalyst

AIR 2

DataService(using RemoteObject)


yui-frameworks 1.0

Documents

http://yui-docs.akabana.info/

今後ここにドキュメント置かれます。

http://bit.ly/ayEic3

swcはここからdownloadできます。

http://yui-docs.akabana.info/

http://bit.ly/ayEic3


yui-frameworks 1.0

More easily

More simply

More safely

More usefully28


Flash Builder 4 DcD

DcD：Data-centric-Development

Flash Builder 4の新機能であるデータ中心開発

サーバからデータとサービスの定義を取得

サービス定義からサービスを自動生成

データ定義からモデルを自動生成


Flash Builder 4 DcD

plugin

コード生成テンプレートを変更するplugin

yui-frameworksのDataServiceを使ったサービス生成


Flash Builder 4 DcD

plugin

コード生成テンプレートを変更するplugin

データクラスとメタデータクラスを生成


Flash Builder 4 DcD

クラウドサービス対応ラインナップ

AWS

BlazeDS ＋ Tomcat

GAE

BlazeDS

33


BlazeDSをGAEで動かすこと..

巷では不人気

そのまま動かない

パッチが必要？？？

35


BlazeDSとGAE：構成

BlazeDS4

AKABANA BlazeDS拡張

36


BlazeDSをGoogle App Engineに配置

セッションを有効にする

MBean を無効にする

ログを無効にする

デプロイ監視を無効にする

BlazeDS拡張をEndPointに設定する

37


BlazeDS

GAE

デモ


質疑応答

39


ご清聴ありがとうございました

40

yui-frameworks cloundservice-2010-06-13

Technology

Transcript of yui-frameworks cloundservice-2010-06-13