VisualStudio for macでXamarin.Formsを実機デバッグする

# まえがき
iPhone/Androidの実機デバッグまでの手順を記載します。
Apple Developer Programは不要です。
Xcode9とかを使えばwifi経由でデプロイできるみたいですが、
今回はUSB接続で行います。

# もくじ
- 開発環境
- プロビジョニングプロファイルの作成
- プロジェクトの作成
- 実機デバッグ(iPhone)
- 実機デバッグ(Android)

# 開発環境
- macOS 10.12.5
- VisualStudio for Mac Community 7.0.1
- Xcode 8.3.3
- iPhone 5s (iOS 10.3.2)
- Nexus5 (Android 6.0.1)

# プロビジョニングプロファイルの作成
iPhoneの実機デプロイには、プロビジョニングプロファイルというものが必要です。
これはVisualStudio for Macでは作成できないため、Xcodeを使って作成します。
Xcodeを起動し、File→New→Projectで新規プロジェクトを立ち上げてください。
Single View Applicationを選択し、適当に入力項目を埋めます。
<img width="764" alt="ss 2017-07-09 21.15.10.png" src="https://qiita-image-store.s3.amazonaws.com/0/190739/e9c25592-d31b-a5fa-f9e6-7b80b164f964.png">


プロジェクトが作成されました。
この時のBundle Identifierは後で使いますので覚えておいてください。
<img width="1072" alt="ss 2017-07-09 21.22.23.png" src="https://qiita-image-store.s3.amazonaws.com/0/190739/a1ded3c9-3716-dbfc-a155-38d839eaf14f.png">


iPhoneをmacに接続します。するとXcodeが勝手に認識してくれるのでそのままビルドします。
<img width="312" alt="ss 2017-07-09 21.24.28.png" src="https://qiita-image-store.s3.amazonaws.com/0/190739/5ba40efd-bd45-5b01-7c47-9c129cda9fd9.png">


なんか怒られました。
<img width="454" alt="ss 2017-07-09 21.30.20.png" src="https://qiita-image-store.s3.amazonaws.com/0/190739/f5ce4404-de2e-e7dc-b941-473ee24411eb.png">


iPhoneの設定→一般→デバイス管理→デベロッパAPPで開発元を信頼して再チャレンジです。
<img width="320" alt="IMG_0027.png" src="https://qiita-image-store.s3.amazonaws.com/0/190739/b10a5b84-a3c0-38be-064b-ab94f7b6d73f.png">



無事デプロイできた場合、真っ白な画面が立ち上がると思います。
これでプロビジョニングプロファイルが作成できました。

# プロジェクトの作成
VisualStudioを起動し、ファイル→新しいソリューションを選択します。
プロジェクトのテンプレートはもちろんXamarin.Formsにします。
<img width="1013" alt="ss 2017-07-09 21.51.14.png" src="https://qiita-image-store.s3.amazonaws.com/0/190739/2f32e642-d14d-fecf-db48-1906f9a3e178.png">


適当に入力項目を埋めます。
<img width="1013" alt="ss 2017-07-09 21.54.03.png" src="https://qiita-image-store.s3.amazonaws.com/0/190739/e1825e71-f5d8-6167-dd5c-5895d3907e2e.png">


プロジェクトが作成されました。

# 実機デバッグ(iPhone)
最近のIDEは賢いので、すでにiPhoneも認識されていると思いますので、そのままビルドします。
<img width="355" alt="ss 2017-07-09 22.01.05.png" src="https://qiita-image-store.s3.amazonaws.com/0/190739/90ff1ac7-40b1-bbcc-32cf-98ad6fa453a2.png">


なんか怒られました。
<img width="912" alt="ss 2017-07-09 22.10.24.png" src="https://qiita-image-store.s3.amazonaws.com/0/190739/34989704-1002-cab8-98f2-ebc32ffa6a8b.png">

Info.plistファイルを開きます。
バンドル識別子が「kakeru.xamarintest.hogehoge」になっています。
これをXcodeのBundle Identifierと合わせます。「kakeru.XamarinTest」に修正して再チャレンジです。
<img width="912" alt="ss 2017-07-09 22.11.44.png" src="https://qiita-image-store.s3.amazonaws.com/0/190739/0d26aa24-e01b-ddd8-414c-6c3b901b3b6b.png">


無事デプロイできました。
<img width="320" alt="IMG_0030.PNG" src="https://qiita-image-store.s3.amazonaws.com/0/190739/18aa1d98-3938-62fb-fbc6-83f7cd26ac2d.png">

# 実機デバッグ(Android)
iPhoneのめんどくささに比べたら、Android端末は死ぬほど簡単です。
端末をmacに接続したら、すぐさま認識してくれます。そのままビルドしてください。
<img width="236" alt="ss 2017-07-09 22.24.29.png" src="https://qiita-image-store.s3.amazonaws.com/0/190739/14b5558e-e5a7-dbb0-cb27-aa7c4602759a.png">

無事デプロイできました。超簡単ですね。
<img width="320" alt="Screenshot_20170709-222746.png" src="https://qiita-image-store.s3.amazonaws.com/0/190739/e290fa75-de74-cdb1-785c-496741016d98.png">


以上です。
不備やタイポ、作業手順で分からない事などありましたら
お気軽にご連絡ください。