ラベル Flex の投稿を表示しています。 すべての投稿を表示
ラベル Flex の投稿を表示しています。 すべての投稿を表示

2013年1月27日日曜日

VisualforceページにFlexで作ったFlashを表示

静的リソース

静的リソースの作成

  1. bin-debug フォルダをデスクトップにコピー
  2. bin-debug フォルダごとWindowsの圧縮機能でZIPに圧縮

静的リソースの設定

  1. [設定] > [アプリケーションの設定] > [開発] > [静的リソース]
  2. 新規ボタンを押下
    • 名前: 「FlexTest」
    • ファイル: ローカルにあるZIPファイルを選択
    • キャッシュのコントロール: 非公開

Visulaforceページの作成

  1. [設定] > [アプリケーションの設定] > [開発] > [ページ]
  2. 新規ボタンを押下
    • 表示ラベル: FlexTest
    • 名前: FlexTest
  3. 以下のソースを記述し保存する
apex/FlexTestにアクセスする。

SalesforceでFlexを開発ための環境を作成

1.必要なソフトウェアのダウンロード・インストール

JDK

http://www.oracle.com/technetwork/java/javase/downloads/index.html

JDKのダウンロードボタンを押下する

Acceptのラジオボタンを押下する

各環境に応じて選択し、インストーラをダウンロードする。

インストーラを起動し、インストールを行う。
※環境によるので省略

Adobe Flash Builder

https://www.adobe.com/cfusion/tdrc/index.cfm?product=flash_builder&loc=ja

Flash Builderのダウンロードボタンを押下する

体験版をダウンロードボタンを押下する


Flex SWC

下記URLよりSWCが取得できます。

このZIP内のforce-flex.swcがあとで必要になります。

2.Flash Builderの初期設定

Flash Builderを起動する

プロジェクトの作成を選択する
ファイル > 新規 > Flex プロジェクト を選択

プロジェクトの設定
 プロジェクト名: 適当な名前を設定
 アプリケーションの種類: Web(Adobe Flash Playerで実行)
 Flex SDKのバージョン: デフォルトのSDKを使用する
サーバの設定
 出力フォルダー: bin-debug
ビルドパス
 コンポーネントのセット: MX + Spark
 SWCの追加 > 適当な場所に設置したApex Flex ライブラリを選択

これで初期設定は完了です。

参考URL
http://blogjp.sforce.com/2007/06/flexapex1_39a6.html
http://wiki.developerforce.com/page/Getting_Started_with_the_Force.com_Toolkit_for_Adobe_AIR_and_Flex
http://wiki.apexdevnet.com/page/Flex_Toolkit
http://wiki.apexdevnet.com/page/Taking_Salesforce_Data_Offline_Using_Adobe_AIR