Xamarinインストール手順書_

Transcription

1 Xamarin インストール 順書 (2016/06/25)

2 次 P はじめに P Windows P a. Visual Studio をインストールしていない場合 P b. 既に Visual Studio をインストールしている場合 (Visual Studio 2015) P c. 既に Visual Studio をインストールしている場合 (Visual Studio 2013) 未検証 P NET Core のインストール (Visual Studio2015 をご利 の場合のみ ) P Xamarin の更新 P Android SDK の更新 P Mac P Xcode のインストール P Xamarin Studio のインストール P Android SDK の更新 P 参考 献 1

3 0. はじめに はじめに本 順書では Xamarin の開発環境を構築する 順を解説します 通り 順に沿って進めていただければ Xamarin でソフトウェアを開発できるようになります なお 最低限の環境を構築することが 的の為 実機の使 法や Android SDK に関する解説は省いています 本 順書の前提 (1) Windows10 及び Mac OSX でのみ動作確認を っております 旧バージョンでも同様の 順で問題ないかと思いますが 問題など発 した場合は下記お問い合わせ先までご連絡ください (2) Visual Studio 2015(Windows) 及び Xamarin Studio(Mac) でのみ動作確認を っております Visual Studio 2013 も Xamarin ではサポートされておりますので 1-1c. 既に Visual Studio をインストールしている場合 の 順をお試しください 注意事項 (1) インストール中にインターネットから 量のデータ ( 数 Gbyte) がダウンロードされます このため テザリングや低速な通信回線の下での実施は避けていただいた が無難です (2) 特に Visual Studio のインストールには時間がかかります 環境によっては数時間必要となります 時間に余裕のある時の実施をお勧めします 本 順書に関するお問い合わせ先 株式会社のらねこ三宅貴 - メール miyake@noraneko.co.jp - 2

4 1.Windows 3

5 1-1a. Visual Studio をインストールしていない場合 4

6 1-1a. Visual Studio をインストールしていない場合 (1) から Visual Studio Community 2015 をダウンロードします ダウンロードした vs_community_jpn.exe を実 します 3 4 セキュリティの警告が表 された場合 実 を押してください Visual Studio Community 2015 のインストールが始まります 次の画 に遷移するまで少々お待ちください 5

7 1-1a. Visual Studio をインストールしていない場合 (2) 5 6 インストールの種類は カスタム (U) を必ず選択してください カスタム (U) を選択したら 次へを押してください 機能の選択画 が表 されます まだ 次へボタンは押さないでください 7 8 クロスプラットフォームモバイル開発の中の C#/.NET (Xamarin v4.1.0) にチェックを れます Xamarin の利 にはこれだけで 丈夫です ( その他 必要な機能があればここで選択してください ) 選択されている機能の確認画 が表 されます C#/.NET (Xamarin v4.1.0) が含まれていることを確認して インストールボタンを押してください 6

8 1-1a. Visual Studio をインストールしていない場合 (3) 9 10 ユーザーアカウント制御の確認画 が表 されたら はい (Y) を押します インストールが開始されます 場合によっては数時間かかる場合もありますので ご注意ください 上記の画 が表 されたインストール完了です PC の再起動が必要な場合がありますので ここで再起動してください スタートメニューから Visual Studio 2015 を起動します 7

9 1-1a. Visual Studio をインストールしていない場合 (4) サインイン画 が表 されるので サインイン (I) を押します マイクロソフトアカウントとして登録したメールアドレスを します アカウントの種別の確認が表 された場合 どちらかを選択します 通常は 個 のアカウント です メールアドレスとパスワードを してサインインします 8

10 1-1a. Visual Studio をインストールしていない場合 (5) パスワードの記憶の確認が出た場合 はい (Y) いいえ (N) のどちらかを選択します どちらでも 丈夫です ログインに成功すると 上記のような画 が表 されます このまま少々お待ちください P NET Core のインストールに続きます Visual Studio が起動します これで Visual Studio のインストールは完了です 9

11 1-1b. 既に Visual Studio をインストールしている場合 (Visual Studio 2015) 10

12 1-1b. 既に Visual Studio をインストールしている場合 (Visual Studio 2015)(1) から お使いのエディションの Web インストーラをダウンロードします ダウンロードしたインストーラを実 します 3 4 環境によって表 が異なります 上記のような画 が表 された場合 変更 (M) を押してください 環境によって表 が異なります クロスプラットフォームモバイル開発の中の C#/.NET (Xamarin v4.1.0) にチェックを れます その他はデフォルトのままで 丈夫です 11

13 1-1b. 既に Visual Studio をインストールしている場合 (Visual Studio 2015) (2) 5 6 インストール ( アップデート ) されるものを確認します C#/.NET (Xamarin v4.1.0) が含まれていることを確認して インストールボタンを押してください インストール ( アップデート ) が開始されます 場合によっては数時間かかる場合もありますので ご注意ください 7 P NET Core のインストールに続きます 環境によって表 が異なります 上記のような画 が表 されたら完了です ( 必要に応じて再起動してください ) 12

14 1-1c. 既に Visual Studio をインストールしている場合 (Visual Studio 2013) 13

15 1-1c. 既に Visual Studio をインストールしている場合 (Visual Studio 2013) (1) 1 2 本項はまだ未検証です から Xamarin のインストーラをダウンロードします I already have Visual Studio installed の欄は Yes にしてください ダウンロードした XamarinInstaller.exe を実 します 3 4 Xamarin のインストーラが起動するので Continue を押してください ユーザーアカウント制御の確認画 が表 されたら はい (Y) を押します 14

16 1-1c. 既に Visual Studio をインストールしている場合 (Visual Studio 2013) (2) 5 6 本項はまだ未検証です Next > ボタンを押してインストールを進めます ライセンスの確認画 が表 されるので 確認の上 同意して 次へ進んでください 7 8 Android SDK のインストール場所を確認されるので ここでは 旦デフォルトのままで次へ進んでください インストールするものの 覧が表 されます 確認の上 次に進んでください 15

17 1-1c. 既に Visual Studio をインストールしている場合 (Visual Studio 2013) (3) 9 10 本項はまだ未検証です ライセンスの確認画 が表 されるので 確認の上 同意し 次へ進んでください インストールが開始されます P Xamarin の更新に続きます 上記の画 が表 されれば インストール完了です 16

18 1-2. NET Core のインストール (Visual Studio2015 をご利 の場合のみ ) 17

19 1-2. NET Core のインストール (Visual Studio2015 をご利 の場合のみ )(1) から.NET Core のインストーラをダウンロードします ( 上図のオレンジ で囲んだリンクからダウンロードできます ) ダウンロードしたインストーラを実 します 3 4 インストーラが起動するので ライセンスに同意の上 Install ボタンを押してください ユーザーアカウント制御の確認画 が表 されたら はい (Y) を押します 18

20 1-2. NET Core のインストール (Visual Studio2015 をご利 の場合のみ )(2) 5 6 インストールが始まるので しばらく待ちます 上記の画 が表 されれば インストール完了です P Xamarin の更新に続きます 19

21 1-3. Xamarin の更新 20

22 1-3. Xamarin の更新 (1) 1 2 Visual Studio を起動し メニューのツール (T) からオプションを選択します 左のメニューの Xamarin 内にある Other を選択し 右上の Check Now を押します 3 4 アップデートがある場合 上記のような画 になります 右下の Download を押して しばらくお待ちください ダウンロードが完了すると 右下のボタンが Install に変わります この Install ボタンを押してください 21

23 1-3. Xamarin の更新 (2) 5 6 アップデートのインストーラが起動します このタイミングで必ず Visual Studio を終了させてください ( オプションウィンドウを OK で閉じ Visual Studio を右上の X を押して閉じる ) 7 8 ライセンスを確認の上 次に進んでください インストール ( 更新 ) されるものの 覧が表 されます デフォルトのまま Next を押して次に進んでください 22

24 1-3. Xamarin の更新 (3) 9 10 Xamarin のインストーラが起動するので Install ボタンを押してください ユーザーアカウント制御の確認画 が表 されたら はい (Y) を押します 11 P Android SDK の更新に続きます 上記の画 が表 されれば Xamarin の更新は完了です 23

25 1-4. Android SDK の更新 24

26 1-4. Android SDK の更新 Android SDK の更新について 2016/06/25 現在 これまでの 順で Xamarin をインストールすれば Android SDK の更新はしなくても 丈夫なようです 必要に応じて更新や SDK Platform の追加を ってください ( 更新の仕 は右図を参照 ) 1 注意事項 ( 重要 ) 2016/06/25 現在 最新の SDK Build tool 24 をインストールすると Android プロジェクトをビルドできなくなります 詳細は下記をご参考ください Visual Studio を起動し メニューのツール (T) の Android 内にある Android SDK Manager を押し SDK Manager を起動させます Android エミュレータについて本書では解説を省きます 順通りにインストールいただき PC が対応している場合は VS Emulator Android が使 可能です PC が対応していない場合など 必要に応じ Andorid 公式のエミュレータのご準備などをお願いします 2 準備完了です! Windows の はここまでの 順で準備完了です! お疲れ様でした!! 上図のように API15 からの SDK Platform をインストールしておくと 安 かもしれません 25

27 2.Mac 26

28 2-1. Xcode のインストール 27

29 2-1. Xcode のインストール 1 2 App Store から Xcode をインストールしてください インストールが終わったら Xcodeを起動してください 起動時にライセンスの同意を求められますので ご確認の上 Agree を押してください 3 P Xamarin Studio のインストールに続きます 上記の画 が表 されれば完了です Xcode を終了して 丈夫です 28

30 2-2. Xamarin Studio のインストール 29

31 2-2. Xamarin Studio のインストール (1) から Xamarin のインストーラをダウンロードします I already have Visual Studio installed の欄は No にしてください ダウンロードした Xamarininstaller.dmg を開きます 3 4 Install Xamarin を起動してください 上記のような確認が表 された場合 開くを押してください 30

32 2-2. Xamarin Studio のインストール (2) 5 6 ライセンスを確認 / 同意の上 次に進んでください インストールするものを選択します 通常はデフォルトのまま進んでください 7 8 Android SDK のインストール場所の確認です とりあえず デフォルトの場所のまま進んでください インストールするものの 覧が表 されるので 確認の上 次に進みます 31

33 2-2. Xamarin Studio のインストール (3) 9 10 ライセンスの同意画 が表 されるため 内容を確認の上 Accept license にチェックを れて 進みます インストール中に ユーザのパスワードを求められますので 適宜 してください ( 複数回求めらることがあります ) 11 P Android SDK の更新に続きます 上図の画 が表 されたら Xamarin Studio のインストール完了です 32

34 2-3. Android SDK の更新 33

35 2-3. Android SDK の更新 Android SDK の更新について 2016/06/25 現在 これまでの 順で Xamarin をインストールすれば Android SDK の更新はしなくても 丈夫なようです 必要に応じて更新や SDK Platform の追加を ってください ( 更新の仕 は右図を参照 ) 1 注意事項 ( 重要 ) 2016/06/25 現在 最新の SDK Build tool 24 をインストールすると Android プロジェクトをビルドできなくなります 詳細は下記をご参考ください Mac の場合 なぜか問題ない時もありますが 念のためインストールは避けていただいた が無難です Android エミュレータについて本書では解説を省きます 必要に応じ Android 公式のエミュレータ等をご準備ください 2 Xamarin Studio を起動し ツール (T) メニューから Open Android SDK Manager... を押し SDK Manager を起動させます 準備完了です! Mac の はここまでの 順で準備完了です! お疲れ様でした!! 上図のように API15 からの SDK Platform をインストールしておくと 安 かもしれません 34

36 3. 参考 献 35

37 3. 参考 献 下記の資料も環境構築の参考となりますので 併せてご覧ください Xamarin ハンズオン事前作業 順書 Xamarin 本語情報 Windows で Xamarin 開発をしたい はインストールする前に読んでほしい 36

38 Ver /06/25