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

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

This entry was posted in いじる. Bookmark the permalink. Both comments and trackbacks are currently closed.

One Comment

  1. Posted 2007/03/20 at 2:52 am | Permalink

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

2 Trackbacks

  • By 検索レンズ開発日誌 on 2007/03/20 at 2:18 am

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

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

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

  • By digital dre.am on 2007/06/12 at 8:37 am

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

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

Page optimized by WP Minify WordPress Plugin