SHOEISHA iD

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

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

特集記事

RadPHP XE2で始めるモバイルアプリ開発(iOS編)

ドラッグ&ドロップのビジュアル操作でPHPによるモバイルアプリを開発

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

 2011年9月にリリースされたRadPHPの新バージョン「RadPHP XE2」では、従来のWebアプリケーションの構築機能に加え、モバイル向けに最適化されたWebアプリケーションを開発する機能や、PHPアプリケーションをiOSおよびAndroid用のネイティブモバイルアプリに変換する機能が追加されました。この記事では、RadPHP XE2でのiOSアプリの開発方法について説明します。

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

はじめに

 RadPHPは、ファーストバージョンリリース時には、「Delphi for PHP」と呼ばれていたPHP開発環境です。DelphiやVisual Basicと同じようなドラッグ&ドロップ操作でPure PHPアプリケーションを開発できるユニークなツールでした。

 そのツールが進化して、現在ではRadPHPと呼ばれ、モバイルを含むさまざまな開発に対応したPHP開発環境へと成長してきました。特にモバイル向けの需要の増加は、Web開発者にとっても悩ましいところです。PHPの世界では、jQuery MobileやPhoneGapといったソリューションがありますが、これらを使いこなすには、まだまだ敷居が高いのが現状でした。

 RadPHPは、ビジュアル環境にこれらのフレームワークを取り込み、直感的で分かりやすい、効率的な開発スタイルを実現しています。

図1 - RadPHP XE2

jQuery MobileとRadPHP

 jQuery Mobileは2010年8月11日に始まったオープンソースプロジェクトで、jQueryをベースにモバイルデバイスのWebブラウザに特化したGUIを提供する優れたJavaScriptライブラリです。活発な開発が進められており、モバイルWeb開発の主流になりつつあります。

 RadPHPには、最新版のjQuery Mobile 1.0が搭載されています(本記事執筆時点)。標準搭載された各種コンポーネントとフレームワーク、直感的な画面設計が可能なモバイル対応のビジュアル設計ツールによって、jQuery Mobileの存在を意識することなく、Ajaxにも対応したモバイルWebアプリを作成できます。

PhoneGapとRadPHP

 PhoneGapは、旧Nitobi Software社(Adobe Systemsに買収されました)が開発していたオープンソースのライブラリです。PhoneGapは「Webアプリをネイティブアプリとしてラップしてくれるネイティブライブラリ」として注目をされており、主にiOS, Android, BlackBerry, Windows Phoneをターゲットにしています。

 しかし、PhoneGap専用のHTML/CSS/JavaScriptのコンテンツを自前で作成する手間や、XcodeやEclipse向けのプロジェクトを作成する手間がかかるのが問題でした。

 RadPHPでも、作成したWebアプリをネイティブアプリに変換するためにこのPhoneGapを採用していますが、便利なウィザードを提供することで、この問題に対応しています。RadPHPで作成したPHP/jQueryMobileベースのWebアプリは、ウィザードを利用するだけで、PhoneGapに必要なコンテンツおよびプロジェクトを自動で生成できます。

この記事で紹介する開発手順

 この記事では、RadPHPの新バージョンである「RadPHP XE2」を用いて、iOSに対応したWebアプリと、さらにはiOS向けのネイティブアプリを開発します。

 開発には、上述のjQueryMobileやPhoneGapを利用しますが、具体的なコードが出てくる箇所が極めて少ないことに驚かれるかもしれません。

セットアップ - 開発を始める前に

 RadPHP XE2でiOS向けアプリを開発するには、いくつかのセットアップが必要です。まず、以下の準備を行います。

  1. Windows側にRadPHP XE2をインストール
  2. Windows側にGoogle Chromeをインストール
  3. Mac OS X側にXcodeをインストール
  4. Mac OS X側にPhoneGapをインストール

Windows RadPHP XE2のインストール

 RadPHP XE2の動作環境は、以下のとおりです。

動作OS:

  • Microsoft Windows 7
  • Microsoft Windows Vista
  • Microsoft Windows Server 2008(SP2)
  • Microsoft Windows Server 2003(SP1)
  • Microsoft Windows XP Professional(SP3)

推奨環境:

  • メモリ:1GB以上
  • 300MB以上のディスクの空き容量

 RadPHP XE2のモバイルコンポーネントがサポートするモバイルOSは以下のとおりです。

  • iOS(iPhone, iPad) - 3.1.3以上
  • Symbian S60 - 5.0以上
  • BlackBerry - 6.0以上
  • Android - 1.5以上
  • Windows Phone - 7.0以上
  • WebOS - 1.4.1 以上

 また、iOSアプリを作成するためにIntelベースのMac OS X 10.6.6(Snow Leopard)以降と、Xcode 3.2以降を必要とします。

 なお、2012年3月現在 RadPHP XE2は Update4がリリースされています。このUpdate4で以下のアップデートが追加されました。

  • ZendFrameworkのサンプルを追加
  • 各種Android端末, BlackBerryのモバイル端末の背景を追加
  • JQuery Mobile 1.0 finalを統合
  • PhoneGap 1.3.0を統合

 RadPHPをインストールしたら、使用許諾登録を完了させます。

Google Chromeのインストール

 作成したアプリの動作を確認するためのブラウザとしてGoogle Chromeをインストールします。Google Chromeを使えば、作成したWebアプリケーションのモバイル環境での外観を、シミュレータを使うことなく、ある程度確認できるので便利です。

Mac OS X側にXcodeをインストール

 モバイル向けのWebアプリ開発であれば、上記のセットアップまでで十分ですが、iOS向けのネイティブアプリの開発も行うには Xcodeも用意しておかなければなりません。

 Xcodeをダウンロードして使用するには、Apple Developerへの登録が必要です。

 インストールするXcodeは、3.2以降のものを使います。

Max OSX側に PhoneGapをインストール

 次に、PhoneGap 1.3.0を入手してインストールします。RadPHPで作成したWebアプリケーションをiOSのネイティブアプリに変換するには、あらかじめMac OS XにPhoneGapをインストールし、Xcodeに統合しておく必要があります。

 PhoneGap 1.3.0のダウンロードURLはこちらです。

 このページで、iOSを選択してインストーラをダウンロードし、インストールを実行します。

 以上でセットアップは完了です。

次のページ
RadPHP XE2上でアプリを作成する

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

  • X ポスト
  • このエントリーをはてなブックマークに追加
特集記事連載記事一覧

もっと読む

この記事の著者

EDN編集部(イーディーエヌ編集部)

エンバカデロ・デベロッパーネットワーク(EDN)は、ソフトウェア開発者とデータベース技術者のための技術情報サイトです。Delphi、C++Builderをはじめとする開発ツールやER/Studioなどのデータベースツールに関連する技術記事、ビデオなどを提供しています。EDN編集部は、EDN記事と連携...

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

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

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/6505 2012/05/15 18:29

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング