RIA

Flex SDKでのAIRアプリ開発に便利なAirake

IMG_1660

Flex SDKを使ってAIRアプリケーションを開発する場合、MXMLやADFを書いたり、swf生成のためコンパイルしたりなど面倒な作業が多いですが、これらをrakeのタスクにしてくれるAirakeというツールがあります。

gemでインストールしたあとは、

 airake test
とするとAirプロジェクトが生成されます。(testの部分はプロジェクト名を指定します)プロジェクトディレクトリ配下はこんな感じ。
total 24
-rw-r--r--  1 hitoshi  hitoshi  1636  2 18 17:41 README
-rw-r--r--  1 hitoshi  hitoshi   400  2 18 17:41 Rakefile
-rw-r--r--  1 hitoshi  hitoshi   320  2 18 17:41 airake.yml
drwxr-xr-x  2 hitoshi  hitoshi    68  2 18 17:41 bin
drwxr-xr-x  4 hitoshi  hitoshi   136  2 18 17:41 lib
drwxr-xr-x  4 hitoshi  hitoshi   136  2 18 17:41 script
drwxr-xr-x  5 hitoshi  hitoshi   170  2 18 17:42 src
drwxr-xr-x  5 hitoshi  hitoshi   170  2 18 17:41 test

./bin:

./lib:
total 1312
-rw-r--r--  1 hitoshi  hitoshi   75590  2 18 17:41 corelib-08.30.2007.swc
-rw-r--r--  1 hitoshi  hitoshi  591574  2 18 17:41 flexunit-08.30.2007.swc

./script:
total 16
-rwxr-xr-x  1 hitoshi  hitoshi  349  2 18 17:41 destroy
-rwxr-xr-x  1 hitoshi  hitoshi  351  2 18 17:41 generate

./src:
total 16
-rw-r--r--  1 hitoshi  hitoshi  1722  2 18 17:41 Test-app.xml
-rw-r--r--  1 hitoshi  hitoshi  1058  2 18 17:41 Test.mxml
drwxr-xr-x  3 hitoshi  hitoshi   102  2 18 17:41 assets

./src/assets:
total 0
drwxr-xr-x  4 hitoshi  hitoshi  136  2 18 17:41 app_icons

./src/assets/app_icons:
total 48
-rw-r--r--  1 hitoshi  hitoshi    673  2 18 17:41 MouseRunnerDotComGraphicsLicense.txt
-rw-r--r--  1 hitoshi  hitoshi  16909  2 18 17:41 icon_128.png

./test:
total 16
-rw-r--r--  1 hitoshi  hitoshi  1699  2 18 17:41 Test-app.xml
-rw-r--r--  1 hitoshi  hitoshi  1012  2 18 17:41 Test.mxml
drwxr-xr-x  3 hitoshi  hitoshi   102  2 18 17:41 suite

./test/suite:
total 8
-rw-r--r--  1 hitoshi  hitoshi  321  2 18 17:41 AllTests.as
 rake air:adl
とするとコンパイルと実行を。
 rake air:package
とするとパッケージ作成までしてくれます。また、
 rake air:test
とするとFlexUnitというFlexとActionScript 3.0アプリケーションのテストフレームワークを使ったテストまでできるようです。

あまり情報が多くないため詳細な機能まではフォローできていませんが、しばらく使ってみて、わかったことがあれば、またエントリを書きたいと思います。

| | コメント (0) | トラックバック (0)

コードが公開されているAIRアプリケーションのまとめ

コードが公開されているAIRのアプリケーションをまとめてみました。一部、Flexのアプリケーションも含まれていますので注意してください。Network MonitorやDashboardあたりを見て、やはりビジュアル重要!と再認識しました。

Adobe Labs - Adobe AIR Sample Applications

Adobe Labsでは13のサンプルアプリケーションのソースコードが公開されています。サンプルとは言え高度なものが多い感じ。

Bee
Bee.png

HTML/Javascriptで記述されたデスクトップのBlogエディタ。Prototype, script.aculo.us, Spry, TinyMCE, and Walter Zorn's Tooltips for Javascriptを使っている。

BkMark
BkMark.png

ブックマーク管理アプリ。ファイルシステムAPIを使いJavascriptでデータをローカルに保存する方法がわかる。

Drag'n Share
DragnShare.png

Googleドキュメントとの連携サンプル。Drag&DropでGoogleドキュメントへ文書を登録できる。Yahoo! UIフレームワークを使用している。

Employee Directory
EmployeeDirectiry.png

社員管理アプリケーション。AIRのSQL API、ファイルAPI、オフラインでの挙動、バイナリファイルのアクセスなど。

Fresh
Fresh.png

スキンをサポートしたRSSリーダー。オフラインでのRSS参照が可能。タブブラウジングなど。YUI-Ext / Ext JS libraryをベースにしている。

MapCache
MapCache.png

Yahoo! Maps Webサービスを使用したサンプル。ローカルファイルシステムへのDrag&Drop、目的地の検索など。

PeekAgenda
PeekAgenda.png

37signalsのBackpack APIを使用したタスク管理アプリケーションのサンプル。Ajaxベースのデスクトップアプリケーションでのオフラインのリストを作成と同期。

PodcastPlayer
PodcastPlayer.png

オーディオのPodcastを再生するアプリケーションのサンプル。JavascriptからFlashのAPIをコールし音声を再生。

RoadFinder
RoadFinder.png

Yahoo! MapsとGoogle Mapsの地図を統合して扱うアプリケーションのサンプル。

Scout
Scout.png

Webページの内部を参照するアプリケーションのサンプル。

ScreenBoard
ScreenBoard.png

デスクトップへ直接描画するアプリケーションのサンプル。

Signet
Signet.png

del.icio.usのブックマークをデスクトップで管理するアプリケーションのサンプル。

SyncIn
Syncln.png

ショッピングカートへのアイテム追加、削除と、その結果からPDFファイルを生成するアプリケーションのサンプル。

Flex 3:Applications - Adobe Labs

Flexのサンプルなので注意。

Product Configurator
Shirts.png

デザイン、色、ロゴ、名前を選んで好みのシャツを作成するアプリケーションのサンプル。

Dashboard
dashboard.png

podレイアウトのデモ。サブウィンドウのDrag&Dropによる移動、リサイズなどが可能。変更されたレイアウトはローカルのシェアードオブジェクトに格納される。

Network Monitor
networkmonitor.png

3つのビューから構成されるネットワーク機器モニタのサンプルアプリケーション。ビジュアルエフェクトが凝っている。

Media Widget
mediawidget.png

Webページに組込み可能なメディアプレーヤーのサンプルアプリケーション。

Salesbuilder Beta 3 (AIR file + Flex Source Code) : Christophe Coenraets

salesbuilder1.png salesbuilder2.png

SFA(Sales Force Automation)アプリケーション。パイプライン機能、ダッシュボードでの売上リスト、最近の活動履歴などの参照などが可能。

New AIR SQLite Administration App (with Source Code) : Christophe Coenraets

sqladmin.png

データベースの新規作成、ブラウンング、SQLステートメントの実行ができるデータベースのフロントエンド。

Interfaces-riches.com » Blog Archive » AIR sample App : pictures picker

image.png

画像ブラウザのサンプルアプリケーション。ローカルディスクにある画像ファイルをブラウズすることができる。

Adobe AIRで作るデスクトップRSSリーダー - builder by ZDNet Japan

Spry Data Libraryを用いてRSSフィードを取り込み、構文解析し、表示するアプリケーションのサンプル。Aptanaについても触れている。

[Think IT] 第1回:付箋紙アプリケーションを作ろう!

Railsで付箋紙サーバーを、AIRで付箋クライアントを作る。クロームを「NONE」にした、タイトルバーや枠線を非表示にしたウィンドウの作成。

Adobe AIR Beta 2でWebブラウザを作ってみた (CodeZine編集部ブログ)

air_b2_browser.gif

AIRの開発環境のインストールからmx:HTMLを使った簡単なWebブラウザ作成まで。

| | コメント (0) | トラックバック (0)