クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`

が、エラー。

emulator: ERROR: This AVD’s configuration is missing a kernel file!!

emulator: ERROR: ANDROID_SDK_ROOT is undefined

ふむふむ、環境変数が要るとな。よく読まずにテキトーに進めている事がバレバレです。

~/.zshenv なり ~/.bash_profile なりに書きます。

`

for Cordova Android

export ANDROID_SDK_ROOT=~/android-sdk-for-studio`

```````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`

が、エラー。

emulator: ERROR: This AVD’s configuration is missing a kernel file!!

emulator: ERROR: ANDROID_SDK_ROOT is undefined

ふむふむ、環境変数が要るとな。よく読まずにテキトーに進めている事がバレバレです。

~/.zshenv なり ~/.bash_profile なりに書きます。

`

for Cordova Android

export ANDROID_SDK_ROOT=~/android-sdk-for-studio`

`````

あとAndroidエミュレータなんて最近まともに動かしたのいつなのか覚えてない有り様だったので、入ってなかった。

エミュレータの追加や削除などメモ。

# エミュレータの生成, 一覧、 エミュレータの削除

android list targets

android create avd –name emu5.1.1 –target 22

android list avds

android delete avd -n hoge

改めて実行する

cordova emulate android

遅すぎる。ビビる。そっとCtrl-Cで閉じる。

やっぱ無理。あきらめて実機にする。

実機やgenymotionで実行

という訳で実機をつなぎ、実行。

cordova run android

後で気付いたのですが、Genymotion をたちあげとけば、実機転送と同じ要領で動かせました。

最初から気づいていれば、Androidのエミュレータをあれこれする無駄な時間を避けられたのに・・・

iPhoneシミュレータで実行

さっそくiOSでもやってみる

cordova run ios

するとエラー

ios-sim was not found. Please download, build and install version 3.0.0 or greater from https://github.com/phonegap/ios-sim into your path. Or ‘npm install -g ios-sim’ using node.js: http://nodejs.org

ふむふむ。ios-sim なるpackageが要ると。

<br /> (sudo) npm install -g ios-sim

````````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`

が、エラー。

emulator: ERROR: This AVD’s configuration is missing a kernel file!!

emulator: ERROR: ANDROID_SDK_ROOT is undefined

ふむふむ、環境変数が要るとな。よく読まずにテキトーに進めている事がバレバレです。

~/.zshenv なり ~/.bash_profile なりに書きます。

`

for Cordova Android

export ANDROID_SDK_ROOT=~/android-sdk-for-studio`

```````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`

が、エラー。

emulator: ERROR: This AVD’s configuration is missing a kernel file!!

emulator: ERROR: ANDROID_SDK_ROOT is undefined

ふむふむ、環境変数が要るとな。よく読まずにテキトーに進めている事がバレバレです。

~/.zshenv なり ~/.bash_profile なりに書きます。

`

for Cordova Android

export ANDROID_SDK_ROOT=~/android-sdk-for-studio`

`````

あとAndroidエミュレータなんて最近まともに動かしたのいつなのか覚えてない有り様だったので、入ってなかった。

エミュレータの追加や削除などメモ。

# エミュレータの生成, 一覧、 エミュレータの削除

android list targets

android create avd –name emu5.1.1 –target 22

android list avds

android delete avd -n hoge

改めて実行する

cordova emulate android

遅すぎる。ビビる。そっとCtrl-Cで閉じる。

やっぱ無理。あきらめて実機にする。

実機やgenymotionで実行

という訳で実機をつなぎ、実行。

cordova run android

後で気付いたのですが、Genymotion をたちあげとけば、実機転送と同じ要領で動かせました。

最初から気づいていれば、Androidのエミュレータをあれこれする無駄な時間を避けられたのに・・・

iPhoneシミュレータで実行

さっそくiOSでもやってみる

cordova run ios

するとエラー

ios-sim was not found. Please download, build and install version 3.0.0 or greater from https://github.com/phonegap/ios-sim into your path. Or ‘npm install -g ios-sim’ using node.js: http://nodejs.org

ふむふむ。ios-sim なるpackageが要ると。

<br /> (sudo) npm install -g ios-sim

` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`

が、エラー。

emulator: ERROR: This AVD’s configuration is missing a kernel file!!

emulator: ERROR: ANDROID_SDK_ROOT is undefined

ふむふむ、環境変数が要るとな。よく読まずにテキトーに進めている事がバレバレです。

~/.zshenv なり ~/.bash_profile なりに書きます。

`

for Cordova Android

export ANDROID_SDK_ROOT=~/android-sdk-for-studio`

```````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`

が、エラー。

emulator: ERROR: This AVD’s configuration is missing a kernel file!!

emulator: ERROR: ANDROID_SDK_ROOT is undefined

ふむふむ、環境変数が要るとな。よく読まずにテキトーに進めている事がバレバレです。

~/.zshenv なり ~/.bash_profile なりに書きます。

`

for Cordova Android

export ANDROID_SDK_ROOT=~/android-sdk-for-studio`

`````

あとAndroidエミュレータなんて最近まともに動かしたのいつなのか覚えてない有り様だったので、入ってなかった。

エミュレータの追加や削除などメモ。

# エミュレータの生成, 一覧、 エミュレータの削除

android list targets

android create avd –name emu5.1.1 –target 22

android list avds

android delete avd -n hoge

改めて実行する

cordova emulate android

遅すぎる。ビビる。そっとCtrl-Cで閉じる。

やっぱ無理。あきらめて実機にする。

実機やgenymotionで実行

という訳で実機をつなぎ、実行。

cordova run android

後で気付いたのですが、Genymotion をたちあげとけば、実機転送と同じ要領で動かせました。

最初から気づいていれば、Androidのエミュレータをあれこれする無駄な時間を避けられたのに・・・

iPhoneシミュレータで実行

さっそくiOSでもやってみる

cordova run ios

するとエラー

ios-sim was not found. Please download, build and install version 3.0.0 or greater from https://github.com/phonegap/ios-sim into your path. Or ‘npm install -g ios-sim’ using node.js: http://nodejs.org

ふむふむ。ios-sim なるpackageが要ると。

<br /> (sudo) npm install -g ios-sim

````````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`

が、エラー。

emulator: ERROR: This AVD’s configuration is missing a kernel file!!

emulator: ERROR: ANDROID_SDK_ROOT is undefined

ふむふむ、環境変数が要るとな。よく読まずにテキトーに進めている事がバレバレです。

~/.zshenv なり ~/.bash_profile なりに書きます。

`

for Cordova Android

export ANDROID_SDK_ROOT=~/android-sdk-for-studio`

```````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`````クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

`` クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``クロスプラットフォームを触ってみたシリーズその2です。

今思いついたのでその1は書いてないけど以前から Titanium については書いているのでそれで。

Cordovaはハイブリッドアプリのフレームワークです。

元はPhongeGapとしてお馴染みでしたけど、開発元が2011年にAdobeに買収されてからは、Apache Foundationが オープンソース の Apache Cordovaとして管理しています。

Apache Cordova

Titanium とちがい、CordovaはHTML5コンテンツをラップしたWebビューなネイティブアプリを生成します。

HTML (とCSSやJavaScript)なので、Web制作のスキルセットでアプリが作れるという訳です。

そのCordovaをインストールして実機で動かしてみたメモです。

私は普段Titaniumでアプリ作ってるので Node.jsとかAndroid SDKとか、XCodeやgitなどひと通り入ってます。そこは割愛します。

あとMacです。OSXです。

ただCLIなんでWindowsでも大差ないと思いますけど。

PhoneGapは昔少し触ったけど全く覚えてないから、全くの初心者です。

まぁ概ね公式サイトのドキュメントをやってみただけなんですけど。

ハマった所とかも少し。

Apache Cordova API Documentation

インストール

Node.jsはインストール済なので、Cordovaはnpm でインストールできます。

(sudo) npm i -g cordova

プロジェクト作成

こんな感じです。

cordova create sample con.tdtsh.cordova.sample Sample

その後どの様にファイル達が作られていくのかウォッチしたいので、gitリポジトリ化します。(この手順は特に必要無いです)

cd sample<br /> git init<br /> git add .

vi .gitignore</p> <p><br /> platforms<br /> </p> <p>git commit -m'cordova create'</p> <p>``

各プラットフォーム追加

最終的にビルドしたいプラットフォームを明示的に追加する必要があります。

普段 Titanium では AndroidとiOS両方作れる様にする事が多いのでそうしますが、他にFirefoxOSやamazon-fireosなども選べる様です。

FirefoxOSの実機欲しいなぁ。

cordova platform add android

``

ビルドとAndroidで実行

公式サイトの言うとおり、まずはAndroidからエミュレータで動かそうとしてみました。

<br /> cordova build

`

が、エラー。

emulator: ERROR: This AVD’s configuration is missing a kernel file!!

emulator: ERROR: ANDROID_SDK_ROOT is undefined

ふむふむ、環境変数が要るとな。よく読まずにテキトーに進めている事がバレバレです。

~/.zshenv なり ~/.bash_profile なりに書きます。

`

for Cordova Android

export ANDROID_SDK_ROOT=~/android-sdk-for-studio`

`````

あとAndroidエミュレータなんて最近まともに動かしたのいつなのか覚えてない有り様だったので、入ってなかった。

エミュレータの追加や削除などメモ。

# エミュレータの生成, 一覧、 エミュレータの削除

android list targets

android create avd –name emu5.1.1 –target 22

android list avds

android delete avd -n hoge

改めて実行する

cordova emulate android

遅すぎる。ビビる。そっとCtrl-Cで閉じる。

やっぱ無理。あきらめて実機にする。

実機やgenymotionで実行

という訳で実機をつなぎ、実行。

cordova run android

後で気付いたのですが、Genymotion をたちあげとけば、実機転送と同じ要領で動かせました。

最初から気づいていれば、Androidのエミュレータをあれこれする無駄な時間を避けられたのに・・・

iPhoneシミュレータで実行

さっそくiOSでもやってみる

cordova run ios

するとエラー

ios-sim was not found. Please download, build and install version 3.0.0 or greater from https://github.com/phonegap/ios-sim into your path. Or ‘npm install -g ios-sim’ using node.js: http://nodejs.org

ふむふむ。ios-sim なるpackageが要ると。

<br /> (sudo) npm install -g ios-sim

`

うまくiPhoneシミュレータでも動かせました。

感想

素でCordova を使うよりも、Monacaionic といったCordovaを拡張したフレームワークを使うのが最近の流れっぽいですね。

MonacaはWebブラウザで使えるし、Onsen-UIのテンプレートが簡単に利用できる様になっているんで、はじめて使うならそっちの方が良い気がします。

何故いまさらCordovaなのかというと、ちょっと前にReact.jsを少し触ってて、これCordovaで動かしたらいいんじゃね?と思って。

やはり同じことを考える方は多いようで、色んな方が既にやっておられた。

既にReactNativeが出たので今更ですが、それはそれ、これはこれ。

クロスプラットフォーム シリーズ1 Titanium Mobileは業務や受託開発で使えるのか

クロスプラットフォームを触ってみたシリーズ2 久々にCordova (旧PhoneGap) 触ってみた

クロスプラットフォームを触ってみたシリーズ3 Electron (旧Atom Shell)触ってみた

クロスプラットフォームを触ってみたシリーズ4 Ubuntu 15.04 で Titanium (Appcelerator CLI)、無料でどこまでできるか試してみた

クロスプラットフォームを触ってみたシリーズ5 Titanium使いが React Native を少し触ってみた

クロスプラットフォームを触ってみたシリーズ6 Titanium使いが JavaScripで書けるつながりで Native Script 触ってみた

参考にさせて頂いたサイト

React Cordovaで スマホアプリを作る // Speaker Deck

Sample Mobile Application with React and Cordova | Christophe Coenraets

Cordova React.js Material UI で、 Material Design な Android アプリのプロトタイプを作ってみた – うなの日記