HAKUHIN's home page
更新履歴
 
 



Adobe AIR について
 


■Adobe AIR について

Flash は主にブラウザ上で動作します。
 
Adobe AIR は、デスクトップ上でアプリケーションとして動作します。
 
Flash で実現できる事は、基本的に Adobe AIR でも実現できます。
 
Adobe AIR ではさらに、 Flash では実現できなかった以下の機能が利用できます。
 
ローカルファイルへのアクセス
OSとのクリップボードによるアクセス
OSとのドラッグアンドドロップによるアクセス
タスクバーに常駐
透過のあるウィンドウ
HTML のレンダリング表示
ローカル SQL データベース
 
■Adobe AIR の開発に必要な言語

Adobe AIR は、ActionScript3.0 に対応しています。ActionScript3.0 のほとんどの機能が使える上にさらに 「Adobe AIR 用の API」 を使用することができます。
 
ActionScript2.0 は対応していませんが、ActionScript2.0 以前の swf ファイルを読み込んで表示する事はできます。
 
しかし、ActionScript2.0 プログラムから「Adobe AIR 用の API」を呼び出す事はできません。
 
また、Adobe AIR 内では、HTMLレンダリングエンジン(WebKitエンジン)が実装されており、AIR の中で HTML と JavaScript を動作させる事ができます。
 
その JavaScript から 「JavaScript版 Adobe AIR 用の API」を呼び出す事もできます。
 
という事で、Adobe AIR の開発には
 
ActionScript3.0」ベースと、
HTML + Javascript」ベースによる2通りの手法があります。
 
Flash や Flex 、ActionScript、HTML、JavaScript、Ajaxなどの知識があれば、開発スキルを流用して Adobe AIR の導入ができます。
 
■AIR アプリケーションを配布する

作成した「AIR アプリケーション」はインストーラ形式で配布する事ができます。ファイルの拡張子は 「*.air」となります。
 
サンプルをダウンロード
 
■AIR アプリケーションを動作させるのに必要なもの

「AIR アプリケーション」は単体では動作しません。
 
各パソコン上で動作させるには、「Adobe AIR ランタイム」を事前にインストールしておく必要があります。
 
ランタイムは、Adobe のサイトから無料でダウンロードする事ができます。
 
http://get.adobe.com/air/?loc=jp
 
 
また、バージョン 9.0.115.0 以降の Flash Player がインストールされていれば、ブラウザ経由でランタイムのインストールを促すこともできます。
 
 
■AIR アプリケーションをインストールする

Adobe AIR ランタイムがインストールされている環境で *.air というファイルを実行すると自動的にインストーラが起動します。
 
サンプルをダウンロード
 
AIR ランタイム 1.1の場合


 
■AIR アプリケーションをアンインストールする

*.air ファイルを再び実行するとアンインストールが可能です。 また、各 OS の「プログラムの追加と削除」からもアンインストールできます。
 
AIR ランタイム 1.1の場合

 




Adobe AIR の開発環境を用意する
 


■Adobe AIR の開発環境を用意する

「Adobe AIR アプリケーション」を作成するには主に以下の方法があります。
 
http://www.adobe.com/jp/products/air/tools/
 




 
 


■無償公開されている SDK を使用する

無料で開発することができます。 コマンドラインからコンパイルを行います。インストーラの作成も可能です。
 
別途、「JRE または JDK(バージョン 1.4 以降)」をインストールする必要があります。(インストーラ作成に必要)
 
■Adobe AIR SDKを使用する

「XML形式のAIRアプリケーション記述ファイル」、「HTMLファイル」、「JavaScriptファイル」を用意してコマンドラインからコンパイルを行います。
 
開発は、HTML と JavaScript になります。
 
ダウンロード
 
http://www.adobe.com/cfusion/entitlement/index.cfm?e=airsdk&loc=ja
 
■Adobe Flex SDK (Flex3 SDK 以降)を使用する

「XML形式のAIRアプリケーション記述ファイル」、「ActionScriptファイル」を用意してコマンドラインからコンパイルを行います。
 
開発は、ActionScript3.0 と Flex になります。
 
ダウンロード
 
http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex4sdk
 
 


■Adobe Builder (Flex Builder 3 以降)を使用する

Adobe から市販されています。
プログラマ向けのツールで、プログラム入力支援が豊富です。
 
製品ページ(体験版)
 
http://www.adobe.com/jp/products/flashbuilder/
 
■Adobe Flex3 Builder を使用する

開発は、ActionScript3.0 と Flex になります。
 
■Adobe Flash Builder 4 を使用する

開発は、ActionScript3.0 と Flex になります。
 
 


■Adobe Flash (CS3 以降)を使用する

Adobe から市販されています。
Flash を作成するための総合ツールです。
 
製品ページ(体験版)
 
http://www.adobe.com/jp/products/flash/
 
■Adobe Flash Professional CS3 を使用する

開発は、ActionScript3.0 となります。
 
初期状態では、AIR アプリケーションを作成する事はできません。 アップデートを行う事で、「Adobe AIR 1.0 のアプリケーション開発」が可能となります。
 
さらに「Flash CS3 Professional 用 Adobe AIR 1.1 アップデート」をダウンロードして追加インストールする事で、「Adobe AIR 1.1 のアプリケーション開発」が可能となります。アップデートすると前のバージョンの作成はできません。
 
■Adobe Flash Professional CS4 を使用する

開発は、ActionScript3.0 となります。
 
初期状態では、「Adobe AIR 1.1 のアプリケーション開発」が可能です。アップデートを行う事で、「Adobe AIR 1.5 のアプリケーション開発」が可能となります。 アップデートすると前のバージョンの作成はできません。
 
■Adobe Flash Professional CS5 を使用する

開発は、ActionScript3.0 となります。
 
初期状態では、「Adobe AIR 2.0 のアプリケーション開発」が可能です。
 
 


■Adobe Dreamweaver (CS3 以降)を使用する

Adobe から市販されています。
 
製品ページ(体験版)
 
http://www.adobe.com/jp/products/dreamweaver/
 
別途、「JRE または JDK(バージョン 1.4 以降)」をインストールする必要があります。(インストーラ作成に必要)
 
■Adobe Dreamweaver CS3 を使用する

開発は、HTML と JavaScript となります。
 
初期状態では、AIR アプリケーションを作成する事はできません。
 
「Dreamweaver用Adobe AIRエクステンション」をダウンロードして追加インストールする事で、「Adobe AIR 1.5 のアプリケーション開発」が可能となります。
 
■Adobe Dreamweaver CS4 を使用する

開発は、HTML と JavaScript となります。
 
初期状態では、AIR アプリケーションを作成する事はできません。
 
「Dreamweaver用Adobe AIRエクステンション」をダウンロードして追加インストールする事で、「Adobe AIR 1.5 のアプリケーション開発」が可能となります。
 
■Adobe Dreamweaver CS5 を使用する

開発は、HTML と JavaScript となります。
 
初期状態では、AIR アプリケーションを作成する事はできません。
 
「Dreamweaver用Adobe AIRエクステンション」をダウンロードして追加インストールする事で、「Adobe AIR 1.5(?) のアプリケーション開発」が可能となります。
 




Adobe AIR 用の書き出し設定を行う
 


■アップデートパッチを当てる

Adobe Flash CS3を使って AIR アプリケーションの開発を行う場合は、「Flash CS3 Professional 用 Adobe AIRアップデート」をダウンロードして 追加インストールします。
 
■AIR 用の書き出し設定を行う

ファイルの新規作成を行い「Flashファイル (AS 3.0)」を選択します。
 
 
 
パブリッシュ設定の「Flash >> バージョン」を「Adobe AIR 1.0」に変更します。
 
 
■ムービープレビューで動作確認を行う

この状態でムービープレビューを行うと、AIR Debug Launcher (ADL) が起動し、AIR の動作確認を行う事ができます。
trace() 関数はデバッガモード時のみ動作するので注意してください。
 
 
 



Adobe AIR インストーラを作成する
 


■アップデートパッチを当てる

Adobe Flash CS3を使って AIR アプリケーションの開発を行う場合は、「Flash CS3 Professional 用 Adobe AIRアップデート」をダウンロードして 追加インストールします。
 
■Flashファイルのファイルパスに全角が含まれていないか確認する

Flash ファイルが、全角を含むファイルパスに保存されている場合は、全角が含まれないファイルパスに変更して保存し直して下さい。
 
よくわからない人は、cドライブ直下に test.fla と保存してください。
 



■Adobe AIR インストーラ用の設定を行う

メニューから「コマンド >> AIR - アプリケーションとインストーラの設定」を選択します。すると以下のようなダイアログが表示されます。
 
 
「ファイル名」、「名前」、「説明」、「著作権」、「ウィンドウスタイル」、「アイコン」、「詳細」をお好みで設定します。

 
■IDについて

「ID」は、唯一(ユニーク)な名称となる事が望ましいです。 同一アプリのバージョンアップのリリースをしたい場合は、全てのインストーラに同じ ID を指定します。また、電子署名も同じになるようにします。
 
■バージョンについて

「バージョン」は、数値や日付を付けます。リリースするたびに昇順(1.0→1.2→1.5)になるように数値を上げると分かり易くなります。

アップデートインストール時に下の様に「バージョン」で記述した文字が表示されるのでユーザにどちらが新しいか知らせる事ができます。

 
■含まれるファイルについて

「含まれるファイル」は、インストーラの中に一緒に含めたいファイルを指定する事ができます。 複数のファイルを含めたい場合は、フォルダで指定すると中身をすべて含めてくれるので便利です。
 
 
 



■電子署名を作成する

AIR では、セキュリティの観点から必ず電子署名を行う必要があります。
無料の自己署名証明書を使う場合は、インストール時に下のように発行者が「不明」扱いになり赤色の×マークで表示されるようです。
 
 
 
ルート認証局から購入した証明書を使うと、発行者が下のように緑色のマークと共に表示されるようです。
 
Adobe Media Player のインストール時
 
 
無料で利用できる自己署名証明書を使ってみましょう。ます、「電子署名」の項目の「変更」ボタンを選択します。
 
 
 
下のようなダイアログが表示されるので作成ボタンを押します。
 
 
 
さらに下のようなダイアログが表示されます。「発行者名」「組織単位」「組織名」「国」「種類」をお好みで記述します。

「パスワード」は、好きなアルファベットを指定できます。後で必要になるので覚えておきます。

そして「参照」ボタンを押して自己証明書ファイルを名前を付けて保存します。
 
 
「OK」ボタンを押すと自己署名証明書が作成されます。
 
1つ前のダイアログに戻ると「証明書」のファイルパスが埋まっています。
 
「パスワード」に先ほど付けたパスワードと同じアルファベットを指定します。
 
「このセッションのパスワードを保存」にチェックを付けておくと次回の作業時にパスワード入力作業を省略できます。
 
「タイプスタンプ」にチェックをつけておくと、署名証明書の期限が切れてもインストールが可能なインストーラを作成できます。
 
 
そして「OK」ボタンを押します。
 
すべての記述が終わった後に、一番下の「AIR ファイルをパブリッシュ」ボタンを押すと、インストーラがFlaファイルと同じディレクトリに作成されます。
 
 
これで配布可能なAIRアプリケーションのインストーラを作成する事ができました。
 




HAKUHIN's home page バナー http://hakuhin.jp/
(c) Hakuhin & 日新礼符 2002-2011 解像度1024×768以上 IE8.0以上推奨
/ 閲覧中: