So-net無料ブログ作成

HTML+JavaScriptでAdobe AIR [AIR]

先日から、こちょこちょ更新し始めましたが、4、5年ぶりにAIRでもいじってみようかとぼちぼちいじり始めています。一応、AIRでは、HTMLとJavaScriptのみでアプリがつくれると言う事なので、その方向で。

Webアプリの作成には、Aptana Studioと言うのが有名らしいので、入れてみたのですが、昔は存在していたらしいAIRの開発環境が今は提供されていない様なので、断念。と言うか、併用するかも知れませんが・・。まあ、とりあえずは大した事もしないと思われるので、以前見つけていた「AIR GEAR」と言う環境で、プロジェクトの作成とテスト実行を行う事にしました。

*

で、いきなりGUIベースのアプリから取りかかると、また頓挫しそうなので、まずはログを出してみることに・・・。AIR GEARでプロジェクトを作成した際に作成されたHTMLファイルに書き足していく事にしました。それがこちら。

<html>
  <head>
    <script src="AIRAliases.js" type="text/javascript"></script>
    <script type="text/javascript">
      function main() {
        air.trace("test");
      }
    </script>
    <title>excercise_html_app</title>
  </head>
  <body onLoad="main()">
    Hello Adobe AIR!
  </body>
</html>


ちなみに、JavaScriptのHTML内での使い方もよくわかってないので、これだけでもちょっと手間取ったりして・・。

さて、一応、ソースをなめておきます。

    <script src="AIRAliases.js" type="text/javascript"></script>


こちら、自動生成されていた気がしますが、まずは「AIRAliases.js」と言うのを読み込みます。エイリアスの定義が含まれているとの事。無くても大丈夫と思われますが、これがあった方が便利な様です。

        air.trace("test");


で、こちらが、ログ出力の関数(と言うかメソッド?)です。これでコンソールにテキストを出力することができます。ここでは、main()と言う関数の中に入れておきました。JavaScriptでエントリ関数の一般的な名前がわからなかったので、C風に・・。そもそも「エントリ関数」と言う概念があるのかどうかも知りませんが・・。

  <body onLoad="main()">


で、HTMLのbodyにイベントに対応した呼び出し関数を定義しておくと呼び出される様です。ここでは、「onLoad」と言うイベントに定義しています。

次は、とりあえずファイルを読み込みたいですかねぇ・・。

【参考】
aptana
AmaterasAIR a.k.a. "AIR GEAR" - Project Amateras
HTML 環境について - Adobe AIR 用 HTML 開発ガイド / AIR 開発の基礎



   

aptana studioのエディタの色 [eclipse]

ADT(Andriod Development Tools)のeclipseにAptana Studioを入れた。が、HTMLのエディタの色が気に食わない。背景が黒で文字が白とかになってました。エディタの設定とかを見ても問題無さげだし、どこで設定すればいいのか悩んでいたところ、「環境設定」→「Aptana Studio」→「Themes」で設定可能だとの事。「Eclipse」を選択して解決。

【参考】
How do I change the background color of aptana studio? - Stack Overflow



   

eclipseのPDE [eclipse]

ADTのeclipseでplug-inのプロジェクトを見ようと思ったが、plug-inに関する選択肢が無かった・・・。本家のeclipseだと、はじめからPDE(plug-in development environment)と言うのが含まれている様子だが、ADTには無い。eclipseなので、後から追加可能だろうと調べていたところ、「Help」→「Install New Software...」で、「Work with」に「http://download.eclipse.org/eclipse/pde/visualization/updates」を設定して追加すれば、インストールできた。

【参考】
PDE Downloads - eclipse



   

ブログを作る(無料) powered by So-netブログ

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。