SHOEISHA iD

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

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

Adobe Developer Connection(AD)

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をダウンロードしてインストールします。

  1. ブラウザーでPhoneGapのダウンロードページにアクセスし、オレンジ色のダウンロードリンクをクリックして、ダウンロードを開始します。
    注意

     ここで紹介する手順はPhoneGap 1.5.0用のものですが、これと同一のプロセスまたは類似したプロセスがすべてのバージョンに適用されます。

  2. ZIPファイルの内容を解凍します。libs/ios/フォルダーに移動し、Cordova-1.5.0.pkgパッケージインストーラーをダブルクリックします。PhoneGapインストールウィザードが起動し、システムにPhoneGapをインストールする手順が表示されます(図1を参照)。

     

    図1:PhoneGap/Cordovaインストーラー
    図1:PhoneGap/Cordovaインストーラー
  3. 「Thanks for installing PhoneGap 1.5.0!(PhoneGap 1.5.0がインストールされました。ありがとうございました!)」というメッセージが表示されるまで、インストーラーのインストール手順に従って操作します。

 このメッセージが表示されたら、PhoneGapのインストール手順は終了です。これで、XcodeでPhoneGapプロジェクトを作成できます。

次のページ
Xcodeでプロジェクトを作成する

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

  • このエントリーをはてなブックマークに追加
Adobe Developer Connection連載記事一覧

もっと読む

この記事の著者

Andrew Trice(Andrew Trice)

Universal Mind の主席ソフトウェアアーキテクト。RIA の設計および実装に10年以上の経験を持ち、FlexやAIR、Objective C、Flash、Java、MySQL、Oracleなど多くの技術に精通し、オブジェクト指向、マルチデバイス開発、リアルタイムデータシステム、データ可視化など様...

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

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

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

この記事をシェア

  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/6688 2013/01/15 17:34

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング