2008年11月29日 のアーカイブ

FlexSDKで「初めてのAIR」やってみた

FlexSDKで「初めてのAIR」やってみたをはてなブックマークに追加 FlexSDKで「初めてのAIR」やってみたをdel.icio.usに追加 Yahoo!ブックマークに登録 FlexSDKで「初めてのAIR」やってみたをGoogle Bookmarksに追加 FlexSDKで「初めてのAIR」やってみたをtwitterにポスト
2008年11月29日 土曜日
airyaruo.png
airでhelloworldをやってみました。AptanaStudioを使えばたぶん、ポチッと一発でairファイルがつくられるみたいなんだけど、helloworldなのでflex SDKとエディタだけでやってみる。今回扱うコンテンツは静的なHTMLだけで、flexをコンテンツにしてもいいのですがhtmlとスクリプトだけで済むならそうしたいってのもあってそうしました。

用意する資材は
app.xml
yaruoWorld.html
です。やる夫が表示されればよしとします。

ではさっそくFlex SDK を使用した最初の AIR アプリケーションの作成を参考にして作ってみます。
app.xmlは以下のとおり。

<?xml version="1.0" encoding="UTF-8"?>
<application xmlns="http://ns.adobe.com/air/application/1.0">
<id>air.yaruoWorld</id>
<version>0.1</version>
<filename>yaruoWorld</filename>
<initialWindow>
<title>yaruoWorld</title>
<content>yaruoWorld.html</content>
<visible>true</visible>
<systemChrome>standard</systemChrome>
<transparent>false</transparent>
<width>340</width>
<height>300</height>
</initialWindow>
</application>

adlで確認してみる

adlはflexSDKのbinにあります。

adl app.xml

こんな感じ。簡単。このadlコマンドで画面を確認しながら、app.xmlに書いた内容を修正するといいと思います。画面幅、高さや透過設定などをいじくってみてください。transparent(透過)をtrueにしたい場合はsystemChromeをnoneにしなきゃ駄目らしいです。

AIRインストールファイルを作る

adtもflexSDKのbinにあります。
すべての AIR インストールファイルに電子署名する必要があります。とあるので以下のコマンドで証明書を作ります。(hoge.pfx)

adt –certificate -cn SelfSigned 1024-RSA [<filename>.pfx] [<password>]
adt –certificate -cn SelfSigned 1024-RSA hoge.pfx hoge

証明書ができたら以下のコマンドでairファイルを作ります。

adt -package -storetype pkcs12 -keystore hoge.pfx YaruoWorld.air app.xml yaruoWorld.html

このコマンドを実行するとパスワードを聞かれるので証明書を作ったときのパスワードを与えてあげます。すると、YaruoWorld.airファイルが生成されるのでこれをインストールしてあげれば実行できるようになります。

xpairyaruo.png
Macで作ったairをXPに渡して表示させてみました。ちゃんと動きました!