<?xml version="1.0" encoding="utf-8" standalone="no"?>
<application xmlns="http://ns.adobe.com/apollo/application/1.0.M3" appId="hello1" version=".4">
      <properties>
            <name>hello</name>
            <description/>
            <publisher>FlexCoder</publisher>
            <copyright/>
      </properties>
      <rootContent systemChrome="standard" transparent="false" visible="true">Hello.html</rootContent>
      <icon/>
</application>

さぁApolloアプリ実行しよう！

adl.exe Hello-app.xml

あなたも今日からApollo デベロッパー

アプリケーションを配布しよう

adt.exe Hello.air Hello-app.xml Hello.html

配布用AIRファイル完成
インストーラの起動
上書きインストールもできる
アンインストールオプションも出る
かんたんに手が出せます！

FlexをApollo化する

Flex Builder 2でApollo開発
Adobe Labsからダウンロード
- Flex Builder 2 Apollo Extensions
  - fb_apollo_extensions_win_alpha1_031907.exe
  - Flex2.0.1SDKが必要

プロジェクトの新規作成
アプリの設定を記述
- 後でも設定可能
ルートはApolloApplicationタグ

<?xml version="1.0" encoding="utf-8"?>
<mx:ApolloApplication xmlns:mx="http://www.adobe.com/2006/mxml“ layout="absolute">
	＜ここにプログラムを記述＞
</mx:ApolloApplication>

実行
- いきなり完成

ちょっと見た目を変える
- 設定ファイル
  - HelloApollo1-app.xml
- ステータスの表示
  - Application.status

<?xml version="1.0" encoding="utf-8"?>
<mx:ApolloApplication xmlns:mx="http://www.adobe.com/2006/mxml" 
layout="absolute" status="現在のステータス“title="Apolloアプリ">
    <mx:Style>
        Application
        {
            background-image:"";
            background-color:"";
            background-alpha:"0.2";
        }
    </mx:Style>
<mx:Label text="Hello Apollo World." fontSize="20" />
</mx:ApolloApplication>

配布形式にする
- エクスポートでAIR指定
- ソースも付けられる

Apollo コンポーネントを使う

ローカルファイル
HTML
ウィンドウ

ローカルファイル
- FileSystemComboBox
  - ローカルファイル
- FileSystemDataGrid
  - ファイル情報をDataGridで表示する
    - ファイル名、作成日、更新日、タイプ、サイズ
- FileSystemHistoryButton
  - ディレクトリ参照を戻る
- FileSystemList
  - ディレクトリを表示する
- FileSystemTree
  - ディレクトリをツリー表示する

HTML
- HTML表示
- Spriteのサブクラス
  - フィルタ
  - 透明化
  - 変形

ウィンドウ
- ウィンドウ操作
  - 最大化、最小化、リストア、クローズ
- ウィンドウの新規作成
- イベント
  - ACTIVATE / DEACTIVATE
  - CLOSING / CLOSE
  - FOCUS_IN / FOCUS_OUT
  - MOVING / MOVE
  - RESIZING / RESIZE

Alpha版の制限
- OSX版のツールバー
- システムトレイアプリ
- アイコンの操作
- デスクトップ情報
- ネイティブウィンドウメニュー
- アプリへのドラッグアンドドロップ

Apollo File API

機能概要
- ファイルパスの取得
  - OSに依存しないパスの指定
  - よく知られたパスはショートカット
    - デスクトップ
    - ドキュメントフォルダ
    - テンポラリーファイルとフォルダ
- ディレクトリー一覧
- 移動、コピー、削除
- ファイルの読み書き
  - バイナリ、テキスト
- 同期、非同期

基本クラス
- flash.filesystem パッケージ
  - File
    - ファイルまたはディレクトリの参照
  - FileMode
    - ファイルを開く際の読み書きモードの指定
  - FileStream
    - ファイルストリーム

パス指定
- Fileクラスはパスを表します
- プロパティ
  - nativePath：OS独自のパス
  - url：URL
  - parent：上位パス
- 操作
  - resolve(‘a/b.txt’) 　　：現在パスから指定
  - resolve(‘..’)　　：上のフォルダを指定
  - relativize(otherFile)　　：現在のパスに追加
  - canonicalize　　：正規化、標準化（Document and Setting　など）

URLスキーマ
- file:
  - ファイルシステムのルート
- app-resource:
  - インストールされたアプリのルート
- app-storage:
  - アプリケーション格納ディレクトリ

カタログ情報
- ユーザーフォルダ
  - File.userDirectory
  - File.desktopDirectory
  - File.documentsDirectory
- アプリケーションフォルダ:
  - File.appResourceDirectory
  - File.appStorageDirectory
  - File.createTempDirectory()
- ファイル情報
  - size
  - creationDate, modificationDate
- ディレクトリーリスト
  - listDirectory()

ファイルシステム情報
- File.encoding
  - ファイルエンコーディング
- File.lineEnding
  - 改行コード
- File.separator
  - ファイルセパレータ
- Capabilities.hasIME
  - IME利用可能か
- Capabilities.language
  - 言語
- Capabilities.os
  - OS

ファイル操作
- コピーと移動
  - file.copyTo(destFile)
  - file.moveTo(destFile)
- 削除
  - file.deleteFile()
  - file.deleteDirectory()
  - file.moveToTrash()
- アップロードとダウンロード
  - extends flash.net.FileReference
- ブラウザー
  - open, save, directory

ファイルIOFileStreamクラス
- IDataInput/IDataOutputインタフェースを実装(ByteArrayやSocketと同じように)
- バイナリデータ
  - read/writeBytes
  - read/writeInt, read/writeDouble, など
- AMF データ (直列化されたオブジェクト)
  - read/writeObject
- テキストデータ
  - read/writeMultibyte
  - read/writeUTFBytes

同期/非同期モデル
- ゴール
  - 同期プログラミングモデルをシンプルで信頼できるようにする
  - Flashイベントモデルの活用
  - 対話的かつ魅力的なユーザー体験を維持する
  - 同期と非同期の違いを最小にするAPI群
- 同期モデル
  - 例） file.delete(), fileStream.open(…)
  - 戻り値を待ってファイル読込みを完了する。
  - 例外としてエラーをスローする。
- 非同期モデル
  - 例） file.deleteAsync(), fileSteam.openAsync(…)
  - 完了イベントでファイル読込みを完了する。
  - イベントとして結果とエラーを渡す。

非同期File I/O
- 同期ファイルI/OはByteArrayのように振舞う
  - “bytesAvailable”プロパティはファイルの最後まで読めることを表している。
- 非同期ファイルI/OはSocketやURLStreamのように振舞う。
  - “bytesAvailable”はデータがバッファリングされて読み込み可能なことを表している。
  - “progress”イベントは新しいデータが読めることを表している。
  - “complete”イベントが起こればカンタンにファイルを読める。
- 他の方法
  - readInt(), readDouble(), など、読み込み可能なファイルから読む。

JavaScript連携

概要
- ActionScriptとJavaScriptは共にECMAScriptベースの言語である。
- Apolloでは相互に呼び出すことが可能。
- Apollo内のJavaScriptはバージョン１．７

DOM
- ActionScriptからHTMLをDOM操作する
- HTMLのJavaScriptイベントにActionScriptを関連付ける

<html>
     <body id="link">
       <p id="msg">Test</p>
     </body>
 </html>

DOM操作

html.window.document.getElementById(“msg”).innerHTML = "メッセージ";

- JavaScriptイベントをリスニング

var link:Object = html.window.document.getElementById("link");
link.onclick = clickHandler;

ActionScript→JavaScript
- JavaScriptの標準メソッド呼び出し

html.window.alert("Hello from ActionScript");

- JavaScriptのカスタムメソッド/プロパティ呼び出し

<script>
greeting = "hello";
function reverseStr(str) {
returnStr = "";
for (i = 0; i < str.length; i++) {
returnStr = str.charAt(i) + returnStr;
}
return returnStr;
}
</script>

JavaScript→ActionScript
- ActionScriptの標準メソッド呼び出し

<html>
<script>
runtime.trace("Hello from JavaScript.");
</script>
</html>

その他の機能

ネットワークの検出
- ネットワークの状態変化を検出できる

Shell.shell.addEventListener(Event.NETWORK_CHANGE,onNetworkChange); 
function onNetworkChange(event:Event)
{ 
  //検出時の処理
}

コマンドライン引数
- Apolloアプリをコマンドラインから呼び出す際に引数を渡すことができる。

HelloApollo9.exe aaa bbb ccc

アプリケーションの更新
- 現在インストールされているアプリを、プログラム経由で更新することができる。
- ローカルにインストールされているバージョンと、サーバーにある最新バージョンを比較すれば、最新版を自動的にインストールできる。

こんなかんじです。

資料はコチラからダウンロードできます。
http://fxug.net/archives/study_mtg_14/apollo_programming.pdf

2007-03-24

はてな技術勉強会

Apollo

ActionScript3 / Flex / Apollo 勉強会ってのがあったみたいです。
資料が公開されている〜♪すばらすぃ。映像付きだし。

LL使いな方々にはfcwrapってのが良いらしい？
オイラ、Eclipseから離れられない体になってしまいました。orz

Hatena::Diary だいぶお世話になっております。

3月22日の技術勉強会 - ActionScript3 / Flex / Apollo 勉強会
http://hatena.g.hatena.ne.jp/hatenatech/

2007-03-24

複数エフェクト

Flex

複数のエフェクトを同時に適応する例です。
Parallelクラスを使います。

Simple Parallel Effect Using Actionscript
http://www.cflex.net/showFileDetails.cfm?ObjectID=642&ChannelID=1

2007-03-24

ApolloApps.com

Apollo

Apolloアプリ向けの情報サイトがオープン予定だそうです。
企画倒れにならないことを期待しています。

ApolloApps.com
http://www.apolloapps.com/

2007-03-24

ApolloとFDS連携サンプル

Apollo

クリストフさんがFDSとApolloを連携するサンプルを公開しています。
AMFChannelとかRTMPChannelっていうクラスを使って、
サーバーにアクセスしてプッシュデータを受け取っています。

Real Time Market Data using Apollo and Flex Data Services
http://coenraets.org/blog/2007/03/real-time-market-data-using-apollo-and-flex-data-services/

2007-03-24

LiveCycle Data Services って何だ？

Flex

AdobeのSOAに対する答えかな。
主な機能は以下のとおり、

・新しいFlex SDK
・サーバーサイドPDF生成
・DataServiceのランタイム変更
・WSRPポータルサポート
・QoSサポート
・AjaxDataService
・Flex-Ajax Bridge
・オフラインメッセージキュー for Apollo
・ローカルデータキャッシュ for Apollo
・RTMPトンネリング
・SQLアダプタ
・新しいJSPタグライブラリ
・DataServiceのパフォーマンスを拡張性の向上

業務でどの程度PDF連携が要求とされているか、
ってか、お客さんはPDFでできること全体を把握していないと思う。
まずPDFを使うと何ができるか広く認知してもらって、
そのうえでLiveCycle Data Servicesのメリット考えないとね。

JasperReportと何が違うか説明できます？
帳票って出力するだけの紙の代わりから、
入力・表示・データ・チェック・送信・セキュリティを備えた
ビジネスツールとして見れるか、ってかそれが必要か。

必要性はこちらから提案するもんだよね。

トヨタのプリウスっていきなり買わないでしょ？
ちゃんと筋の通った説明があって、魅力があって、
必要性を感じて購入する。

思ってもみなかった良い体験ができる。
それが当たり前になる。

Adobe SOA platform launches Data Services
http://technoracle.blogspot.com/2007/03/adobe-soa-platform-launches-data.html

2007-03-24

HTML表示ターゲットの変更

Apollo

Apollo内で読み込んだHTMLに正規表現かまします。
ターゲットが_blankになっている部分を_selfに変更します。
これ応用すれば面白い。

Apollo HTML Gotcha
http://www.brandonellis.org/?p=26

2007-03-24

ユースケース分析

Apollo

さて、Apolloプラットフォームを使ったユースケースを分析してみよう。
例えばDemocracy Playerは、デスクトップアプリで
WMV、MPEG、AVI、XVIDなどあらゆる動画を見ることができる。
BitTorrentからダウンロードもできるしYouTubeも見れる。
Apolloじゃないけど、Apollo以上のことができている。UIもかっこいい。
クラスプラットフォームじゃないと思うけどC#とかできれば比較的
簡単にこんなアプリつくれるはず。