The Archives

Article (記事)
AIR SDKとFlex SDKではじめてのAIRアプリケーションを作る
05.29.08 | Permalink | Comment?

はじめに
OSXとテキストエディタを使ってはじめてのAIRアプリケーションを作成してみましょう。AirとはFlashやAjaxなどweb技術を用いてデスクトップ用のアプリケーションを作成するためのフレームワークです。
Airの特徴として、ブラウザ上で動作しているアプリケーションで実現するには難しい、デスクトップからファイルをDrag&Dropしたり、ローカルファイルシステムへのアクセスなどOSの機能を利用することもできます。
またAirで作成されたアプリケーションはWindows、OSX、Linuxで動作するためより幅広いクライアント環境で動作させることができます。
Airを作成するためのSDKはadobeが無料で公開しており、Flashアプリケーションを作成するためのFlexもオープンソース化されたことにより無料で開発環境が用意できます。
さらにFlexBuilderという有料のIDEも用意されているためVisualStudioやEclipseに慣れた開発者の方はこちらを購入するとよいと思います。
今回はIDEは使用せずにテキストエディタとコマンドラインで開発しています。
ここではAdobeのドキュメントに従って半透明なウィンドウにHelloWorldと表示させるアプリケーションを作りながらFlexとAirのSDKの使い方とアプリケーション開発の流れを紹介しています。
完成アプリケーションはこのようになります。
開発環境を準備する
ここではOSX環境で説明していますが、WindowsやLinuxでも基本は同じです。
FlexSDKとAIR SDKをダウンロードします。
AIR_SDKディレクトリとflex_sdk_3ディレクトリをそれぞれ/Applicationsディレクトリにコピーします。
Pathに各ディレクトリのbinを設定します。
ここでは.bashrcに次のように追加しました。
export PATH=”……..
/Applications/flex_sdk_3/bin:\
/Applications/AIR_SDK/bin/”
ターミナルを立ち上げコマンドラインから
>adl -help
>amxmlc -help
が実行できればAIRとFlexの開発環境が整いました。
AIRアプリケーション記述ファイル作成
HelloWorld-app.xmlというファイル名で、次のようなアプリケーション記述ファイルを作成します。

<pre><?xml version="1.0" encoding="UTF-8"?>
<application xmlns="http://ns.adobe.com/air/application/1.0">
<id>samples.flex.HelloWorld</id>
<version>0.1</version>
<filename>HelloWorld</filename>
<initialWindow>
<content>HelloWorld.swf</content>
<visible>true</visible>
<systemChrome>none</systemChrome>
[...]