アークウェブ
システム開発
SandBox
Web制作会社アークウェブのスタッフが、システム開発のTips・ノウハウをまとめているWikiです
アークウェブシステム開発SandBox
アークウェブWebマーケティングSandBox
アークウェブWebデザインSandBox
アークウェブ アクセシビリティWiki
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
&pgid();
** 勉強会の内容 [#a8d6f184]
- necoったーのデコレーションメーカーの構築を通じて、Flex...
** ustream [#w220f9df]
http://www.ustream.tv/channel/flex%E5%8B%89%E5%BC%B7%E4%B...
#htmlinsert(study/flex-4.html)
** 今日の内容 [#r6f59237]
- デコレーションメーカーとは([[necoったー:http://neco.tte...
&ref(neco_service_080516.jpg);
のアイテムリスト(リボンやめがねなどが並ぶ場所)
&ref(item_list.png);
の部分で、アイテムをHTTP経由でXMLを取得して、動的に作成す...
#blikimore
** ItemListコンポーネントでASを読み込む [#of8b5a4c]
- as/ItemList.asというファイルを用意して、<Script>タグのs...
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" creat...
<mx:Script source="as/ItemList.as" />
<mx:Image source="@Embed(source='/assets/item_list.png')...
</mx:HBox>
- 参考: http://livedocs.adobe.com/flex/3_jp/html/usingas_...
** ASの内容 [#pc3b7c0c]
- ItemListコンポーネントに、initメソッドを追加。
public function init() : void
{
log("初期化されましたー");
}
- mxmlカスタムコンポーネントへのメソッドの追加の仕方。
http://livedocs.adobe.com/flex/3_jp/html/mxmlcomponents_a...
- ItemListコンポーネントが作成されたときにこのinitが呼ば...
creationComplete="init()"
- 参考: http://livedocs.adobe.com/flex/3_jp/langref/mx/co...
*** Flexがサーバーとやり取りする方法 [#n30d4011]
-Flexがサーバーとやり取りする方法は3つあります。
-- HTTPService (REST)
-- WebService (SOAP)
-- RemotingObject (RPC)\
- 参考) http://livedocs.adobe.com/flex/3_jp/html/data_int...
- 今回はHTTPServiceを使います。
- HTTPServiceについてくわしくはここ。
http://livedocs.adobe.com/flex/3_jp/html/data_access_2.ht...
** creationCompleteで、HTTP経由でXMLファイルをダウンロー...
- HTTPServiceコンポーネントの作成
<mx:HTTPService id="itemListXML" url="item_list.xml"
method="GET" resultFormat='e4x' />
- AS側で、イベントハンドラを定義
import mx.rpc.events.ResultEvent;
import mx.rpc.events.FaultEvent;
public function init() : void
{
itemListXML.addEventListener(ResultEvent.RESULT, onR...
itemListXML.addEventListener(FaultEvent.FAULT, onF...
itemListXML.send();
}
public function onResult(event:ResultEvent):void {
log(itemListXML.lastResult);
}
public function onFault(event:FaultEvent):void {
log("読み込み失敗です");
}
** XMLをE4Xで処理する [#z59b36c3]
- E4Xとは?
ECMAScript for XML (E4X) 仕様邦訳
http://www.ne.jp/asahi/nanto/moon/specs/ecma-357.html
- くわしくはここ
http://livedocs.adobe.com/flex/2_jp/docs/wwhelp/wwhimpl/c...
- コード例
for each (var item:XML in itemListXML.lastResult.item) {
log('名前:' + item.name);
log('画像:' + item.image);
}
** アイテムを作って埋め込む [#j00f1f82]
- 埋め込まれる親タグを用意。
<mx:HBox id='itemListContainer' />
- mx.Imageを作って、addChildすれば埋め込まれる。
import mx.controls.Image;
import mx.rpc.events.ResultEvent;
import mx.rpc.events.FaultEvent;
public function init() : void
{
itemListXML.addEventListener(ResultEvent.RESULT, onR...
itemListXML.addEventListener(FaultEvent.FAULT, onF...
itemListXML.send();
}
public function onResult(event:ResultEvent):void {
for each (var item:XML in itemListXML.lastResult.ite...
var image:Image = new Image();
log('名前:' + item.name);
log('画像:' + item.image);
image.source = item.image;
itemListContainer.addChild(image);
}
}
public function onFault(event:FaultEvent):void {
log("読み込み失敗です");
}
** まとめ [#l5078b0e]
#blikifooter(志田);
#comment
tag: [[Flex>tag/Flex]]
終了行:
&pgid();
** 勉強会の内容 [#a8d6f184]
- necoったーのデコレーションメーカーの構築を通じて、Flex...
** ustream [#w220f9df]
http://www.ustream.tv/channel/flex%E5%8B%89%E5%BC%B7%E4%B...
#htmlinsert(study/flex-4.html)
** 今日の内容 [#r6f59237]
- デコレーションメーカーとは([[necoったー:http://neco.tte...
&ref(neco_service_080516.jpg);
のアイテムリスト(リボンやめがねなどが並ぶ場所)
&ref(item_list.png);
の部分で、アイテムをHTTP経由でXMLを取得して、動的に作成す...
#blikimore
** ItemListコンポーネントでASを読み込む [#of8b5a4c]
- as/ItemList.asというファイルを用意して、<Script>タグのs...
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" creat...
<mx:Script source="as/ItemList.as" />
<mx:Image source="@Embed(source='/assets/item_list.png')...
</mx:HBox>
- 参考: http://livedocs.adobe.com/flex/3_jp/html/usingas_...
** ASの内容 [#pc3b7c0c]
- ItemListコンポーネントに、initメソッドを追加。
public function init() : void
{
log("初期化されましたー");
}
- mxmlカスタムコンポーネントへのメソッドの追加の仕方。
http://livedocs.adobe.com/flex/3_jp/html/mxmlcomponents_a...
- ItemListコンポーネントが作成されたときにこのinitが呼ば...
creationComplete="init()"
- 参考: http://livedocs.adobe.com/flex/3_jp/langref/mx/co...
*** Flexがサーバーとやり取りする方法 [#n30d4011]
-Flexがサーバーとやり取りする方法は3つあります。
-- HTTPService (REST)
-- WebService (SOAP)
-- RemotingObject (RPC)\
- 参考) http://livedocs.adobe.com/flex/3_jp/html/data_int...
- 今回はHTTPServiceを使います。
- HTTPServiceについてくわしくはここ。
http://livedocs.adobe.com/flex/3_jp/html/data_access_2.ht...
** creationCompleteで、HTTP経由でXMLファイルをダウンロー...
- HTTPServiceコンポーネントの作成
<mx:HTTPService id="itemListXML" url="item_list.xml"
method="GET" resultFormat='e4x' />
- AS側で、イベントハンドラを定義
import mx.rpc.events.ResultEvent;
import mx.rpc.events.FaultEvent;
public function init() : void
{
itemListXML.addEventListener(ResultEvent.RESULT, onR...
itemListXML.addEventListener(FaultEvent.FAULT, onF...
itemListXML.send();
}
public function onResult(event:ResultEvent):void {
log(itemListXML.lastResult);
}
public function onFault(event:FaultEvent):void {
log("読み込み失敗です");
}
** XMLをE4Xで処理する [#z59b36c3]
- E4Xとは?
ECMAScript for XML (E4X) 仕様邦訳
http://www.ne.jp/asahi/nanto/moon/specs/ecma-357.html
- くわしくはここ
http://livedocs.adobe.com/flex/2_jp/docs/wwhelp/wwhimpl/c...
- コード例
for each (var item:XML in itemListXML.lastResult.item) {
log('名前:' + item.name);
log('画像:' + item.image);
}
** アイテムを作って埋め込む [#j00f1f82]
- 埋め込まれる親タグを用意。
<mx:HBox id='itemListContainer' />
- mx.Imageを作って、addChildすれば埋め込まれる。
import mx.controls.Image;
import mx.rpc.events.ResultEvent;
import mx.rpc.events.FaultEvent;
public function init() : void
{
itemListXML.addEventListener(ResultEvent.RESULT, onR...
itemListXML.addEventListener(FaultEvent.FAULT, onF...
itemListXML.send();
}
public function onResult(event:ResultEvent):void {
for each (var item:XML in itemListXML.lastResult.ite...
var image:Image = new Image();
log('名前:' + item.name);
log('画像:' + item.image);
image.source = item.image;
itemListContainer.addChild(image);
}
}
public function onFault(event:FaultEvent):void {
log("読み込み失敗です");
}
** まとめ [#l5078b0e]
#blikifooter(志田);
#comment
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指針
![[PukiWiki]](image/sandbox.gif "[PukiWiki]")
