Symfoware

Symfowareについての考察blog

Cordova(コルドバ)チュートリアル1 Cordovaプロジェクトの作成

iPhoneやAndroidのアプリを作成できる
Apache Cordova

面白そうなので、Ubuntu 14.04に環境を構築し、チュートリアルを試してみます。


チュートリアル



チュートリアルのページはこちら。
http://ccoenraets.github.io/cordova-tutorial/

一ページずつ試していこうと思います。



Creating a Cordova Project



http://ccoenraets.github.io/cordova-tutorial/create-cordova-project.html

CordovaはNode.jsで動くそうです。
まずはNode.jsとnpmのインストールを行います。

Ubuntu 14.04 に Node.jsをインストールする
こちらを参考にインストールしました。


$ sudo apt-get install nodejs npm
$ nodejs -v
v0.10.25





ちなみに、最初は最新バージョンをインストールしようと


$ sudo add-apt-repository ppa:chris-lea/node.js
$ sudo apt-get update
$ sudo apt-get install nodejs npm



を実行したのですが、競合エラーが発生しインストールできず。


$ sudo add-apt-repository --remove ppa:chris-lea/node.js
$ sudo apt-get update



で追加したレポジトリを取り除いて、再度インストールを実行しています。


npmがインストールできたら、npmでcordovaをインストールします。


$ sudo npm install -g cordova




インストールされたバージョンを表示しようとすると


$ cordova -v
/usr/bin/env: node: そのようなファイルやディレクトリはありません




nodejsじゃなくて、nodeというコマンド名じゃないといけないようです。


$ sudo update-alternatives --install /usr/bin/node node /usr/bin/nodejs 10




再度バージョンの表示。


$ cordova -v
4.2.0




cordovaを最新版に更新したいときは


$ sudo npm update -g cordova



を実行すれば良いようです。




cordovaコマンドが使えるようになったら、プログラムのひな形を作成します。
プログラムを作成するディレクトリを作成して移動。
コマンドを実行します。


$ cordova create workshop com.yourname.workshop Workshop




こんな階層が自動的に作成されました。

557_01.png



これはオプションですが、作成したいプラットフォームがある場合は
自動的に作成されたworkshopディレクトリで追加コマンドを実行します。


$ cd workshop




iOS(iPhone)を追加したい場合


$ cordova platforms add ios




Androidを追加したい場合


$ cordova platforms add android




なお、iOSを追加する場合はiOS SDKが必要です。Macが必須ですね。
Androidの場合はAndroid SDKが必要です。

Android SDKの導入は次で行おうと思います。



cordovaの各種機能はプラグインという形で提供されているようです。
まだよくわかっていないのですが、チュートリアルに従い
「device」と「console」プラグインを追加します。


$ cordova plugin add org.apache.cordova.device
$ cordova plugin add org.apache.cordova.console




pulubinsディレクトリにフォルダーが追加されました。

557_02.png



wwwにhtmlやJavaScriptが配置されています。
このファイルを編集してプログラムを作成していく感じだと思います。

platformsには追加したプラットフォームの情報。

plugsinsには追加したプラグインの情報。

config.xmlがアプリケーションの設定ファイルになるようです。





【参考URL】

Ubuntu 14.04 に Node.jsをインストールする

How can PPAs be removed?


関連記事

テーマ:プログラミング - ジャンル:コンピュータ

  1. 2015/02/22(日) 11:32:33|
  2. 備忘録
  3. | トラックバック:0
  4. | コメント:0
  5. | 編集
<<Ubuntu 14.04にAndroid SDKをインストールする(Cordova向け) | ホーム | Pythonからrpy2でRのソースファイルを呼び出すときに値を渡す方法>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://symfoware.blog68.fc2.com/tb.php/1638-92907c92
この記事にトラックバックする(FC2ブログユーザー)