2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Iwate DevelopersAdvent Calendar 2014

Day 9

岩手でTitaniumがアツいらしいのであえてCordovaを触ってみた。

Last updated at Posted at 2014-12-09

@isseium@ganezasanが岩手で活動的にしているおかげで、岩手Titanium勉強会とか Titaniumユーザー会代表のスライドに岩手が登場したりと、岩手でTitaniumがアツいみたいですね。

TitaniumとNode.jsは兄弟

そんなこんなでTitaniumとは違いますが似た様な系統のCordovaを触ってみたのでメモしておきます。

ホントは盛岡や岩手っぽいものをやりたかった

##Cordovaとは
コルドバって聞くとなんとなくシャーマンキングを思い出すのは私だけでしょうか。

CordovaはPhoneGapから派生したオープンソースプロジェクトです。今はApache Cordovaというみたいです。

HTML/CSS/JSといったWeb技術を使ってネイティブ機能を呼び出すことができ、iOSやAndroidなどマルチプラットフォームでアプリ開発が出来ます。

準備

###Cordovaのインストール
CordovaはNode.jsで動作します。予めインストールしておきましょう。

$ npm i cordova -g
$ cordova -v
4.1.2

これだけでCordovaのインストールは完了です。カンタンですね。

ios-simのインストール

$ brew install ios-sim  
$ npm i -g ios-sim

(片方だけでもいいかも...?)

ios-deployのインストール

$ npm i -g ios-deploy

その他

XcodeなどiOS開発が出来る環境は準備しておきましょう。

プロジェクトの作成

  • プロジェクトの新規作成は以下のように入力。
$ cordova create hello com.example.hello HelloWorld -d
$ cd hello

helloフォルダが出来るので移動しておきます。

  • プラットフォームの追加
$ cordova platform add ios

android開発を行う場合はcordova platform add androidです。

  • プラットフォーム確認
$ cordova platform ls
Installed platforms: ios 3.7.0
Available platforms: amazon-fireos, android, blackberry10, browser, firefoxos

対応プラットフォームを確認出来ます。

プロジェクトのビルド

$ cordova run


シュミレーターが起動して、Cordovaアプリのデフォルト画面が立ち上がりました!!

参考: http://qiita.com/aKyoichiroIizuka/items/b6274d9780e2942398c3

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?