Adobe AIRの基本(Eclipse + AIR GEAR) – Flash/ActionScript入門

2008 年 12 月 17 日 投稿者: naga3

今回はAIRのアプリケーションを作ってみましょう。Adobe AIRを使うと、Flashをウェブ上ではなくローカルで実行させることができます。Flashのプロジェクタとは違い、AIRはクロスプラットフォーム(Windows・Mac・Linuxで同じ実行ファイルが動く)であり、その代わり各プラットフォームのランタイムが必要です。

Flex SDKのダウンロード
まず、Flashの開発環境であるFlex SDKをダウンロードします。Adobe Open Sourceから最新版の「Open Source Flex SDK」をダウンロード・解凍して適当な場所に置いてください。

AIR SDKのダウンロード
次に、AIRの開発に必要なSDKをダウンロードします。Adobe AIR SDKのサイトからSDKをダウンロード・解凍して適当な場所に置いてください。

EclipseとAIR GEARのインストール
続いて、AIRアプリケーションのビジュアル開発環境である「AIR GEAR」をインストールします。EclipseプラグインなのでまずEclipseをインストールしてください。All-In-One Eclipseが日本語化されていて楽だと思います。次にAIR GEARのページからプラグインをダウンロードして、Eclipseのpluginsフォルダにjarファイルを置きます。

AIR GEARの設定
まずEclipseを起動してAIR SDK、Flex SDKの場所を設定します。メニューの「ウインドウ」→「設定」(英語版の場合は適宜読み替えてください)から、「AIR GEAR」を選び、「AIR SDK」と「Flex SDK」の欄をそれぞれのSDKのフォルダに設定します。

プロジェクトの作成と実行
「ファイル」→「新規」→「プロジェクト」から「AIR Project(Flex)」を選択し、プロジェクト名を適当に入力して作成します。

初期状態でmxmlファイルには3つのTextInputと1つのButton、asファイルにはTextInputの内容を足して表示するActionScriptが書かれています。

メニューの「実行」→「実行」→「AIR Application」を選ぶとプログラムを実行することができます。

AIRパッケージの作成
ローカルで動くAIRパッケージを作成してみます。パッケージエクスプローラのプロジェクトを右クリックして「エクスポート」→「AIR」→「AIR Package」を選択します。次の画面で「電子自己署名作成」ボタンを押し、Passwordを適当に入力してOKします。そして終了ボタンを押すとパッケージが生成されます。プロジェクトフォルダの「プロジェクト名.air」を実行するとインストーラが立ち上がってローカルのマシンにインストールすることができるようになります。実行できないときはランタイムが無いので最新バージョンのAdobe AIRをダウンロード・インストールしておいてください。

この記事へのトラックバックURL

3件のコメント

  1. takabon より:

    はじめまして、
    この記事を参考にAIR環境作ってみました。実行はできるのですが、いざエクスポートしようとすると、以下のエラーが出てしまいます…。

    hoge/hoge/application.xml: error 100: Application descriptor cannot be parsed

    application.xmlも特に変更していません。自己署名も作成しました。
    Flex版、Html版2つプロジェクトを作ってどちらも同じエラーになります。
    application.xmlに何かエラーがあるとは思うのですが、手掛かりがありましたら
    ご指導のほどよろしくお願いします。

    環境:
    OS:Windows Vista
    Eclipse 3.5 プレアデスのultimate版
    FlexSDK 3.5.0.12683
    AIR SDK 1.5.3

  2. takabon より:

    自己レスです。
    Flash CS4でAIR作れましたので、ちょこっとそいつが吐き出したapplication.xmlと比較
    してみました。

    AIR GEARの吐き出したapplication.xmlのタグ


    Flash CS4の吐き出したapplication.xmlのタグ


    standalone=”no”を追加してやると無事hoge.airファイル出来ました(^ω^)V

    AIR GEARのは、[AIRSDK]/templates/air/descriptor-template.xmlを
    参照して作ってるっぽいのでこっちも直すと良いかもしれません。

  3. takabon より:

    タグが表示されて無くて失礼しました。(><)

    ↑の見えない個所を全角で書いておきます。m(_|_)m
    AIR GEARの吐き出したapplication.xmlのタグ
    <?xml version=”1.0” encoding=”utf-8” ?>

    Flash CS4の吐き出したapplication.xmlのタグ
    <?xml version=”1.0” encoding=”UTF-8” standalone=”no” ?>

コメントをどうぞ