ホルン吹きでSEなブログ

趣味でホルン吹き、仕事でSEやってます

Xamarin Live Playerの導入方法の話

f:id:t910827:20170830200411p:plain

こんにちは。
タイトルについて。

分からんことだらけですが、とりあえず導入できました!

目次

とりあえず、ググる

何はともあれ、検索することから始めました。

f:id:t910827:20170830220733p:plain:w400

調べまくった跡が残ってますねw

主にこちらを参考にさせてもらいました。
qiita.com

日本語ページが少ない

んん??

f:id:t910827:20170830220924p:plain:w400

7000件弱。
少なく感じる。不安も感じますが開拓していく楽しみもありそうです。

英語のリリースノートやら、サンプルプロジェクトがいっぱいありました。

実際にやってみた

VisualStudio 2017 プレビュー版をダウンロードする

Visual Studio Preview Release Notes

↑にアクセスし、VisualStudio 2017のプレビュー版をダウンロードしてください。

f:id:t910827:20170830224045p:plain:w400

からの

f:id:t910827:20170830224203p:plain:w400



VisualStudio 2017をインストールする

ダウンロードが終わったら、続いてインストールに移ります。

モバイル&ゲームのところにある、
.NETによるモバイル開発を入れてインストール開始

f:id:t910827:20170830224436p:plain:w400

※注意※
そこそこの容量(30GBほど)が必要になります。
Cドライブを整理しましょう。
時間も掛かるっぽいです。


Xamarinを準備する

VisualStudioのツールバーより
『ツール』→『拡張機能と更新プログラム』を選択

f:id:t910827:20170831001631p:plain:w400


Xamarin Updaterをダウンロードしてください

f:id:t910827:20170831001843p:plain:w400

設定を反映させるため、ここでVisualStudioを再起動してください!


他サイトには無かった手順

ツールバーより、
『ツール』→『オプション』を選択

f:id:t910827:20170831002155p:plain:w400

『Xamarin』→『その他』を開き、
Enable Xamarin Live Playerにをいれる

f:id:t910827:20170831002321p:plain:w400

結果!!

LivePlayerが追加されます。

f:id:t910827:20170831002620p:plain:w400

これを実行しようとすると、QRコードが出ます。
iPhoneのLivePlayerでこれを読み込みます。」

f:id:t910827:20170831003750p:plain

これでVisualStudio側の準備は終わりです。

iPhoneを準備する

↓よりXamarin Live PlayerをiPhoneへインストールする

https://itunes.apple.com/jp/app/xamarin-live-player/id1228841832?mt=8

wifi環境でやることをオススメします

起動して、Pair to Visual Studioをタップ

QRコードを読み込む


つ、つながったああああぁあ!!!

動かしてみる

ではさっそく。


....



すみません。
HelloWorldすらできていません(*´з`)


↓のサンプルプロジェクトを使ってみました。

Color Control Sample (iOS) - Xamarin


なんか出たー!(iPhone)

『take photo』をタップするとカメラになったー!



なんかそれっぽいー!

最後に

<次の目標>

HelloWorldを組めるように頑張ります。
プロジェクトの種類多くて混乱中です。。。( ゚Д゚)