» home

AdobeのApolloを早速インストール&プログラム書いてみた

注目していたApolloをようやく試せるようになりました。
Ajaxian » Adobe Apollo Alpha Release

Flashと同じでブラウザ組み込みかと思っていましたが、ウィジェット的な感じ。FirefoxのExtensionのような雰囲気もあります。動作にはRuntimeが必要になります。

Adobe Labs - Downloads: Apollo Runtime

これをインストールすると拡張子がairのファイルが動くようになります。airは1つずつインストールしてから使う模様。WindowsXPだとこんな画面が。

apollo1.png

アプリごとに出るのはちょっと面倒かなぁ。

Apollo:Applications:Samples - Adobe Labs
サンプルがいくつかあるのでダウンロードして実行。一番下のScreenPlayが面白い。

続いてSDKをダウンロードしてプログラムを書いてみました。

Adobe - Adobe(R) Apollo Software Development Kit
登録しないといけないようです。

ドキュメントもダウンロードして「Create your first HTML-based Apollo application」を試してみました。Flexは持っていないのでXML、HTMLとJavaScriptをテキストエディタで生成。SDKのbinにあるバイナリを使ってairを生成、という手順。

HelloApollo-app.xml:

<?xml version="1.0" encoding="UTF-8"?>
<application xmlns="http://ns.adobe.com/apollo/application/1.0.M3"
  appId="samples.HelloWeb" version="0.1">
  <properties>
    <name>Hello Apollo!</name>
    <publisher>My company name</publisher>
    <description/>
    <copyright/>
  </properties>
  <rootContent systemChrome="standard" visible="true">HelloApollo.html</rootContent>
</application>

HelloApollo.html:

<html>
<head>
  <title>Hello Apollo!</title>
  <script type="text/javascript"><!-- 

  function appLoad(){
  	if(window.runtime){
  		runtime.trace("Hello Apollo.");
	}
	xmlhttp = new XMLHttpRequest();
	xmlhttp.open("GET", "request.txt",true);
 	xmlhttp.onreadystatechange=function() {
  		if (xmlhttp.readyState==4) {
			document.getElementById('replace').innerHTML = xmlhttp.responseText;
  		}
 	}
 	xmlhttp.send(null)
  }
  --></script>
</head>

<body onLoad="appLoad();">
  <hi>Apollo</h1>
  <div id="replace">
  	<p>Placeholder</p>
  </div>
</body>
</html>

request.txt:

Hello <b>Apollo</b>!

ソースから直接実行するときは(デバッグ時とか)

> bin\\adl HelloApollo-app.xml

再配布用にairファイルを生成するときは

> bin\\adt –package HelloApollo.air HelloApollo-app.xml HelloApollo.html request.txt

実行すると、
apollo2.png
apollo3.png

こんな感じ。
このプログラムではローカルのrequest.txtにAjax的な通信をして中身を取得していますが、リモートのURLも普通に取得できました。おぉ。

ただ、手元の環境では日本語のフォントが変。zuzara.comを取得して表示してみたところ。
apollo4.png

とりあえず使ってみました、という感じです。

By: funaki | 2007年3月19日 | いじる | Trackback | Comments [RSS 2.0]

3 Comments »

  1. 英単語シアターでAdobeのApolloをテスト中!!…

    AdobeのApolloのα版がリリースされたということで、僕も早速試してみました。
    「zuzara.com AdobeのApolloを早速インストール&プログラム書いてみた」を参考にトライ。

    ためしに英単語シアタ….

    Trackback by 検索レンズ開発日誌 — 2007年3月20日 @ 02:18

  2. すごい!さっそくApolloを作られたのですね。
    まだ、触って試しているところなのですが、
    近々作る際は参考にさせてください!!

    Comment by Yasu — 2007年3月20日 @ 02:52

  3. Adobe AIR(Adobe Integrated Runitime)(コードネームApollo)…

    Adobe から Apolloのβ版が公開され、それとともに正式名称がAIR(Adobe Integrated Runitime)と発表されました。前に見た記憶……

    Trackback by digital dre.am — 2007年6月12日 @ 08:37

RSS feed for comments on this post. TrackBack URI

コメントはお気軽にどうぞ

↑top