SHOEISHA iD

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

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

Adobe Developer Connection(AD)

PhoneGapとapp-UIで、複数デバイスに対応するアプリを作成!

原題:PhoneGapとapp-UIでネイティブのようなユーザーエクスペリエンスを作成する

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

ファーストステップ

 まず、この記事の冒頭のその他の製品セクションでapp-UIをダウンロードする必要があります。app-UIをダウンロードしたら、Dreamweaverで開発環境をセットアップしましょう。

  1. Dreamweaverを開き、ようこそ画面の「新規作成」で「Dreamweaverサイト」を選択します(図1)。

     

    図1:Dreamweaverのようこそ画面
    図1:Dreamweaverのようこそ画面
  2. サイト名とサイトのコンテンツを格納するローカルマシンのフォルダーを指定します。ローカルで使用するため、「サーバー」タブは無視します(図2)。

     

    図2:Dreamweaverの新規サイト
    図2:Dreamweaverの新規サイト
     ユーザー情報を入力し、「保存」をクリックして続行します。Dreamweaverで新規サイトが作成されますが、まだファイルがないので空です。したがって、再びようこそ画面が表示されます。Dreamweaverサイトをセットアップしたら、アプリケーションの作成を開始できます。

 ここまでで、アプリ作成のための環境設定方法を解説しました。続いて、実際のアプリケーションの作成手順を、サンプルに沿って見て行きましょう。

 この記事の続きは、PhoneGapデベロッパーセンターにてご覧ください。

記事の続きはこちら!
記事の続きはこちら!

 この作品はCreative Commons Attribution-Noncommercial-Share Alike 3.0 Unported Licenseに基づき使用が許可されます。この作品に含まれるサンプルコードに関して、このライセンスの範囲を超えた使用の許可については、アドビのWebサイトを参照してください。

参考情報

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

  • このエントリーをはてなブックマークに追加
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/6690 2013/01/15 17:34

おすすめ

アクセスランキング

アクセスランキング

イベント

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

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

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

メールバックナンバー

アクセスランキング

アクセスランキング