AIR自作工房 - Adobe AIRで創るアナログ時計

アナログ時計のプロジェクトを作成しよう

AIRを使うことで、HTML/JavaScriptで作ったWebアプリケーションを、デスクトップアプリケーションとして動かすことができます。今回も、AIR アプリケーションを作るのに、Web の開発環境

Aptana Studio を利用します。Aptana Stuio＋AIRプラグインのインストールの詳細は下記をご覧ください。

ゼロからはじめるAdobe AIR - TodoMemoを作ってみよう

それでは、さっそく Aptana Studioを起動して、アナログ時計のプロジェクトを作るところからはじめましょう。

手順(1)新規プロジェクトの作成

Apatana のメインメニューにある [File - New - Project] をクリックします。そして、「Adobe AIR Project」を選択して[Next]ボタンをクリックします。

手順(2)プロジェクト名の入力

ここでは、プロジェクト名を「MyAnalogClock」という名前にしました。Project name: のテキストボックスにプロジェクト名を入力して[Next]ボタンをクリックします。

手順(3)プロジェクトの設定

次にプロジェクトの設定を行いますが、ここは、そのままで良いので、[Next]をクリックします。すると、次に、ウィンドウの設定を行う画面が出ます。アナログ時計の背景を透明にしたいので、前回の電卓制作を参考にして、Window Styleを「Custom Chrome(Transparent)」(透明)にしても良いのですが、今回は、最後に透明化の処理を行うことにして、ここでは、そのまま [Next]ボタンをクリックしてみます。

手順(4)プロジェクトで使うライブラリの選択

プロジェクト設定の最後に、このプロジェクトで使う基本JavaScriptライブラリを選択します。今回は特にライブラリを利用しませんので、何もチェックせず、そのまま[Finish]ボタンをクリックします。

手順(5)ひな形の確認

ここまでの手順で、AIR のひな形ファイルがプロジェクトにコピーされ、開発の準備が整いました。「(プロジェクト名).html」のようなファイルがメインファイルです。これから、このファイルを書きかえてアナログ時計を作っていきます。