[*その他*] 新しいMacの開発環境構築メモ


# はじめに
新しいMac用の開発環境構築用の個人的メモ。

# 手順
### 1. NodeJSのインストール
[Node.js](https://nodejs.org/ja/)から最新版を入れる。

```bash
$ node -v
v9.5.0
$ npm -v
5.6.0
```

### 2. nのインストール
```bash
$ sudo npm i -g n
```

### 3. cordovaのインストール
バージョン指定で入れる。

```bash
$ sudo npm i -g cordova@6.2.0
```

### 4. javaのインストール
[java8](http://www.oracle.com/technetwork/java/javase/downloads/index.html)からjava8最新を入れる。

```bash
$ java -version
java version "1.8.0_162"
Java(TM) SE Runtime Environment (build 1.8.0_162-b12)
Java HotSpot(TM) 64-Bit Server VM (build 25.162-b12, mixed mode)
```
### 5. Xcodeのインストール
`App Store`からXcodeをインストールする。

### 6. Homebrewのインストール
[Homebrew](https://brew.sh/index_ja.html)を入れる。

```bash
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
# Command Line Toolsがインストールされる

$ brew -v
Homebrew 1.5.3
Homebrew/homebrew-core (git revision 914a; last commit 2018-02-07)
```

### 7. AndroidSDKのインストール

[Android Studio](https://developer.android.com/studio/index.html#mac-bundle)からMac版Android Studioをインストール。

インストール後起動。

<img width="643" alt="スクリーンショット 2018-02-08 15.26.37.png" src="https://qiita-image-store.s3.amazonaws.com/0/48912/26d766af-f382-93e5-bda1-8a1b2a64c080.png">

<img width="912" alt="スクリーンショット 2018-02-08 15.26.51.png" src="https://qiita-image-store.s3.amazonaws.com/0/48912/d260bd00-6ea6-fe58-891c-8a8b0fd6345b.png">

<img width="912" alt="スクリーンショット 2018-02-08 15.29.03.png" src="https://qiita-image-store.s3.amazonaws.com/0/48912/6ea46178-b8a2-f6a7-5679-f8bcad1c7ebb.png">

<img width="912" alt="スクリーンショット 2018-02-08 15.29.10.png" src="https://qiita-image-store.s3.amazonaws.com/0/48912/1997c8bf-d6db-0f26-2069-407abb99be45.png">

<img width="912" alt="スクリーンショット 2018-02-08 15.29.22.png" src="https://qiita-image-store.s3.amazonaws.com/0/48912/4fb9e8d3-2c5b-3cff-1a64-39bbcf87bd54.png">

<img width="912" alt="スクリーンショット 2018-02-08 15.29.32.png" src="https://qiita-image-store.s3.amazonaws.com/0/48912/282f8a19-ae2e-9f65-a35f-a1df55ea3a6e.png">

<img width="912" alt="スクリーンショット 2018-02-08 15.31.05.png" src="https://qiita-image-store.s3.amazonaws.com/0/48912/176e94fd-cb4b-76eb-34a7-3f492716366d.png">

<img width="536" alt="スクリーンショット 2018-02-08 15.32.23.png" src="https://qiita-image-store.s3.amazonaws.com/0/48912/7c1c12d7-6c79-c990-97ed-5409ea4f78df.png">

<img width="778" alt="スクリーンショット 2018-02-08 15.39.57.png" src="https://qiita-image-store.s3.amazonaws.com/0/48912/c345f50c-5c2a-3c3b-10d2-3dbe0dd9574a.png">

`Android Studio`を閉じる。

`.bash_profile`を以下に変更。

```bash
$ vim ~/.bash_profile
# 以下追加
export ANDROID_HOME=/Users/username/Library/Android/sdk
export PATH=$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools:$PATH

$ source ~/.bash_profile
```

最新のコマンドラインツールだと`android`コマンドが消えてしまってるらしい。

```bash
$ android
*************************************************************************
The "android" command is deprecated.
For manual SDK, AVD, and project management, please use Android Studio.
For command-line tools, use tools/bin/sdkmanager and tools/bin/avdmanager
*************************************************************************
Invalid or unsupported command ""

Supported commands are:
android list target
android list avd
android list device
android create avd
android move avd
android delete avd
android list sdk
android update sdk
```

[Android SDK tools 25.2.5](https://dl-ssl.google.com/android/repository/tools_r25.2.5-macosx.zip)で`/Users/username/Library/Android/sdk/tools`を置き換える。

```bash
$ cordova build
Error: Please install Android target: "android-23".

Hint: Open the SDK manager by running: /Users/username/Library/Android/sdk/tools/android
You will require:
1. "SDK Platform" for android-23
2. "Android SDK Platform-tools (latest)
3. "Android SDK Build-tools" (latest)
```

android-23が足りないと出るので入れる。

```bash
$ android
```

<img width="812" alt="スクリーンショット 2018-02-11 11.45.20.png" src="https://qiita-image-store.s3.amazonaws.com/0/48912/239a6b80-5027-e5de-2a2c-df9dcbdb65a8.png">




### 8. 動作確認

```bash
$ cordova create sample
$ cd sample
$ cordova platform add android
$ cordova build
# (省略)
# BUILD SUCCESSFUL
```