で、Ionicって？

※ 1系と2系があるけど、今回は1系の1.3を使ってみた。

どうやって作るの？

色々な方法の始め方があるけど、今回は

Ionic Creator

を使ってスタートしてみた。

ProttみたいなプロトタイピングツールちっくなWebサービス
https://creator.ionic.io/

→ ダウンロードして実際に実装に使いました。

ダウンロードしたプロジェクトはこんな感じの構成

コレをこのままWebにあげるとWebアプリにもなる！

ローカルのIonic開発環境はコマンドでつくります。
http://ionicframework.com/getting-started/ に乗ってる手順通り。

してIonicをインストールして

ローカルで一旦適当にプロジェクト作って

今回はAndroid、iOSだったので

xxxdir/$cd myApp
xxxdir/myApp$ionic platform add ios android

して、iOS・Androidプロジェクトを作って
ダウンロードしたプロジェクトで上書き

こんな感じになる
あとはゴリゴリ書くだけ！

"controllers.js"にゴリゴリ書いていく

こんな感じ

ってなったら、ビルドする。

xxxdir/myApp$ionic build ios
xxxdir/myApp$ionic build android

XCodeプロジェクトとapkが出来るので
iOSはこのあと更にXCode開いてXCodeから普通にビルドすればOK！

https://play.google.com/store/apps/details?id=jp.digiq.k3app&hl=ja

runコマンドで実行した場合Codeova-Authが動かない！
- でもrunしないとログが見れないからどこでコケてるのは今度はわからなくなる！
- → ひたすらalertすると言う原始的な方法でデバッグした・・・
端末ハードウェア機能を使う為のCordovaが古かったりして探すのが大変！

とは言えとにかく開発スピードが速いので活用して行きたい。

ライバルのOnsenUIも気になるけど・・・
それは弊社エースエンジニアがこの後記事にしてくれてます！