setup for new macosx - life is tech ! | ライフイズテック ... 右上にあるspotlightから...

44
Android環境設定ガイド for Mac OS X 1

Upload: dokhanh

Post on 12-Mar-2018

222 views

Category:

Documents


5 download

TRANSCRIPT

Page 1: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Android環境設定ガイドfor Mac OS X

1

Page 2: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Android開発コースへようこそキャンプまでに、自分のPCにAndroid開発のための環境を作りましょう

2

JDK

Java言語の開発のために必要

Android Studio

Androidの開発のために必要

Genymotion + VirtualBox

AndroidをPC上で動かすのに必要

Page 3: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

環境設定ガイド目次

3

Chapter1 JDK8を準備する

JDK8がインストールされているか確 5p

JDK8をダウンロード 6p

JDK8のインストール 9p

Chapter2 Androidのエミュレータを用意

Virtual Boxを入手する 11p

Genymotionを入手する 13p

Virtual Boxのインストール 17p

Genymotionのインストール 19p

Genymotionを起動する 21p

Chapter3 Android Studioのセットアップ

Android Studioのダウンロード 26p

Android Studioのインストール 28p

Android Studioのセットアップ 30p

新規プロジェクトを作成 36p

エラーが出る場合の対処法 39p

Page 4: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Chapter 1

JDK8を準備する

4

Page 5: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

JDK1.8以上がインストールされているか確認

5

Macの右上にあるSpotlightからterminal と入力して、ターミナルを選択

Javaのバージョン情報が1.7以下だったり、表示されない場合は次のページへ進もう

java -versionと入力してエンターキーを押そう

Page 6: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

インストールされてなかったらhttp://www.oracle.com/technetwork/java/javase/downloads/index.html にアクセス

6

クリック

Page 7: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

7

Accept License Agreement を選択する

Accept License Agreement を選択

Page 8: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

8

Mac OS X を選択してダウンロード

OSに合ったものを選択してダウンロード

Page 9: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

ダウンロードしたdmgファイルを開いてインストール

9

dmgファイルをダブルクリック

インストーラに従って進めていきましょう

パッケージをダブルクリック

Page 10: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Chapter 2

Androidのエミュレータを用意

10

Page 11: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Virtual Boxを入手する

11

http://www.oracle.com/technetwork/server-storage/virtualbox/downloads/index.html にアクセスし、Oracle VM VirtualBox を選択

Oracle VM VirtualBox を選択

Page 12: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Virtual Boxのdmgファイルをダウンロード

12

Mac OS X用のものを選択してダウンロード

Page 13: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Genymotionを入手する

13

http://www.genymotion.com/ にアクセスしSign inする

Sign in を選択

Page 14: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

14

USERNAME : lifeistechPASSWORD : lit1234を入力してSign inを選択

Genymotionのアカウントと接続

Page 15: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Genymotionをダウンロード

15

画面上部のDownloadをクリック

Download を選択

Page 16: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

16

Genymotionのdmgをダウンロード

Page 17: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

手に入れたdmgファイルを開く(VirtualBox編)

17

VirtualBoxのdmgをダブルクリック

Page 18: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

VirtualBoxをインストールする

18

このアイコンをダブルクリックあとはインストーラに従って進んでいきましょう

Page 19: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

手に入れたdmgファイルを開く(Genymotion編)

19

Genymotionのdmgをダブルクリック

Page 20: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

2つのアプリをApplicationsフォルダへ移動

20

2つを選択してドラッグ&ドロップ

Page 21: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Genymotionを起動する

21

Yesを選択してデバイス作成画面へ

SpotlightからGenymotion.appを選択

Page 22: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Genymotionのアカウントと接続

22

USERNAME : lifeistechPASSWORD : lit1234を入力してConnectを選択

Page 23: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

新しいデバイスを作成

23

Google Nexus 6P(API-23)を選択Next>Next>Finishを選択してデバイスを作成しましょう

Page 24: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

エミュレータの起動確認

24

先ほど作成したデバイスを選択しPlayボタンを押しましょう うまく起動出来たら成功です!

Page 25: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Chapter 3

Android Studioのセットアップ

25

Page 26: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

以下のサイトにアクセス

26

http://developer.android.com/sdk/index.html

ANDROID STUDIO を選択

Page 27: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

以下のサイトにアクセス

27

チェックを入れてDownload

Page 28: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

dmgファイルを開いて実行する

28

Android Studioの dmgファイルをダブルクリックして実行

Page 29: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Android StudioをApplicationフォルダへ移動

29

ドラッグ&ドロップ

Page 30: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Android Studioを起動する

30OKを選択

Page 31: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

セットアップウィザードを進めていく

31

Nextを選択

Page 32: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

JDK8.0以上を選択する

32

インストールされている場合はDetectを押すと検出されます

Nextを選択

インストールされていない場合は横のリンクからダウンロードして

インストールしましょう

Page 33: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

セットアップタイプを選択

33

Nextを選択

Page 34: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

セットアップタイプを選択

34

Finishを選択

Page 35: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

インストールが終わるまでしばらく待ちましょう

35

終わったらFinishを選択

Page 36: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

Android Studioの初期起動画面です

36

ここからアプリを作ることが出来ます。試しに押して作ってみましょう。

Page 37: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

アプリ作成ウィザードを進める

37

Next > Next > Next > Finishを押してアプリを作成してみます

Page 38: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

ここまで起動したらOKです

38

Page 39: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

もしエラーが出る人は

39

Open SDK Settings を押して設定を確認してみましょう

Page 40: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

1.7から1.8へ変更する

40

ここが1.7.~~となっている場合は、1.8.~~に変更するために右の … を選択

Page 41: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

1.8.̃̃を探して選択

41

/Library/Java/JavaVirtualMachines/jdk1.8.~~/Contents/Homeを選択して、OKを押しましょう。

ここでは1.8を選択してください。

Page 42: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

設定を保存してもとの画面へ戻る

42

OKを押して、設定を保存します。このようなダイアログが出たら、

Yesを選択します

Page 43: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

無事に起動できたら完了です!

43

Page 44: Setup for New MacOSX - Life is Tech ! | ライフイズテック ... 右上にあるSpotlightから terminal と入力して、ターミナルを選択 Javaのバージョン情報が1.7以下だったり、

おつかれさまでした!これでAndroidの開発が出来る状態になりました。

今回導入したツールは以下の通りです。

44

JDK

Java言語の開発のために必要

Android Studio

Androidの開発のために必要

Genymotion + VirtualBox

AndroidをPC上で動かすのに必要