flexFlexを使い始める


備考

Apache Flexは、 Apache Foundationによってキュレーションされたオープンソースのアプリケーションフレームワークです。任意のFlashランタイムで実行できるAdobe AIRを使用してコンパイルしたり、モバイル環境(Android、iOS、BlackBerry)やWindowsやOSXなどのデスクトップ環境でネイティブに実行できるSWFアプリケーションを作成することができます。

Flexアプリケーションは、UIを記述するMXMLレイアウトファイルと、機能を提供するActionScript3コードの2つのコンポーネントで構成されています。これらの2種類のファイルは、展開用に1つのSWFにコンパイルされます。

Flexアプリケーションは、REST、SOAP、JSON、JMS、AMFを介して主要なアプリケーションサーバー(Java、PHP、Ruby、.NETなど)にアクセスできます。

Apache Flex SDKには、完全なコンポーネントライフサイクル、一連のサービス(HTTPService、WebService、RemoteObject)、およびスタイリング、スキニング、レイアウト、ローカリゼーションなどのマネージャのセットを備えた、スキン可能なユーザーインターフェイスコンポーネントの大きなセットがあります。

FlexにはアクセシビリティサポートとAutomation-Testing Frameworkもあります。

Apache Flexは完全にオープンソースのプロジェクトで、 Apache License v。2.0を使用しています 。これにより、実質的に制限なく、SDKとSDKの出力を個人的および商業的に使用することができます。

典型的な使用方法は、バックエンドがJavaまたは.NETであり、そのアプリケーションサーバーを介してデータサービスに接続するWebアプリケーションに、リッチでインタラクティブなブラウザベースのフロントエンドを構築することです。

Apache FlexおよびApacheは、Apache Software Foundationの商標です。

バージョン

バージョン発売日
Apache Flex SDK 4.15 2016-01-11
Apache Flex SDK 4.14.1 2015-03-31
Apache Flex SDK 4.14.0 2015-02-03
Apache Flex SDK 4.13.0 2014-07-28
Apache Flex SDK 4.12.1 2014-05-03
Apache Flex SDK 4.12.0 2014-03-10
Apache Flex SDK 4.11.0 2013年10月28日
Apache Flex SDK 4.10.0 2013-08-06
Apache Flex SDK 4.9.0 2013-02-28

Hello World(アプリケーションで動作します)

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark" 
                       xmlns:mx="library://ns.adobe.com/flex/mx">

    <s:Label text="Hello World!" />

</s:WindowedApplication>
 

Hello World(ブラウザで実行)

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx">

    <s:Label text="Hello World!" />

</s:Application>
 

インストールまたは設定(Apache Flex)

Apache Flex SDKを設定するには2通りの方法があります。提供されているApache Flex SDKインストーラは、WindowsまたはOS X / MacOS上でプロセスを自動化するAdobe AIRアプリケーションです。また、手動でインストールすることもできます。これは明らかにプラットフォームの快適性を必要としますが、インストールの詳細に柔軟性があります。

Apache Flexインストーラを使用したApache Flex SDKのインストール

  1. ご使用のオペレーティングシステム用のインストーラバイナリ(Windows、Mac、Linux)をダウンロードします。
  2. インストーラを実行する
  3. ダウンロードするSDKのバージョンを選択します。 Apache Flexプロジェクトは、最新のリリース版をダウンロードすることを提案しています。
  4. Flash Playerのバージョンを選択します。 Flexプロジェクトではデフォルトのままにしておくことを提案しています。 次へをクリックします。
  5. SDKをインストールするディレクトリを選択します。 次へをクリックします。
  6. すべてのライセンス契約を確認してください。 [ インストール]をクリックします
  7. インストーラがApache Flex SDKをダウンロードしてインストールするのを待ちます。

Apache Flex SDKを手動でインストールする

注:これは時間がかかり、関係するプロセスになる可能性があります。

あなたのシステムを準備する

  1. 最新のJava JDKをダウンロードしてインストールする
  2. Antの最新バージョンをダウンロードしてインストールする
  3. Gitの最新バージョンをダウンロードしてインストールする
  4. 最新のJUnitをダウンロードしてインストールする

フォルダ構造の設定

  1. 通常、ルートディレクトリまたはドキュメントディレクトリに格納されている、Flex SDKのコンピュータに次のディレクトリ構造を作成します。
/ApacheFlex
/ApacheFlex/dependencies
/ApacheFlex/source
 

ソースをダウンロード

  1. 端末を開き、ディレクトリを次のように変更します。
/ApacheFlex/source
 
  1. 次のgitコマンドを実行して、Flex SDKソースをダウンロードします。
git clone https://git-wip-us.apache.org/repos/asf/flex-sdk.git flex-sdk
 
  1. 次のgitコマンドを実行して、TLFソースをダウンロードします。
git clone https://git-wip-us.apache.org/repos/asf/flex-tlf.git flex-tlf
 
  1. flex-sdkディレクトリに移動します。
/ApacheFlex/source/flex-sdk
 
  1. '開発'ブランチに切り替えます(オプション):
git checkout develop
 

環境プロパティの編集

ビルドスクリプトを動作させるには、 環境変数を設定する必要があります。環境プロパティファイルには、プロセス全体で使用する依存関係の場所を指す環境変数が含まれています。これらは、SDKを実行およびコンパイルするためのさまざまなビルドスクリプトによって使用されます。このチュートリアルの残りの部分で、追加の環境変数を追加します。後でビルドスクリプトを実行すると、スクリプトは指定されたパスを検証し、パスが間違っていると警告します。

  1. 環境プロパティファイルを作成します。

flex-sdk ディレクトリで、 env-template.properties ファイルのコピーを作成し、 env-template.properties という名前をenv.properties ます。

すでにJavaとAntをインストールしているので、 env.properties ファイルの最後に次の行を追加してパスを設定します。

env.JAVA_HOME=/System/Library/Frameworks/JavaVM.framework/Versions/Current/Commands/java

env.ANT_HOME=/Applications/Ant/bin
 
  1. 次に、TLFディレクトリへのパスを追加します。
env.TLF_HOME=/ApacheFlex/source/flex-tlf
 

必要な依存関係を追加する

Adobe AIR SDK

  1. Air SDK Flex Edition をダウンロードしてください (Flex 用に特別に作られたエディションをダウンロードしてください )。
  2. に抽出:
/ApacheFlex/dependencies/AIRSDK/4.0
 

最終ディレクトリ名は、ダウンロードしたAIR SDKのバージョンを示します。

  1. 前の手順で選択したAIR SDKパスにAIR_HOME 環境変数を設定します。例えば、
env.ANT_HOME=/ApacheFlex/dependencies/AIRSDK/4.0
 

Adobe Flash Playerプロジェクター

  1. Flash Playerプロジェクターをダウンロードする
  2. インストーラを実行します。 Projector Content Debuggerインストールプログラムはどこにでもインストールされません(私にとっては少なくとも)。インストーラを実行したら、必要な場所にそれをコピーする必要があります。この場合は、 /ApacheFlex/dependencies/player ディレクトリにコピーしてください。注意:OSXでは、Flash Playerのパスに '.app / Contents / MacOS / Flash Player Debugger'を追加します。
/ApacheFlex/dependencies/player/Flash Player.app/Contents/MacOS/Flash Player Debugger
 
  1. FLASHPLAYER_DEBUGGER 環境変数をプロジェクタのインストールパスに設定します。
env.FLASHPLAYER_DEBUGGER=/ApacheFlex/dependencies/player/Flash Player.app/Contents/MacOS/Flash Player Debugger
 

また、Flash Playerプラグインを使用することもできます。 / Library / Internet Plug-ins / Flash Player /フルパスは/ Library / Internet Plug-ins / Flash Player.app/Contents/MacOS/Flash Player Debuggerです。

Adobe Flash Playerのplayerglobal.swc

  1. ダウンロードplayerglobal.swc - これはダウンロードしたコンテンツデバッガと同じページにあります。
  2. コピー先:
/ApacheFlex/dependencies/PlayerGlobal/player/12.0
 

番号はダウンロードするバージョンに対応します。

  1. コピーしたファイルの名前を 'playerglobal.swc'に変更
  2. PLAYERGLOBAL_HOME 環境変数を次のように設定します。
env.PLAYERGLOBAL_HOME=/ApacheFlex/Dependencies/PlayerGlobal/player
 

Adobe Pixel Bender Toolkit

  1. Pixel Bender for WindowsまたはMacをダウンロードする
  2. Pixel Benderをインストールします。プログラムをインストールすると、インストール先を選択するオプションが表示されます。インストールする前にこの場所をコピーしてください。
  3. PIXELBENDER_HOME 環境変数をインストールディレクトリに設定します。

準備システム

テストのためには、Adobe Flash Playerのmm.cfg ファイルに適切なプロパティが設定されている必要があり、 FlashPlayerTrust ファイルでローカルSWFがローカルファイルにアクセスできるようにする必要があります。

  1. エディタでmm.cfg ファイルを開きます。 mm.cfg ファイルの場所は、オペレーティングシステムによって異なります。 このページを参照してください
  2. 存在しない場合は、Adobe Flash Playerプロジェクタのコンテンツデバッガを手動で起動し、その時点でmm.cfg を作成する必要があります。
  3. 次のエントリがファイルに追加または追加されていることを確認します。
ErrorReportingEnable=1
TraceOutputFileEnable=1
 
  1. mm.cfgファイルと同じディレクトリに、FlashPlayerTrustディレクトリがあります。
  2. そのディレクトリを開き、ApacheFlex.cfgという新しいテキストファイルを作成します。
  3. そのファイルにApache Flex SDKの親ディレクトリを追加します。例えば:
#Path to Apache Flex Source
/ApacheFlex/source
 
  1. ファイルを保存します。

ビルドのプロパティを設定する

  1. flex-sdkディレクトリにはビルドプロパティファイルがあります。これには、ダウンロードしたソフトウェアのバージョン番号が含まれています。
  2. このファイルを開き、使用しているFlash PlayerおよびAIR SDKのバージョンに次の値を設定します。
# Flash player version for which player global swc to use
playerglobal.version = 12.0

# AIR version number
air.version = 4.0
 

これらの値は、SDKへのパスを構築する際に使用されます。したがって、playerglobal.swcを/ApacheFlex/dependencies/PlayerGlobal/player/12.0ディレクトリに保存した場合、playerglobal.versionの値は12.0になります。

注:この値はパスを構築するので、パスにパスが含まれている場合は、12ではなく12.0の完全な値を使用してください。

注:あなたが使用しているFlex SDKのバージョンでまだ言及されていない新しいバージョンのFlash Playerを使用している場合は、次のメッセージが表示されることがあります。エラー:設定変数 'swf-version'の値に未知のトークン 'playerglobal .swfversion ' /ApacheFlex/source/flex-sdk/frameworks/build.xml ファイルを更新されたバージョンチェックコードで更新する必要があります。