SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

モバイル・エンタープライズ・アプリケーションの統合プラットフォーム「IBM Worklight」(AD)

Worklightを使用する:
第1回 初めてのWorklightアプリケーションに着手する

iOSおよびAndroid対応のアプリケーションをセットアップする

  • このエントリーをはてなブックマークに追加

iOS機器とAndroid機器にデプロイ可能なアプリケーションのビルド

 Worklightは、「common」という名前の1つのフォルダーに格納された共通ソース・ファイル(HTML、CSS、およびJavaScript)と、プラットフォームごとのフォルダーに格納されたプラットフォーム固有のファイル(Android用のファイルは「android」フォルダーに、iPhone用のファイルは「iphone」フォルダーに格納されるといった具合です)で構成されます。例えば、iOSとAndroidのビルドはjQueryを使用するので、「jquery.js」ファイルが「common」フォルダーに置かれます。iOS固有のコードがある場合には、JavaScriptコードは「ios-plugin.js」ファイルに記述されて、「common/js」フォルダーではなく「iphone/js」フォルダーに格納されることになります。Worklightは共通ファイルを特定の機器の環境のそれぞれに対応させます。

 ソース・コードをデプロイする準備ができたら、後は、Androidアプリケーションを右クリックして「Run As(実行)」 > 「Build All and Deploy(すべてをビルドしてデプロイ)」の順に選択するだけです(図15を参照)。この操作によって、アプリケーションのタイトルが名前として付けられた新しいフォルダー(「<アプリケーション名>Android」フォルダー)がワークスペースに出現します。

図15 ビルドとデプロイ
図15 ビルドとデプロイ

 次に、その生成されたアプリケーション・プロジェクトを右クリックして、「Run As(実行)」 > 「Android Application(Android アプリケーション)」の順に選択します(図16を参照)。実際のAndroidフォンがUSBで接続されていて、設定で開発モードが有効になっていれば、アプリケーションがAndroidフォンで自動的に実行されます。そうでない場合は、既存のAVD(Android Virtual Device)でアプリケーションが実行され、それによってエミュレーターが起動されて、上記で入力した「Hello World」文字列が表示されます(図16と図17を参照)。

図16 Androidアプリケーションの実行
図16 Androidアプリケーションの実行
図17 Androidアプリケーションのテスト
図17 Androidアプリケーションのテスト

 アプリケーションをiOS機器にデプロイする手順も、Androidの場合と同様です。iPhoneアプリケーションを右クリックして「Run As(実行)」 > 「Build All and Deploy(すべてをビルドしてデプロイ)」の順に選択し、生成されたアプリケーション・プロジェクトを右クリックして、「Run As(実行)」 > 「Xcode project(Xcode プロジェクト)」の順にクリックします(図18を参照)。Xcodeで、実際の機器を選択するか、iPhoneまたはiPadシミュレーターを選択してから、「Run(実行)」ボタンをクリックします(図19を参照)。図20に、iPhone環境で実行中のアプリケーションを示します。

図18 iOSアプリケーションのビルドとデプロイ
図18 iOSアプリケーションのビルドとデプロイ
図19 テスト用の機器またはシミュレーターの選択
図19 テスト用の機器またはシミュレーターの選択
図20 iPhoneアプリケーションのテスト
図20 iPhoneアプリケーションのテスト

まとめ

 この入門記事では、Worklight開発環境をセットアップし、iPhoneとAndroidの両方を対象とした単純な「Hello World」サンプル・アプリケーションを作成しました。このセットアップにはWorklightサーバー・ランタイムとすべてのサポート・ソフトウェアが組み込まれているため、Todoアプリケーションにアプリケーション・ロジックとコンテンツを追加する準備はできています。今回の記事で行った手順では、アプリケーションを作成して機器またはシミュレーターでテストするという開発ワークフローの反復をどのように行うことになるかを大まかに示しました。

無償版のDeveloper Edition

 Worklightには、すべての機能を無期限で使用できるDeveloper Editionが提供されています(WindowsおよびMacに対応)。ぜひ実際に触って使い勝手をお試しください。

 

参考文献

学ぶために
製品や技術を入手するために

この記事は参考になりましたか?

  • このエントリーをはてなブックマークに追加
モバイル・エンタープライズ・アプリケーションの統合プラットフォーム「IBM Worklight」連載記事一覧

もっと読む

この記事の著者

Jeremy Nortey(Jeremy Nortey)

Jeremy Nortey は、Software Group に所属する IBM Mobile Foundation のソフトウェア開発者として、モバイル・ソリューションのソフトウェアおよび品質保証を開発しています。iOS を専門としており、余暇は iPhone のネイティブ・アプリケーションの作成...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

Carlos Andreu(Carlos Andreu)

Carlos Andreu は、IBM Software Group のソフトウェア開発者で、現在はハイブリッド・アプリケーション、Android アプリケーション、iOS アプリケーションを構築するためのフレームワークの作成に取り組んでいます。彼は、最新のトレンドと技術関連のブログを追ったり、読書...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

Raj Balasubramanian(Raj Balasubramanian)

Raj Balasubramanian は、IBM Mobile Foundation に取り組んでいる IBM Software Group の製品アーキテクトです。彼は、IBM Worklight と IBM Mobile Foundation でのクライアントとサービスの対話を指揮しています。...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/6817 2012/10/22 14:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング