HomeMadeGarbage Loading

PhoneGap で Hello World(所要時間15分)

お母ちゃん  2017.10.30 
ホーム
電子工作
Raspberry Pi
IOT
音楽
Home > PC / スマホ > PhoneGap で Hello World(所要時間15分)
すき 0
うんこ 0

PhoneGap インストールメモ。

PhoneGap のインストール

デスクトップ版とコマンドライン版があるみたい。
とりあえずデスクトップ版をインストール。

手順1: PhoneGapのインストール | PhoneGapのドキュメント

ここからDLしてインストール。

DLもインストールもすぐ終わる。

アプリの作成

手順3: アプリの作成 | PhoneGapのドキュメント

手順通り。

  1. SELECT A TEMPLATE
    Hello Wrold を選択
  2. PROJECT DETAILS
    local path: 「choose」をクリックしてプロジェクトを保存するフォルダ選択
    Name: プロジェクト名 上記ディレクトリに作成される
  3. ID: (optional) はとりあえず空欄

プレビュー

手順4: アプリケーションのプレビュー | PhoneGapのドキュメント

こちらも手順通りに…

ブラウザプレビュー

ブラウザで http://localhost:3000/ にアクセス。

PHONE GAP の画面が表示されてる!!

実機プレビュー

Android 機で・・・

手順2: モバイルアプリのインストール | PhoneGapのドキュメント

こちらの通り、Play ストアから PhoneGap Developer をインストール。

アプリを起動して Server Address に 「PCのIPアドレス:3000」 を入力し Connect

表示された!!!

 

ものの15分で環境作成〜実機プレビューまで完了・・・すごすぎる・・・

(記事に残すまでもない内容????)

更に写真を表示してみました

PhoneGap で Android のギャラリーから画像選択

コメントはこちらから

メールアドレスが公開されることはありません。コメントのみでもOKです。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください