Adobe Flex 3: Developing Rich Client Applications(アドビ フレックス3によるRIAの開発講座)/ 講座目録

Flex 3: Developing Rich Client Applications
講座目録

  • Adobe Flex 3 の概要
    • リッチインターネットアプリケーションについて
      • アプリケーションの進化
      • RIAの特徴
      • RIAの利点
      • RIA開発用のAdobeツール
    • Adobe Flex について
      • Adobe Flex SDK
    • Adobe Flex Builder について
      • Adobe Flex Builder Standard
      • Adobe Flex Builder Professional
    • RIAの基盤技術である Flash Player / Flash Virtual Machineについて
    • Flex アプリケーションのプロセスフローについて
    • Flexアプリケーションからのリモートデータリソースへのアクセス
    • ヘルプおよびその他のリソースへのアクセス
      • ドキュメンテーション
      • Flex URL
      • BLOG
  • Flex Builder ファーストステップガイド
    • EclipseとFlex Builderの関係について
      • Eclipse Foundation
      • Flex Builder
    • Flex Builderインターフェース
      • エディタの概要
      • ビューの概要
      • パースペクティブの概要
    • プロジェクトの作成およびアプリケーションの作成の基本
      • プロジェクトの作成
      • メインアプリケーションファイルの使用
      • アプリケーションファイルの実行
      • アプリケーションのコンパイル
      • ワークスペースによるプロジェクトのグループ分け
    • ウオークスルー1:メインアプリケーションファイルの作成と実行
    • Flexアプリケーションのデバッグ
      • 変数値のトレース
      • ブレークポイントの設定
      • アプリケーションのデバッグ
    • ウオークスルー2:デバッグおよびデバッグパースペクティブの使用
    • Adobe Flex Builderでのヘルプへのアクセス
      • Flex Builder内のヘルプ
      • ドキュメンテーション
  • Flex の基本
    • シンプルなFlexアプリケーションの作成
      • 名前空間の指定
      • レイアウトプロパティの設定
      • UIコントロールの追加
      • コンポーネントプロパティの指定
      • MXMLコードへのコメント
    • ウオークスルー1:初めてのFlexアプリケーション作成
    • 画像の表示
      • 画像を表示する方法
      • SVG(Scalable Vector Graphic)ファイルでの作業の制限
    • ウオークスルー2:アプリケーションへの画像の追加
    • コンテナを使用したFlexアプリケーションのレイアウト
      • Flex Component Explorerでのさまざまなタイプのコンテナの表示
      • コンテナの機能
      • レストランアプリケーションの例
      • Boxコンテナ
      • Canvasコンテナ
      • <mx:Application>タグでのレイアウトの使用
    • ウオークスルー3:基本レイアウトコンテナの使用
    • Panelコンテナの使用
      • Panelタグの使用
    • ウオークスルー4:アプリケーションモジュールのパネルへの分割
    • ControlBarコンテナの使用
    • ウオークスルー5:ControlBarコンテナの使用
    • ユーザーインターフェースコントロールの追加
      • Labelコントロールについての再考
      • TextInputコントロール
    • コンポーネント間のデータバインディング
      • インスタンス名の割り当て
      • データバインディングの作成
    • ウオークスルー6:データバインディングの作成
    • カスタムMXMLコンポーネントでのアプリケーション構築
      • カスタムMXMLコンポーネントの使用
      • カスタムMXMLコンポーネントの作成
      • カスタムMXMLコンポーネントのインスタンス化
    • ウオークスルー7:カスタムMXMLコンポーネントの作成とインスタンス化
    • カスタムMXMLコンポーネントのプロパティおよびメソッドの作成
      • カスタムMXMLコンポーネント内でのプロパティの作成
      • カスタムMXMLコンポーネントプロパティの参照
      • バインド可能プロパティの作成
      • カスタムMXMLコンポーネントのメソッドの作成
      • カスタムMXMLコンポーネントメソッドの参照
      • ActionScriptコードへのコメント
    • ウオークスルー8:コンポーネントでのプロパティおよびメソッドの作成
  • イベントの処理
    • イベントについて
      • システムイベント
      • ユーザーイベント
    • インラインActionScriptを使用したイベントハンドラの作成
      • インラインActionScriptを使用したイベントハンドラの作成
      • MXMLタグでのActionScriptの使用
    • ウオークスルー1:インラインActionScriptの使用
    • ActionScript関数内でのイベント処理
      • MXMLドキュメントでの関数の定義
    • ウオークスルー2:イベントハンドラ用の関数の使用
    • 外部ファイルへのActionScript関数の記述
    • イベントオブジェクトについて
      • イベントオブジェクトのプロパティ
      • eventオブジェクトのデータ型指定
      • currentTargetとtarget
      • コード例
      • Imageクラスにおける特別なケース
    • ウオークスルー3:イベントオブジェクトについて
    • addEventListener()メソッドの使用
    • ウオークスルー4:addEventListener()メソッドの使用
  • 制約ベースのレイアウトを使用したアプリケーションのレイアウト
    • 絶対配置について
      • 絶対配置用のコンテナサポート
      • 絶対配置の特徴
    • Canvasコンテナ内でのコンポーネントの配置
      • Canvasコンテナの長所と短所
    • ウオークスルー1:Canvas内でのコンポーネントの配置
    • Flex Builderを使用した制約ベースのレイアウトの設定
      • 制約ベースレイアウトと従来のコンテナレイアウト
      • 視覚的なアンカーの指定
    • ウオークスルー2:デザインモードを使用した制約ベースのレイアウトの実装
    • MXMLでの制約ベースのレイアウトの設定
      • horizontalCenterおよびverticalCenterの使用
    • ウオークスルー3:MXMLでの制約ベースのレイアウトの実装
    • 高度な制約の使用
      • ConstraintRowおよびConstraintColumnの使用
    • ネストされたコンテナ内での制約ベースのレイアウトの使用
    • ウオークスルー4:制約ベースのレイアウトでのカスタムコンポーネントの使用
  • ラボ1
    • 基本的なフォトギャラリーアプリケーションとホームページの作成
    • Contributeページコンポーネントの作成
    • Galleryページコンポーネントの作成
  • アプリケーションデザインでのビューステートの使用
    • ビューステートについて
      • ビューステートについて
      • ビューステートの作成
      • ビューステートを使用する利点
      • デザインモードでのビューステートの作成
    • ウオークスルー1:Contactページの2つのステートの作成
    • ビューステートのコントロール
    • ウオークスルー2:Contactフォームでのステートの切り替え
    • 生成されたMXMLコードの確認
      • AddChildタグの使用
      • RemoveChildタグの使用
      • SetPropertyタグの使用
      • SetEventHandlerタグの使用
    • ウオークスルー3:MXMLを使用したビューステートの実装
    • カスタムコンポーネントを含むビューステートの作成
    • ウオークスルー4:カスタムコンポーネントでのビューステートの使用
  • アプリケーションナビゲーションの作成
    • ナビゲータコンテナとコントロールについて
    • LinkBarコントロールの使用
    • TabBarコントロールの使用
    • ViewStackコンテナの使用
      • アクティブなViewStack子コンテナの設定
      • ViewStackコンテナのコンテンツを管理するためのLinkBarコンテナとTabBarコンテナの再考
      • ViewStackの子コンテナの表示とサイズ変更
      • 動的なボタンの有効化
    • ウオークスルー1:ViewStackコンテナおよびTabBarコントロールを使用したCafé Townsendアプリケーションのナビゲート
    • TabNavigatorコンテナの使用
    • Accordionコンテナの使用
    • ウオークスルー2:TabNavigatorおよびAccordionコンテナを使用したCafé Townsendアプリケーションのナビゲート
    • ButtonBar & ToggleButtonBar の使用
    • ApplicationControlBarコンテナの使用
    • ウオークスルー3:Café TownsendアプリケーションへのApplicationControlBar
    • コンテナの追加
  • アプリケーションのカスタマイズ
    • Flexアプリケーションのルックアンドフィールのカスタマイズ
      • Flexコントロールスタイルのデフォルトの変更
      • アニメーションエフェクトを使用したユーザーとのインタラクション
    • ルックアンドフィールを変更するためのスタイルの変更
      • MXMLコンポーネント属性を使用したインラインスタイルの設定
      • setStyle()メソッドを使用したActionScriptでの個々のコンポーネントのスタイル設定
      • ActionScriptとCSSスタイルについて
      • CSS(カスケーディングスタイルシート)を使用したスタイル設定
      • ボタンステートのスタイル
    • テーマの使用
    • ウオークスルー1:Café Townsendアプリケーションのルックアンドフィールの変更
    • コンポーネントへのビヘイビアの適用
      • ビヘイビアの基本
      • 使用できるエフェクトの確認
      • パラレルおよびシーケンスエフェクトの作成
    • ウオークスルー2:Café Townsend座席図へのビヘイビアの追加
    • ビューステートへのトランジションの適用
    • ウオークスルー3:ステートトランジション中のCafé Townsend問い合わせパネルのサイズ変更
  • ラボ2
    • アプリケーションナビゲーションとカスタムコンポーネントの追加
    • デザインモードでのビューステートの作成とトランジション
    • MXMLでのビューステートの作成
    • fStopアプリケーションの外観の変更
  • ActionScriptデータモデルの使用
    • MVCデザインパターンの使用
      • MVCエレメント
      • MVCの利点
      • ラボアプリケーションの例
    • MXMLデータモデルの作成
      • MXMLデータモデルの作成
    • データモデルとしてのActionScriptクラスの使用
      • クラスパスおよびパッケージ
      • クラスファイルの作成
      • クラスの使用
      • クラスコンストラクタの作成
      • クラスプロパティの定義
      • MXMLでのActionScriptクラスのインスタンス化
      • プロパティをバインド可能にする
    • ウオークスルー1:ActionScriptクラスのMXMLによるインスタンス化
    • パラメータを持つActionScriptコンストラクタの作成
      • This キーワードの使用の詳細
      • コンストラクタパラメータの使用
    • ウオークスルー2:ActionScriptクラスのActionScriptによるインスタンス化
    • クラスメソッドの定義
      • メソッドの呼出
      • 静的メソッドの定義
      • 静的メソッドの呼出
    • ウオークスルー3:ActionScriptクラスへのメソッドの追加
  • カスタムイベントを使用したコンポーネント間のデータ交換
    • バインドを使用した場合の問題点の理解
      • バインド使用の問題点
      • 疎結合コンポーネントの作成
    • カスタムイベントの作成
      • イベントの定義
      • イベントオブジェクトの作成
      • イベントの送出
      • イベントを処理するイベントハンドラの実装
    • ウオークスルー1:カスタムイベントの作成、送出、処理
    • カスタムイベントでのデータ送信
      • カスタムイベントクラスの必要性の確認
      • カスタムイベントオブジェクトの必須作業の確認
      • カスタムイベントクラスの作成
      • プロパティの追加
      • コンストラクタの作成
      • Cloneメソッドのオーバーライド
      • カスタムイベントクラスの使用
      • カスタムイベントの送出
      • カスタムイベントの処理
    • ウオークスルー2:カスタムイベントオブジェクトの作成および送出
  • データエントリーフォームの作成
    • Formコンテナの使用
      • フォームコンポーネントの使用
      • FormItemコンテナの使用
      • Formカスタムコンポーネントの作成
    • ウオークスルー1:データエントリフォームコンポーネントの作成
    • フォームデータの共有
      • 値オブジェクトの作成
      • カスタムイベントの作成
      • カスタムイベントの宣言と送出
      • カスタムイベントの処理
    • ウオークスルー2:アプリケーションでのフォームデータの共有
    • フォームデータの検証
      • MXMLでのValidatorの作成
      • ActionScriptでのバリデータの作成
      • 必須値の処理
    • イベントでの検証のトリガ
      • 検証が失敗した場合
      • Number Validatorクラスの使用
    • ウオークスルー3:数値入力の検証
    • ActionScriptでの検証のトリガ
      • 自動検証の無効化
      • Validate()メソッドの使用
      • 複数の検証のトリガ
    • ウオークスルー4:ActionScriptでの検証のトリガ
  • HTTPServiceでのXMLデータの取得
    • 実行時のXMLデータの取得
      • HTTPServiceクラスの使用
      • HTTPリクエストを行うプロセス
    • 結果の処理
      • 結果がArrayCollectionに解析される場合
      • データバインディングでの結果の使用
    • ウオークスルー1:HTTPServiceによる実行時のデータ取得
    • イベントハンドラを使用した結果の処理
    • ウオークスルー2:resultイベントの使用
    • エラー処理
      • Alertポップアップでのメッセージの表示
    • ウオークスルー3:エラーイベントの処理
    • さまざまなドメインへのHTTPリクエスト
      • クロスドメインポリシーファイルの使用
    • ウオークスルー4:クロスドメインポリシーのテスト
    • パラメータでのHTTPリクエスト
      • 明示的にパラメータを渡す方法の使用
      • パラメータのバインディングの使用
    • ウオークスルー5:パラメータをともなうHTTPServiceの使用
  • DataGridを使用したデータの表示
    • DataGridコントロールの使用
      • DataGridへのデータの供給
    • DataGrid列の指定
    • ウオークスルー1:DataGrid列の指定
    • DataGrid列のフォーマット
      • 再利用可能なラベル関数の作成
    • ウオークスルー2:DataGrid列のデータフォーマット
    • アイテムレンダラーとアイテムエディタの使用
      • アイテムレンダラーとアイテムエディタ
      • アイテムレンダラーとアイテムエディタの種類
    • ウオークスルー3:ドロップインアイテムエディタの使用
    • インラインアイテムレンダラーとインラインアイテムエディタ
    • ウオークスルー4:インラインアイテムエディタの使用
    • アイテムレンダラーとアイテムエディタのコンポーネント
    • ウオークスルー5:コンポーネントアイテムレンダラーの使用
    • TileListおよびHorizontalListの使用
      • アイテムレンダラーの使用
    • ウオークスルー6:TileListおよびHorizontalListでのデータ表示
    • リストベースコンポーネントでのイベントと選択されたアイテムの使用
    • ウオークスルー7:TileListでのchangeイベントの使用
  • ラボ3
    • リモートデータの取得とデータ構造の作成
    • ギャラリーでの動的画像の表示
    • ビューステートでのクリックされた画像の表示
    • 購入された写真の写真情報を渡す
    • ショッピングカートでの購入された社員の表示