Xcode×PhoneGapでiOSアプリ開発!
~インストールからアプリ実行まで
原題:XcodeとPhoneGapでiOSアプリケーションを開発する
この記事では、iOSデバイスを対象とするPhoneGap/Apache CordovaアプリケーションをXcodeで開発するための環境およびワークフローをセットアップする手順を説明します(転載元:Adobe Developer Connection)。
はじめに
Xcodeは、OS XおよびiOSアプリケーションの開発用にAppleが提供している統合開発環境(IDE)です。iOSは、iPhone、iPadおよびiPod touch用のAppleのモバイルオペレーティングシステムです。
PhoneGapは、ネイティブにインストールできるモバイルアプリケーションをHTMLおよびJavaScriptで作成するためのオープンソースのアプリケーションプラットフォームで、Apache Cordovaとも呼ばれます。
Xcodeをセットアップする
PhoneGapアプリケーションを開発するためにXcodeをセットアップするには、まずAppleのXcode IDEをダンロードしてインストールします。Xcodeは、Apple のデベロッパーサイトでダウンロードできます。Xcodeをダウンロードする前に、Appleのデベロッパーとして登録する必要があります。登録が完了すると、Xcode、iOSデバイスシミュレーターおよびAppleのデベロッパー向けドキュメントに無料でアクセスできます。
アプリケーションを実際のデバイスに展開する場合、またはアプリケーションをiTunesストアで配信する場合は、iOSデベロッパーとしてAppleに登録する必要があります。この登録には年間参加費がかかります。
Xcodeをダウンロードしたら、セットアップウィザードに従ってインストールを実行します。
PhoneGapをダウンロードしてインストールする
Xcodeをインストールしたら、次はPhoneGapをダウンロードしてインストールします。
-
ブラウザーでPhoneGapのダウンロードページにアクセスし、オレンジ色のダウンロードリンクをクリックして、ダウンロードを開始します。
注意
ここで紹介する手順はPhoneGap 1.5.0用のものですが、これと同一のプロセスまたは類似したプロセスがすべてのバージョンに適用されます。
-
ZIPファイルの内容を解凍します。libs/ios/フォルダーに移動し、Cordova-1.5.0.pkgパッケージインストーラーをダブルクリックします。PhoneGapインストールウィザードが起動し、システムにPhoneGapをインストールする手順が表示されます(図1を参照)。
図1:PhoneGap/Cordovaインストーラー
- 「Thanks for installing PhoneGap 1.5.0!(PhoneGap 1.5.0がインストールされました。ありがとうございました!)」というメッセージが表示されるまで、インストーラーのインストール手順に従って操作します。
このメッセージが表示されたら、PhoneGapのインストール手順は終了です。これで、XcodeでPhoneGapプロジェクトを作成できます。
この記事は参考になりましたか?
- Adobe Developer Connection連載記事一覧
- この記事の著者
-
Andrew Trice(Andrew Trice)
Universal Mind の主席ソフトウェアアーキテクト。RIA の設計および実装に10年以上の経験を持ち、FlexやAIR、Objective C、Flash、Java、MySQL、Oracleなど多くの技術に精通し、オブジェクト指向、マルチデバイス開発、リアルタイムデータシステム、データ可視化など様...
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社
この記事は参考になりましたか?
この記事をシェア
