Xamarin インストール 順書 (2016/06/25)
次 P.02... 0. はじめに P.03... 1.Windows P.04... 1-1a. Visual Studio をインストールしていない場合 P.10... 1-1b. 既に Visual Studio をインストールしている場合 (Visual Studio 2015) P.13... 1-1c. 既に Visual Studio をインストールしている場合 (Visual Studio 2013) 未検証 P.17... 1-2. NET Core のインストール (Visual Studio2015 をご利 の場合のみ ) P.20... 1-3. Xamarin の更新 P.24... 1-4. Android SDK の更新 P.26... 2.Mac P.27... 2-1. Xcode のインストール P.29... 2-2. Xamarin Studio のインストール P.33... 2-3. Android SDK の更新 P.35... 3. 参考 献 1
0. はじめに はじめに本 順書では Xamarin の開発環境を構築する 順を解説します 通り 順に沿って進めていただければ Xamarin でソフトウェアを開発できるようになります なお 最低限の環境を構築することが 的の為 実機の使 法や Android SDK に関する解説は省いています 本 順書の前提 (1) Windows10 及び Mac OSX 10.11.5 でのみ動作確認を っております 旧バージョンでも同様の 順で問題ないかと思いますが 問題など発 した場合は下記お問い合わせ先までご連絡ください (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 - Twitter @T_Miyake 2
1.Windows 3
1-1a. Visual Studio をインストールしていない場合 4
1-1a. Visual Studio をインストールしていない場合 (1) 1 2 https://www.visualstudio.com/ から Visual Studio Community 2015 をダウンロードします ダウンロードした vs_community_jpn.exe を実 します 3 4 セキュリティの警告が表 された場合 実 を押してください Visual Studio Community 2015 のインストールが始まります 次の画 に遷移するまで少々お待ちください 5
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
1-1a. Visual Studio をインストールしていない場合 (3) 9 10 ユーザーアカウント制御の確認画 が表 されたら はい (Y) を押します インストールが開始されます 場合によっては数時間かかる場合もありますので ご注意ください 11 12 上記の画 が表 されたインストール完了です PC の再起動が必要な場合がありますので ここで再起動してください スタートメニューから Visual Studio 2015 を起動します 7
1-1a. Visual Studio をインストールしていない場合 (4) 13 14 サインイン画 が表 されるので サインイン (I) を押します マイクロソフトアカウントとして登録したメールアドレスを します 15 16 アカウントの種別の確認が表 された場合 どちらかを選択します 通常は 個 のアカウント です メールアドレスとパスワードを してサインインします 8
1-1a. Visual Studio をインストールしていない場合 (5) 17 18 パスワードの記憶の確認が出た場合 はい (Y) いいえ (N) のどちらかを選択します どちらでも 丈夫です ログインに成功すると 上記のような画 が表 されます このまま少々お待ちください 19 20 P.17 1-2. NET Core のインストールに続きます Visual Studio が起動します これで Visual Studio のインストールは完了です 9
1-1b. 既に Visual Studio をインストールしている場合 (Visual Studio 2015) 10
1-1b. 既に Visual Studio をインストールしている場合 (Visual Studio 2015)(1) 1 2 https://www.visualstudio.com/ja-jp/downloads/download-visual-studio-vs.aspx から お使いのエディションの Web インストーラをダウンロードします ダウンロードしたインストーラを実 します 3 4 環境によって表 が異なります 上記のような画 が表 された場合 変更 (M) を押してください 環境によって表 が異なります クロスプラットフォームモバイル開発の中の C#/.NET (Xamarin v4.1.0) にチェックを れます その他はデフォルトのままで 丈夫です 11
1-1b. 既に Visual Studio をインストールしている場合 (Visual Studio 2015) (2) 5 6 インストール ( アップデート ) されるものを確認します C#/.NET (Xamarin v4.1.0) が含まれていることを確認して インストールボタンを押してください インストール ( アップデート ) が開始されます 場合によっては数時間かかる場合もありますので ご注意ください 7 P.17 1-2. NET Core のインストールに続きます 環境によって表 が異なります 上記のような画 が表 されたら完了です ( 必要に応じて再起動してください ) 12
1-1c. 既に Visual Studio をインストールしている場合 (Visual Studio 2013) 13
1-1c. 既に Visual Studio をインストールしている場合 (Visual Studio 2013) (1) 1 2 本項はまだ未検証です https://www.xamarin.com/download から Xamarin のインストーラをダウンロードします I already have Visual Studio installed の欄は Yes にしてください ダウンロードした XamarinInstaller.exe を実 します 3 4 Xamarin のインストーラが起動するので Continue を押してください ユーザーアカウント制御の確認画 が表 されたら はい (Y) を押します 14
1-1c. 既に Visual Studio をインストールしている場合 (Visual Studio 2013) (2) 5 6 本項はまだ未検証です Next > ボタンを押してインストールを進めます ライセンスの確認画 が表 されるので 確認の上 同意して 次へ進んでください 7 8 Android SDK のインストール場所を確認されるので ここでは 旦デフォルトのままで次へ進んでください インストールするものの 覧が表 されます 確認の上 次に進んでください 15
1-1c. 既に Visual Studio をインストールしている場合 (Visual Studio 2013) (3) 9 10 本項はまだ未検証です ライセンスの確認画 が表 されるので 確認の上 同意し 次へ進んでください インストールが開始されます 11 12 P.20 1-3. Xamarin の更新に続きます 上記の画 が表 されれば インストール完了です 16
1-2. NET Core のインストール (Visual Studio2015 をご利 の場合のみ ) 17
1-2. NET Core のインストール (Visual Studio2015 をご利 の場合のみ )(1) 1 2 https://www.microsoft.com/net/core#windows から.NET Core のインストーラをダウンロードします ( 上図のオレンジ で囲んだリンクからダウンロードできます ) ダウンロードしたインストーラを実 します 3 4 インストーラが起動するので ライセンスに同意の上 Install ボタンを押してください ユーザーアカウント制御の確認画 が表 されたら はい (Y) を押します 18
1-2. NET Core のインストール (Visual Studio2015 をご利 の場合のみ )(2) 5 6 インストールが始まるので しばらく待ちます 上記の画 が表 されれば インストール完了です P.20 1-3. Xamarin の更新に続きます 19
1-3. Xamarin の更新 20
1-3. Xamarin の更新 (1) 1 2 Visual Studio を起動し メニューのツール (T) からオプションを選択します 左のメニューの Xamarin 内にある Other を選択し 右上の Check Now を押します 3 4 アップデートがある場合 上記のような画 になります 右下の Download を押して しばらくお待ちください ダウンロードが完了すると 右下のボタンが Install に変わります この Install ボタンを押してください 21
1-3. Xamarin の更新 (2) 5 6 アップデートのインストーラが起動します このタイミングで必ず Visual Studio を終了させてください ( オプションウィンドウを OK で閉じ Visual Studio を右上の X を押して閉じる ) 7 8 ライセンスを確認の上 次に進んでください インストール ( 更新 ) されるものの 覧が表 されます デフォルトのまま Next を押して次に進んでください 22
1-3. Xamarin の更新 (3) 9 10 Xamarin のインストーラが起動するので Install ボタンを押してください ユーザーアカウント制御の確認画 が表 されたら はい (Y) を押します 11 P.24 1-4. Android SDK の更新に続きます 上記の画 が表 されれば Xamarin の更新は完了です 23
1-4. Android SDK の更新 24
1-4. Android SDK の更新 Android SDK の更新について 2016/06/25 現在 これまでの 順で Xamarin をインストールすれば Android SDK の更新はしなくても 丈夫なようです 必要に応じて更新や SDK Platform の追加を ってください ( 更新の仕 は右図を参照 ) 1 注意事項 ( 重要 ) 2016/06/25 現在 最新の SDK Build tool 24 をインストールすると Android プロジェクトをビルドできなくなります 詳細は下記をご参考ください http://qiita.com/t-miyake/items/d2bc993b929ad40f011f Visual Studio を起動し メニューのツール (T) の Android 内にある Android SDK Manager を押し SDK Manager を起動させます Android エミュレータについて本書では解説を省きます 順通りにインストールいただき PC が対応している場合は VS Emulator Android が使 可能です PC が対応していない場合など 必要に応じ Andorid 公式のエミュレータのご準備などをお願いします 2 準備完了です! Windows の はここまでの 順で準備完了です! お疲れ様でした!! 上図のように API15 からの SDK Platform をインストールしておくと 安 かもしれません 25
2.Mac 26
2-1. Xcode のインストール 27
2-1. Xcode のインストール 1 2 App Store から Xcode をインストールしてください インストールが終わったら Xcodeを起動してください 起動時にライセンスの同意を求められますので ご確認の上 Agree を押してください 3 P.29 2-2. Xamarin Studio のインストールに続きます 上記の画 が表 されれば完了です Xcode を終了して 丈夫です 28
2-2. Xamarin Studio のインストール 29
2-2. Xamarin Studio のインストール (1) 1 2 https://www.xamarin.com/download から Xamarin のインストーラをダウンロードします I already have Visual Studio installed の欄は No にしてください ダウンロードした Xamarininstaller.dmg を開きます 3 4 Install Xamarin を起動してください 上記のような確認が表 された場合 開くを押してください 30
2-2. Xamarin Studio のインストール (2) 5 6 ライセンスを確認 / 同意の上 次に進んでください インストールするものを選択します 通常はデフォルトのまま進んでください 7 8 Android SDK のインストール場所の確認です とりあえず デフォルトの場所のまま進んでください インストールするものの 覧が表 されるので 確認の上 次に進みます 31
2-2. Xamarin Studio のインストール (3) 9 10 ライセンスの同意画 が表 されるため 内容を確認の上 Accept license にチェックを れて 進みます インストール中に ユーザのパスワードを求められますので 適宜 してください ( 複数回求めらることがあります ) 11 P.33 2-3. Android SDK の更新に続きます 上図の画 が表 されたら Xamarin Studio のインストール完了です 32
2-3. Android SDK の更新 33
2-3. Android SDK の更新 Android SDK の更新について 2016/06/25 現在 これまでの 順で Xamarin をインストールすれば Android SDK の更新はしなくても 丈夫なようです 必要に応じて更新や SDK Platform の追加を ってください ( 更新の仕 は右図を参照 ) 1 注意事項 ( 重要 ) 2016/06/25 現在 最新の SDK Build tool 24 をインストールすると Android プロジェクトをビルドできなくなります 詳細は下記をご参考ください http://qiita.com/t-miyake/items/d2bc993b929ad40f011f Mac の場合 なぜか問題ない時もありますが 念のためインストールは避けていただいた が無難です Android エミュレータについて本書では解説を省きます 必要に応じ Android 公式のエミュレータ等をご準備ください 2 Xamarin Studio を起動し ツール (T) メニューから Open Android SDK Manager... を押し SDK Manager を起動させます 準備完了です! Mac の はここまでの 順で準備完了です! お疲れ様でした!! 上図のように API15 からの SDK Platform をインストールしておくと 安 かもしれません 34
3. 参考 献 35
3. 参考 献 下記の資料も環境構築の参考となりますので 併せてご覧ください Xamarin ハンズオン事前作業 順書 https://github.com/ytabuchi/xamarinhol/blob/master/xamarinhandson_prepare_jxug.pdf Xamarin 本語情報 Windows で Xamarin 開発をしたい はインストールする前に読んでほしい http://ytabuchi.hatenablog.com/entry/2016/04/05/142525 36
Ver1.0 2016/06/25