IonicとCordova環境構築(Windows上のAndroid版)

  IonicとCordovaを使い、Hybridアプリを開発しようとすると最初ぶつかる壁は環境構築でしょう。そこで自分の環境構築の大まかな流れをメモしてきました。ご参考程度で宜しくお願いします。（ちなみに私の環境はWindows７Pro）

もしあなたがVisualStudioを使っているなら、こういうのがあります。↓
[Visual Studio Community](https://www.visualstudio.com/cordova-vs?wt.mc_id=o~display~ionic~dn948185) 、そして[templates](https://visualstudiogallery.msdn.microsoft.com/b26474d5-c14d-4d69-bad5-37954538c506)も付いています。
これを使ってうまく開発環境を立ち上がれば下の手順（Android SDKのインストール以外）はしなくてもいいかな？と思いましたが、自分がまだ試していません。
以下はVisualStudioを使わない場合の環境構築手順です。
-------------------------------------------------------------------------------------------------------------------------------------------------
１、まず最初は[Node.js](https://nodejs.org/en/). をインストールします。Nodeをインストールすると、ほかのパーツをインストールするには必要な[npm（Node Package Manager）](https://www.npmjs.com/)も自動的にインストールされるし、ビルド機能もついて、開発で必要なサーバ機能も一緒にインストールされます。Nodeは全ての原点です。

２、Nodeがインストールが完了したら一応うまく動作できるかどうかを試してみよう。
cmdであなたのインストールフォルダに移動する。
```cd　C:\Program Files (x86)\nodejs```。次は```node –v ```を入力し、うまくNodeのバージョンが表示されればインストール成功ですね。
また、一緒にインすトールしたnpmの動作も確認しよう。cmdで```npm```を打ってコマンド不可のエラーが出なければOKです～

３、最新のIonicとCordovarのCLT（command-line tools）をインストールします(少し時間かかります)
``` npm install -g cordova ionic ```

４、platform dependenciesをインストールします
　以下はAndroid開発やios開発に必要なパーツをインストールする。もしこれは以前インストールした経験がなければね。

　　★　Android版（とりあえず）。
　　　4.1　[Java Development Kit (JDK) 7](http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html) （もしくはそれ以上）をインストールします。
　　　　Windows環境ならJAVA_HOMEの環境変数もセットし忘れないように。
　　　4.2　Android SDKをインストールします。Cordova を使うにはAndroid 4.0.x (Android API level 14) 以上が必要だよ。
  次は[Stand-alone SDK Tools](http://developer.android.com/sdk/installing/index.html?pkg=tools)をインストールします。
 そしたらSDK Manager（******\Android\android-sdk\SDK Manager.exe）というツールが出てくると思います（もしくはcmd に```android ```を打てば出てきます）。それを開いて、以下の枠の中のをチェックしインストールしてください。（デスク容量は注意してね、そして、こちらはあくまで執筆時点での情報です、バージョンなどこれと違うかもしれません。
　![Android SDK.jpg](https://qiita-image-store.s3.amazonaws.com/0/42988/1c88cdf2-016f-e64f-41bd-ca8b6242fa00.jpeg)

　　　4.3　環境変数をセットします。Windows環境なら、以下の文字をシステム環境変数「PATH」に追加してね　```;C:\abcdefg\android-sdk\platform-tools;C:\abcdefg\android-sdk\tools```　（パスは例です。あなた自身のインストールフォルダにしてください）
　
　　　4.4　Android Emulatorを指定します。
 　　　cmd に```android ```を打ちます。立ち上がったら　Tools → Manage AVDs (Android Virtual Devices)をクリックします。Device Definitionsタブで、自分が気に入ったデバイスを選択し、Create AVDをクリックして、好きな名前をつけて、ほかにもいろいろ設定し保存します。そしたらAndroid Virtual Devices リストで先ほど追加したデバイスが表します。隣のStartボタンを押してデバイスを立ち上げてみてください。![Snap1.jpg](https://qiita-image-store.s3.amazonaws.com/0/42988/66f3a7a3-81a1-243b-1d03-79a00a06aea6.jpeg)

５、Ionicの公式サイトが提供する簡単なテンプレートから初めてのアプリを作ろう。
　　cmdで```$ ionic start myApp tabs```
   
６、しばらく経つと画面上に「成功した」のメッセージとこれからやれることが表示されます。
![Snap2.jpg](https://qiita-image-store.s3.amazonaws.com/0/42988/1285d160-c902-8031-91a9-08566d86f879.jpeg)

　線で示したのは「myApp」のインストールフォルダ。枠内にはこれからできることが書いてます。
　それでは次の指令をcmdに入力しよう。
```$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic emulate android```

この段階でエラーが出るかもしれません。画面上のエラーメッセージでググって見てください。ちなみに私はビルド段階でJavaバージョンの不備があるというエラー(failed to run java version。。。。)が出てきました。どうやらJAVA_HOMEが示したパスに「bin」が付いてしまうとだめみたい、正しいのは→「C:\Program Files\Java\jdk1.8.0_65」

（ビルド時結構時間掛かったな。。）
ビルドの最後に、「BUILD　SUCCESSFUL」のメッセージが出たらおめでとうございます！apkの場所も記載されてますね。私のは→C:\Users\***\myApp\platforms\android\build\outputs\apk\android-debug.apk

エミュレータの起動を待つのはめちゃくちゃ時間掛かったので、とりあえず、そのapkファイルをGoogleDriverに入れて自分のAndroidタブレットにインストールしてみました。
そう、早速実機で確認するんじゃないっすか！
インストールして起動後の画像キャプチャはこちら：
![Snap6.jpg](https://qiita-image-store.s3.amazonaws.com/0/42988/44503d78-cf16-6260-fdae-596785ff17e4.jpeg)

また、30分経過後、ようやくcmdの画面上に「LUNCH SUCCESSFUL」のメッセージが表示されましたので、エミュレータの起動も成功しました。（画面キャプチャ省略）


 総結：今回はionicの「タブ」をメインにしたアプリを立ち上げましたね。その他もIonicは豊富な[テンプレート](https://github.com/driftyco)いろいろあるから興味ある方は探してみてください。