この記事に必要な予備知識
- 基本的なプログラミングの概念、プロセス、構成
- XML、HTML、CSS
「1週間で学ぶFlex」ビデオトレーニング
クイックジャンプ:
※ビデオは英語で解説しています
1週間で学ぶFlexの必要条件
必要な製品
- Flash Builder 4 （体験版のダウンロード）
Flex 3をご使用中の場合
はじめに
このトレーニングコースでは、オープンソースのFlexフレームワークを利用してRIAを構築する方法を学ぶことができます。Flexの学習を容易にするため、EclipseベースのFlash Builder 4（旧名Flex Builder）開発ツールを使用します。これはFlexフレームワークを含み、インテリジェントコーディング、インタラクティブなステップ式デバッグ、ユーザーレイアウトのビジュアルデザインといった機能を備えています。
注意：このトレーニングで最大の効果を得るには、ビデオを見たあと、必ず付属の演習を実行してください。ビデオはダウンロードしてオフラインで見ることもできますが、演習を実行するには、このページに戻って演習ファイルをダウンロードする必要があります。
この短いインタビュービデオでは、トレーニングコースの仕組み、必要条件、扱うトピックスのプレビューを紹介します。
その他のビデオ視聴方法
- iTunesでモバイルバージョンを入手 （演習は付属しません）
- ビデオをダウンロードしてオフラインで視聴 （演習は付属しません）
第1日：Flexの基礎
第1日プロジェクトファイル
（ZIP、46.5 MB）
Adobe Flex 4の紹介
Flash Builderのセットアップ
- Flash Builderとプロジェクトファイルのセットアップ
データ駆動型Flexアプリケーションの構築
- ユーザーインターフェイスの作成
- データバインディングを使用した電子メールアドレスの生成
- アプリケーションへのデータの追加
ビジュアルエレメントとコードの整理
- コンテナレイアウトの操作
- ActionScriptプロパティによるMXMLカスタムコンポーネントの作成
第2日：イベントとデータの基礎
第2日プロジェクトファイル
（ZIP、95.5 MB）
イベント駆動型開発の理解
- ユーザーイベントの処理
- イベントオブジェクトの使用
- addEventListener()メソッドの使用
リモートデータの取得
- 取得したデータのArrayCollectionへの格納
- 取得したデータのArrayCollectionへの格納
- HTTPServiceによるアプリケーションへのデータの供給
- HTTPによるアプリケーションへのデータの供給
- HTTPによるアプリケーションへのデータの供給
- RemoteObjectによるアプリケーションへのデータの供給
- RemoteObjectによるアプリケーションへのデータの供給
型指定されたデータモデルの作成
- モデル、ビュー、コントローラーの分離
- モデル、ビュー、コントローラーの分離
- ActionScriptクラスとインスタンスの作成
- 値オブジェクトのArrayCollectionの作成
- データサービスウィザードを使用したサービスへの接続
第3日：データの処理と操作
第3日プロジェクトファイル
（ZIP、49.3 MB）
イベントの拡張
- イベントタイプの作成とイベントオブジェクトのディスパッチ
- Eventクラスの拡張によるイベントオブジェクトへのデータの引き渡し
- カスタムコンポーネントからの値オブジェクトのディスパッチ
リモートデータの送信
- HTTPServiceによるサーバーへのデータの引き渡し
- WebServiceによるサーバーへのデータの引き渡し
- RemoteObjectによるサーバーへのデータの引き渡し
データの検証とフォーマット
- 日付のフォーマット
- フォームデータの検証
データ処理の詳細
- 双方向バインディングの使用
- ウィザードによるマスター/詳細インターフェイスの作成
第4日：ページレイアウトとアニメーション
第4日プロジェクトファイル
（ZIP、122 MB）
DataGroupコンテナによるデータの表示
- 表示のためのアイテムレンダラーへのデータの引き渡し
- カスタムアイテムレンダラーでの動的データの表示
リストベースコントロールによるデータの表示
- リストベースコントロールでのSparkアイテムレンダラーの実装
- DataGridコントロールの使用
- アイテムレンダラーおよびアイテムエディターの作成と使用
UIの「ページ」の作成とナビゲーション
- ナビゲーターコンテナによるナビゲーション
- アプリケーションステートの作成とナビゲーション
- スケーラブルUIの作成
コンポーネントとステートのアニメーション化
- エフェクトによるコンポーネントのアニメーション化
- ビューステートへのトランジションの適用
第5日：視覚的アピールの追加
第5日プロジェクトファイル
（ZIP、60.7 MB）
テキスト表示の制御
- テキストコントロールの使用
- テキストレイアウト機能の使用
ビジュアル表示のスタイル設定
- セレクタースタイルの定義
- 拡張CSSセレクターの使用
Sparkコンポーネントのスキン設定
- スキンの作成と適用
- カスタムスキンプロパティの作成
- Panelコントロールでの垂直タイトルバーの作成
- ボタンコンポーネントのアニメーション化
- SkinnableDataGroupコンテナのスキン設定
Adobe Flash CatalystによるFlexアプリケーションのスキン設定
- Flash Catalyst FXPファイルのFlash Builderへの読み込み
FlexおよびAdobe AIRアプリケーションのデプロイメント
- 製品ビルドの作成
- デスクトップへのデプロイメント
