[初心者向け] Androidアプリ開発@Mac 〜②Genymotionセットアップ〜


前回（[[初心者向け] Androidアプリ開発@Mac 〜①Android Studioセットアップ〜](http://qiita.com/hkusu/items/22dadce0fccf1920a3e9)）の続きです。

今回は、Androidの高速エミューレタである [Genymotion](http://www.genymotion.com) をセットアップします。

※ Genymotionを利用するには会員登録(プランによっては有料)と、あと動作させるには別途、 VirtualBox が必要です。

まずは VirtualBox のセットアップから説明していきます。
（すでに入ってる方は飛ばしてください。）

とはいえ、今回も、ほぼインストーラーに従うだけでしたが..

# 今回の前提

- 開発端末は Mac OS X v10.9.2 (Mavericks) です。
- **Android Studio** が予めインストールされていること。
	- 現時点では v0.5.2
	- まだインストールしていない方はこちらを参考に。
		- [[初心者向け] Androidアプリ開発@Mac 〜①Android Studioセットアップ〜](http://qiita.com/hkusu/items/22dadce0fccf1920a3e9)
- Genymotion は現時点の最新版である v2.2.0 を利用。
- Virtual Box は 現時点の最新版である v4.3.10 を利用。

# VirtualBox のセットアップ

- ここからダウンロード
	- https://www.virtualbox.org/wiki/Downloads

	![genymotion-1.png](https://qiita-image-store.s3.amazonaws.com/0/35733/87415e7b-15f7-7667-e718-f22a5381c6b4.png "genymotion-1.png")

- dmgファイルを開き、`VirtualBox.pkg` をダブルクリック

	![genymotion-2.png](https://qiita-image-store.s3.amazonaws.com/0/35733/46ca1c10-a3e9-9e52-7cd3-a6324768e79b.png "genymotion-2.png")

- [続ける]を選択

	![genymotion-3.png](https://qiita-image-store.s3.amazonaws.com/0/35733/2a3b23b9-e55e-ccce-fd4f-5f972af56c70.png "genymotion-3.png")

- [続ける]を選択

	![genymotion-4.png](https://qiita-image-store.s3.amazonaws.com/0/35733/2d3c1d12-306b-0cba-b07c-e1470f39c760.png "genymotion-4.png")

- [インストール]を選択

	![genymotion-5.png](https://qiita-image-store.s3.amazonaws.com/0/35733/1ae187e1-7a5c-a2b3-dede-afbebbfdf078.png "genymotion-5.png")

- 以上で完了です。Genymotion は VirtualBox と勝手に連携するので、何もなければ VirtualBox は今後さわることはありません。

# Genymotion のセットアップ

- まずはここから会員登録。空メールでの認証あります
	- http://www.genymotion.com

	![スクリーンショット 2014-05-12 15.38.55.png](https://qiita-image-store.s3.amazonaws.com/0/35733/7b1f780c-de34-d26d-6399-33b299c4c7c1.png "スクリーンショット 2014-05-12 15.38.55.png")

- ライセンスは「Free」を選択
	- 他のライセンスは何ができるんだろう？

	![スクリーンショット 2014-05-12 15.40.02.png](https://qiita-image-store.s3.amazonaws.com/0/35733/ab54b5f6-e587-1f34-66f0-c844e2cfe123.png "スクリーンショット 2014-05-12 15.40.02.png")

- ダウンロードする

	![genymotion-6.png](https://qiita-image-store.s3.amazonaws.com/0/35733/f8ef852f-dd0a-5b66-cde4-873cdb724499.png "genymotion-6.png")

- dmgファイルを開き、「Genymotion」アイコンを「Applications」アイコンへドラッグ
	- Genymotion Shell って何だろう？謎

	![genymotion-7.png](https://qiita-image-store.s3.amazonaws.com/0/35733/27381e71-eacc-529a-be83-2b98933b00f4.png "genymotion-7.png")

- アプリケーション一覧から Genymotion を開くと、仮想端末を追加するか聞かれる。[Yes]を選択

	![genymotion-8.png](https://qiita-image-store.s3.amazonaws.com/0/35733/e87b567f-9a98-bd92-006f-d916bb12eda3.png "genymotion-8.png")

- ネット経由で一覧を取得する模様。[Connect]を選択

	![genymotion-9.png](https://qiita-image-store.s3.amazonaws.com/0/35733/2abf69af-49f3-90a8-da8e-d8de86ad80f2.png "genymotion-9.png")

- 会員登録したユーザ名とパスワードを入力

	![genymotion-10.png](https://qiita-image-store.s3.amazonaws.com/0/35733/5e4e04d6-a4b9-d882-37aa-77272f57d650.png "genymotion-10.png")

- 一覧が更新される。適当に何かを選んで[Next]を選択

	![genymotion-11.png](https://qiita-image-store.s3.amazonaws.com/0/35733/e8ab387e-882b-c9eb-9cc1-724edf6db8b3.png "genymotion-11.png")

- 適当に名前をつけて（そのままでもいい）、[Next]を選択

	![genymotion-12.png](https://qiita-image-store.s3.amazonaws.com/0/35733/660527e7-4cb6-a7f8-1e66-59e7cec73b06.png "genymotion-12.png")

- 端末がセットアップされる

	![genymotion-13.png](https://qiita-image-store.s3.amazonaws.com/0/35733/8e7186bd-f9bf-30a0-4873-96ca90de5a98.png "genymotion-13.png")

- 動作確認。[Play]を選択

	![genymotion-14.png](https://qiita-image-store.s3.amazonaws.com/0/35733/39c74afb-c36c-a730-6c05-561ed85e56e3.png "genymotion-14.png")

- エミュレータが起動すればOK

	![genymotion-15.png](https://qiita-image-store.s3.amazonaws.com/0/35733/e5412f22-a512-17ca-2468-eb3dbcb5296c.png "genymotion-15.png")

# Android Studio と Genymotion の連携設定

- Android Studioで適当にプロジェクトを起動し、「Preferences」の左メニューから「Plugins」を選択。[Browse 〜]ボタンを押す

	![genymotion-16.png](https://qiita-image-store.s3.amazonaws.com/0/35733/889f8c7d-1aca-b444-9234-93d4d2478ea4.png "genymotion-16.png")

- Genymotion を選択し（絞り込むと楽）、緑色の[Install plugin]を選択

	![genymotion-17.png](https://qiita-image-store.s3.amazonaws.com/0/35733/541dd5a5-ca07-5e7d-a3d5-09373ce77ec9.png "genymotion-17.png")

- Android Studio を再起動するか聞かれるので[Restart]を選択

	![genymotion-18.png](https://qiita-image-store.s3.amazonaws.com/0/35733/e5587b0c-cf5e-2607-5ab8-05f772b15e18.png "genymotion-18.png")

- 「Preferences」の左メニューに「Genymotion」が追加されているので選ぶ。Genymotionへのパスが入ってなければ設定する。

	![genymotion-19.png](https://qiita-image-store.s3.amazonaws.com/0/35733/6a831efc-0483-7e6b-7dad-405118c087cb.png "genymotion-19.png")

- 動作確認。メニューバーに下図のようなアイコンが追加されているので押す

	![genymotion-20.png](https://qiita-image-store.s3.amazonaws.com/0/35733/dec98e9f-ac0d-28db-b846-8567c2a3f755.png "genymotion-20.png")

- Genymotionのセットアップ時に追加した仮想端末が一覧に表示される。[Start]を選択

	![genymotion-21.png](https://qiita-image-store.s3.amazonaws.com/0/35733/9b03f8e8-52ee-606d-5d7f-c806d4715743.png "genymotion-21.png")

- エミュレータが起動すればOK

	![genymotion-22.png](https://qiita-image-store.s3.amazonaws.com/0/35733/3521ab31-37a1-ed0e-e00c-30bb255c8ed2.png "genymotion-22.png")

- 今度はプログラムの実行から起動してみる。適当なメニューから Run を実行。エミュレータの一覧に、Genymotionの仮想端末が表示される
	- 裏で仮想端末を起動しておく必要がある

	![genymotion-23.png](https://qiita-image-store.s3.amazonaws.com/0/35733/6cebc6c9-f072-bfd8-7a71-33343a91d974.png "genymotion-23.png")

- 作ったプログラムが実行されればOK

	![genymotion-24.png](https://qiita-image-store.s3.amazonaws.com/0/35733/a8f0678b-e7c8-1aef-ac43-d0610cbb8c0a.png "genymotion-24.png")

# おわりに

次回こそ、プログラムを書いていきます！