連載
» 2011年07月11日 00時00分 公開

Flashでできる! Androidアプリ制作入門(4):Flash Builderで始めるAndroidアプリ開発“超”入門 (1/3)

スマホアプリ向け機能が大幅に追加されたAdobe AIR/Flexフレームワークの便利機能を使ったアプリ開発の仕方を解説。

[有川榮一,AKABANA/クラスメソッド株式会社]

iOS向け機能も追加された4.5.1でAndroid開発

 本稿では、先日新しくリリースされたFlash Builder 4.5.1/Flex 4.5.1/Adobe AIR 2.6のAndroidアプリ開発機能に焦点を当てます。アプリ開発における作業の手順を、プロジェクト作成から画面作成、デザインの適用まで説明します。

 バージョンが少し下がるものの、基本的な機能は共通なFlash Builder 4.5/4の詳細やダウンロード・インストールの仕方は、下記記事を参照しておいてください。

 また、Android向け機能を中心としたAdobe AIR 2.5についての詳細は、下記前回記事「スマホ向けアプリ開発の扉を開くAdobe AIR 2.5とは」を参照しておいてください。

3つのモバイルプロジェクト用テンプレート

 Flash BuilderでAndroidアプリを開発するためには、[モバイルプロジェクト][モバイルライブラリプロジェクト]を作成して開発を始めます。Flash Builder 4.5.1では、Flexモバイルプロジェクト用に3種類のモバイルアプリケーションのテンプレートが用意されています。

 [モバイルプロジェクト]は、モバイルアプリを開発するために必要となるプロジェクトです。ActionScriptとFlexで開発できるようにプロジェクトが2つに分かれています。

【1】Flexモバイルプロジェクト

 Flex SDKのモバイル機能とモバイルコンポーネントを使って開発するためのプロジェクトです。今回は、このFlexモバイルプロジェクトを使ったAndroidアプリ開発について説明します。

図1 [新規Flexモバイルプロジェクト]ウィザード 図1 [新規Flexモバイルプロジェクト]ウィザード

【2】ActionScriptモバイルプロジェクト

 ActionScriptを使って開発するためのプロジェクトです。画面遷移や画面解像度対応などは、自前で処理する必要があります。

図2 [新規ActionScriptモバイルプロジェクト]ウィザード 図2 [新規ActionScriptモバイルプロジェクト]ウィザード

【3】モバイルライブラリプロジェクト

 モバイルライブラリプロジェクトは、[Flexライブラリプロジェクト]を作成する際に[モバイルライブラリ]にチェックを入れます。このプロジェクトには、複数のプロジェクトにまたがるようなコンポーネントやユーティリティクラス、または、スキンなどが含まれます。

図3 [新規Flexライブラリプロジェクト]ウィザード 図3 [新規Flexライブラリプロジェクト]ウィザード

Flexモバイルプロジェクトを新規作成

 まずは、Flash Builder 4.5.1の[ファイル]→[新規]→[Flex モバイルプロジェクト]を選択して[新規Flexモバイルプロジェクト]ウィザードを開始しましょう。

図4 [ファイル]→[新規]→[Flex モバイルプロジェクト] 図4 [ファイル]→[新規]→[Flex モバイルプロジェクト]

[プロジェクトの場所]

 図1のように[新規Flexモバイルプロジェクト]ウィザードの最初のページは、[プロジェクトの場所]です。[プロジェクト名]を入力します。プロジェクトの場所を確認して、[次へ]ボタンを押下して[モバイル設定]ページに進めます。

図5 [プロジェクトの場所]で[プロジェクト名]を入力 図5 [プロジェクトの場所]で[プロジェクト名]を入力

[ターゲットプラットフォーム]

 [モバイル設定]ページでは、最初に[ターゲットプラットフォーム]を選択します。これによって生成できるアプリを指定します。今回は、[Google Android]にチェックが入っていることを確認します。

図6 [モバイル設定]で[Google Android]にチェック 図6 [モバイル設定]で[Google Android]にチェック

 次ページでは引き続き、Flexモバイルプロジェクトをウィザードで作成していきます。次に、[アプリケーションテンプレート]タブで作りたいアプリに適したテンプレートを選びます。

       1|2|3 次のページへ

Copyright © ITmedia, Inc. All Rights Reserved.

@ITのメールマガジン(無料)

✔ 【@IT通信】
  編集部のおすすめ記事、限定コラムをお届け
✔ 【@IT新着速報】
  新着記事・速報をまとめてお届け
✔ 【@IT自分戦略研究所Weekly】
  転職支援情報やキャリアアップ情報をお届け

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。