アークウェブ
Webマーケティング
SandBox
Web制作会社アークウェブのスタッフが、企画・マーケティングのTips・ノウハウをまとめているWikiです
アークウェブシステム開発SandBox
アークウェブWebマーケティングSandBox
アークウェブWebデザインSandBox
アークウェブ アクセシビリティWiki
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
&pgid;
Flexについて知らなさ過ぎるので、[[「Flex3プログラミング入...
何ができるものなのか把握する。
** 目次 [#gd0197b6]
#contents();
** Flexアプリのショーケースサイト、リファレンス等 [#me8fe...
- Flex Showcase: http://flex.org/showcase/
-- Flexサンプル多数。
- Adobe - Flexデベロッパーセンター: http://www.adobe.com...
-- Flex開発者向けサイト。チュートリアル、サンプル、ダウン...
- Flex 3 リファレンスガイド: http://livedocs.adobe.com/fl...
** Flexアプリケーションの構成物 [#acab920c]
- ソースファイルはMXML + ActionScript で記述する。
- MXML --(コンパイル)--> ActionScript --> 実行ファイル:....
- SWC(拡張子.swc、ライブラリ、コンポーネントファイル):...
- RSL(拡張子.swc、ランタイム共有ライブラリ):クライアン...
*** MXML, ActionScript [#w35a1f17]
- MXMLはマークアップ言語(XML)の一種。(拡張子.mxml)
-- <>タグ。XHTMLなどに似ている。
- ActionScript(拡張子.as):制御構造を記述
-- ECMAScriptをベースにしたプログラミング言語。
-- JavaScriptに似ている。
-- MXML内に直接記述するか、外部ファイルとしてインポートさ...
*** コンポーネント [#k139a82e]
- コンポーネント(UIコンポーネントなど再利用可能な機能プ...
- ライブラリ(関数レベルの機能集合)
-- クラスライブラリ (API)
-- ActionScriptクラスライブラリ (Adobeが提供)
-- Flex 3 リファレンスガイド: http://livedocs.adobe.com/f...
ActionScript™ 言語で使用されるすべてのエレメントのシンタ...
関する情報が記載されています。Adobe が正式にサポートして...
Player および Adobe® AIR™ のすべてのエレメントについて説...
*** アプリケーション実行 [#j347b5a8]
- Flexアプリケーションの実行は Flash Player。エンジンはAV...
-- 2006年 AVM2ソースコードを公開
-- Mozilla Foundationと共同で開発を進める方針を発表(Tama...
** サーバとの連携 [#a114bb5c]
[[[[[[[[[[[ Flash Player ]]]]]]]]]]]]]]]
↓↑ ↓↑ ↓↑
[[[[[[[[[[[ Webサーバ ]]]]]]]]]]]]]]]]]]
↓↑ ↓↑
XML/HTTP Live Cycle Date Services ES
REST Java EEアプリケーションサーバ
SOAP Webサービス
- Live Cycle Date Services ES(LCDS)はサーバ上のJavaクラス...
-- MS Windows 2000 Server、 Win XP Professional、Red Hat...
-- FlexクライアントとJMS(Java Message Service)間のメッ...
-- リアルタイムチャット、サーバからクライアントへメッセー...
-- リモートプロシージャコールサービル: サーバ-クライアン...
- データマネージメントサービル
-- Flexクライアント-サーバ間で同期されたデータ処理を可能...
** Flexアプリケーションのビルド [#a75cbc04]
2方法ある
- Flex SDKのコマンドラインコンパイラからビルドする
- Flex Builder(Flex SDK同梱)上からビルドする
** 開発ツール [#e3167143]
- Flex SDK:Adobe提供の無償キット。テキストエディタで開発
-- アプリケーションコンパイラ(mxmlc):SWFを生成
-- コンポーネントコンパイラ(compc):SWCやRSLを生成
- Flex Builder:Exlipseベースの統合開発環境。有償。ソース...
** MXMLの基本 [#c3c65fb5]
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<!-- コンポーネントの配置とか記述 -->
<mx:Script>
<![CDATA[
// ActionScriptコードの記述
]]>
</mx:Script>
....
</mx:Application>
- MXMLソース内にActionScriptコードを書く
-- MXMLタグ内にインラインで書く
<mx:Button click="mx.controls.Alert.show('ほげほげ')" />
-- <mx:Script>タグ内にまとめて書く
<mx:Script>
<![CDATA[
private function Button_click(): void {
mx.controls.Alert.show('ほげほげ');
}
]]>
</mx:Script>
** Flexプログラミングの基本概念 [#kb14ce65]
*** イベント処理 [#abb00f92]
- ユーザイベント( click, doubleClick, mouseDown等)とシ...
- イベントハンドラ(イベントリスナー)の作成
<mx:Script>
<![CDATA[
import flash.events.MouseEvent; ←flash.eventsパ...
import mx.controls.Alert; ← mx.controls パッケ...
private function myEventHandler( event:MouseEve...
mx.controls.Alert.show('ほげほげ');
}
]]>
</mx:Script>
- MXMLソース内から呼び出す
<mx:Button label="クリックしてください" click="myEventHa...
-- ASコード直書き(インラインイベントハンドラ)という手も...
-- ActionScriptでイベントハンドラを登録するには addEventL...
*** バインディング [#q22dafb2]
- コンポーネント間で、バインディングの設定ができる。sourc...
- 記述方法は {}によるか、タグで書くの2種類ある
<mx:TextInput id="sourceText" text="文字を入力してくださ...
<mx:label text="{sourceText.text}" /> ←こちらに反映さ...
*** アイテムレンダラー [#ocff5c61]
(よくわからんので飛ばし)
** Flexコンポーネント [#i0f833ac]
- カスタムコンポーネント (自分で作るやつ)
- Flexビジュアルコンポーネント(あるいは単にコンポーネン...
*** Flexビジュアルコンポーネント [#y8599763]
- ボタン、ラベルなど画面に配置する要素
- ビジュアルコンポーネントの配置=画面のデザインということ
== (次回に続く) ==
#blikifooter(八木)
tag: [[Flex>tag/Flex]]
終了行:
&pgid;
Flexについて知らなさ過ぎるので、[[「Flex3プログラミング入...
何ができるものなのか把握する。
** 目次 [#gd0197b6]
#contents();
** Flexアプリのショーケースサイト、リファレンス等 [#me8fe...
- Flex Showcase: http://flex.org/showcase/
-- Flexサンプル多数。
- Adobe - Flexデベロッパーセンター: http://www.adobe.com...
-- Flex開発者向けサイト。チュートリアル、サンプル、ダウン...
- Flex 3 リファレンスガイド: http://livedocs.adobe.com/fl...
** Flexアプリケーションの構成物 [#acab920c]
- ソースファイルはMXML + ActionScript で記述する。
- MXML --(コンパイル)--> ActionScript --> 実行ファイル:....
- SWC(拡張子.swc、ライブラリ、コンポーネントファイル):...
- RSL(拡張子.swc、ランタイム共有ライブラリ):クライアン...
*** MXML, ActionScript [#w35a1f17]
- MXMLはマークアップ言語(XML)の一種。(拡張子.mxml)
-- <>タグ。XHTMLなどに似ている。
- ActionScript(拡張子.as):制御構造を記述
-- ECMAScriptをベースにしたプログラミング言語。
-- JavaScriptに似ている。
-- MXML内に直接記述するか、外部ファイルとしてインポートさ...
*** コンポーネント [#k139a82e]
- コンポーネント(UIコンポーネントなど再利用可能な機能プ...
- ライブラリ(関数レベルの機能集合)
-- クラスライブラリ (API)
-- ActionScriptクラスライブラリ (Adobeが提供)
-- Flex 3 リファレンスガイド: http://livedocs.adobe.com/f...
ActionScript™ 言語で使用されるすべてのエレメントのシンタ...
関する情報が記載されています。Adobe が正式にサポートして...
Player および Adobe® AIR™ のすべてのエレメントについて説...
*** アプリケーション実行 [#j347b5a8]
- Flexアプリケーションの実行は Flash Player。エンジンはAV...
-- 2006年 AVM2ソースコードを公開
-- Mozilla Foundationと共同で開発を進める方針を発表(Tama...
** サーバとの連携 [#a114bb5c]
[[[[[[[[[[[ Flash Player ]]]]]]]]]]]]]]]
↓↑ ↓↑ ↓↑
[[[[[[[[[[[ Webサーバ ]]]]]]]]]]]]]]]]]]
↓↑ ↓↑
XML/HTTP Live Cycle Date Services ES
REST Java EEアプリケーションサーバ
SOAP Webサービス
- Live Cycle Date Services ES(LCDS)はサーバ上のJavaクラス...
-- MS Windows 2000 Server、 Win XP Professional、Red Hat...
-- FlexクライアントとJMS(Java Message Service)間のメッ...
-- リアルタイムチャット、サーバからクライアントへメッセー...
-- リモートプロシージャコールサービル: サーバ-クライアン...
- データマネージメントサービル
-- Flexクライアント-サーバ間で同期されたデータ処理を可能...
** Flexアプリケーションのビルド [#a75cbc04]
2方法ある
- Flex SDKのコマンドラインコンパイラからビルドする
- Flex Builder(Flex SDK同梱)上からビルドする
** 開発ツール [#e3167143]
- Flex SDK:Adobe提供の無償キット。テキストエディタで開発
-- アプリケーションコンパイラ(mxmlc):SWFを生成
-- コンポーネントコンパイラ(compc):SWCやRSLを生成
- Flex Builder:Exlipseベースの統合開発環境。有償。ソース...
** MXMLの基本 [#c3c65fb5]
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<!-- コンポーネントの配置とか記述 -->
<mx:Script>
<![CDATA[
// ActionScriptコードの記述
]]>
</mx:Script>
....
</mx:Application>
- MXMLソース内にActionScriptコードを書く
-- MXMLタグ内にインラインで書く
<mx:Button click="mx.controls.Alert.show('ほげほげ')" />
-- <mx:Script>タグ内にまとめて書く
<mx:Script>
<![CDATA[
private function Button_click(): void {
mx.controls.Alert.show('ほげほげ');
}
]]>
</mx:Script>
** Flexプログラミングの基本概念 [#kb14ce65]
*** イベント処理 [#abb00f92]
- ユーザイベント( click, doubleClick, mouseDown等)とシ...
- イベントハンドラ(イベントリスナー)の作成
<mx:Script>
<![CDATA[
import flash.events.MouseEvent; ←flash.eventsパ...
import mx.controls.Alert; ← mx.controls パッケ...
private function myEventHandler( event:MouseEve...
mx.controls.Alert.show('ほげほげ');
}
]]>
</mx:Script>
- MXMLソース内から呼び出す
<mx:Button label="クリックしてください" click="myEventHa...
-- ASコード直書き(インラインイベントハンドラ)という手も...
-- ActionScriptでイベントハンドラを登録するには addEventL...
*** バインディング [#q22dafb2]
- コンポーネント間で、バインディングの設定ができる。sourc...
- 記述方法は {}によるか、タグで書くの2種類ある
<mx:TextInput id="sourceText" text="文字を入力してくださ...
<mx:label text="{sourceText.text}" /> ←こちらに反映さ...
*** アイテムレンダラー [#ocff5c61]
(よくわからんので飛ばし)
** Flexコンポーネント [#i0f833ac]
- カスタムコンポーネント (自分で作るやつ)
- Flexビジュアルコンポーネント(あるいは単にコンポーネン...
*** Flexビジュアルコンポーネント [#y8599763]
- ボタン、ラベルなど画面に配置する要素
- ビジュアルコンポーネントの配置=画面のデザインということ
== (次回に続く) ==
#blikifooter(八木)
tag: [[Flex>tag/Flex]]
ページ名:
アークウェブのサービスやソリューションはこちら
サービス
Webの企画・戦略立案
Webデザイン
Webシステム開発
Zen Cartソリューション
Zen Cart導入コンサルティング, RFP作成, トラブル診断
Zen Cartで大規模ECサイト構築
Zen Cartモジュールの開発・カスタマイズ
Zen Cart制作会社(デザイン・企画会社)様向けサービス
Zen Cart海外向け・多言語ECサイトの制作
Zen Cartのデザイン, ペルソナ/シナリオ法, RIA(Ajax・Flex)
Zen Cartのセキュリティ・運用保守サポート
Zen Cart企画・マーケティング戦略, SEO・SEM(サーチエンジン広告)
Zen Cartハイエンド版(大規模サイト用高可用バージョン)
EC-CUBEとZen Cart 機能比較表(概要)
Zen Cart携帯モジュール(モバイルショップ構築用)
Zen Cartの導入事例
Zen-Cart.JPのご紹介とアークウェブの取り組み
Zen-Cartモバイルショップ構築サービス
Movable Typeソリューション
企業サイトでのMovable Type活用
Movable Type用プラグイン一覧
MT用フォーム作成プラグイン「A-Form」
A-Formパートナー制度
その他ソリューション
AjaxでRIA開発
Ruby on Rails
Flexによる業務システム構築
ペルソナ/シナリオ法
ビジネスブログ
SNS・ソーシャルソフトウェア
SEO・SEM
アークウェブのCSR(企業の社会的責任)
アークウェブのCSR指針