インストール
Visual StudioのC#でスマホアプリを開発できる Xamarinのインストール手順を説明します。
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
「無料ダウンロード」をクリックします。
![画像に alt 属性が指定されていません。ファイル名: 01_.png](http://cozver.com/wp-content/uploads/2020/03/01_.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
ダウンロードされたセットアップexeをダブルクリックします。
![画像に alt 属性が指定されていません。ファイル名: 02.png](http://cozver.com/wp-content/uploads/2020/03/02.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
このアプリがデバイスに変更を加えることを許可しますか? と警告が表示されます。「はい」を選択します。
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
「続行」をクリックします。
![](https://cozver.com/wp-content/uploads/2020/11/02-1.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
そのまま待ちます・・・
![](https://cozver.com/wp-content/uploads/2020/11/03.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
「.NETによるモバイル開発」をチェックします。
「インストール」をクリックします。
![](https://cozver.com/wp-content/uploads/2020/11/04-1-1024x674.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
そのまま待ちます・・・
![](https://cozver.com/wp-content/uploads/2020/11/05-1024x674.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
ここまでくれば、インストールは完了です。
動作確認します。
動作確認
![](https://cozver.com/wp-content/uploads/2020/11/06-1024x674.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
「後で行う」をクリックします。
しばらくはサインインしなくても使えます。
アカウントは無料で作れますので、時間があるときに作成すると良いと思います。
![](https://cozver.com/wp-content/uploads/2020/11/07.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
お好みの開発ツールの配色を選択します。
後から変更可能です。
![](https://cozver.com/wp-content/uploads/2020/11/08.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
「新しいプロジェクトの作成」をクリックします。
![](https://cozver.com/wp-content/uploads/2020/11/10-1-1024x693.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
「Androidアプリ(Xamarin)」を選択し
「次へ」をクリックします。
![](https://cozver.com/wp-content/uploads/2020/11/01-2-1024x693.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
保存先のフォルダを入力します。(デフォルトでも大丈夫です)
「作成」をクリックします。
![](https://cozver.com/wp-content/uploads/2020/11/03-1-1024x693.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
「空のアプリ」を選択し
最小Androidバージョンを選択します。
動かす実機のバージョンを選択すると良いと思います。
エミュレータで動かすだけなら、7.1あたりで問題ない気がします。
![](https://cozver.com/wp-content/uploads/2020/11/04-2.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
Visual Studioが表示されます。
画面上部の再生ボタンをクリックします。
※「hyper-v 有効化・・・」の警告はとりあえず無視で大丈夫です。
マイクロソフトが提供する仮想環境で有効にするとエミュレータの速度が速くなります。有効にする方法は最後に説明します。
![](https://cozver.com/wp-content/uploads/2020/11/06-1-1024x697.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
エミュレータが表示されればOKです。
![](https://cozver.com/wp-content/uploads/2020/11/10-3.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
「停止」をクリックします。
![](https://cozver.com/wp-content/uploads/2020/11/14-2-1024x697.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
デザイナーがきちんと表示されるか確認します。
ソリューション エクスプローラーから
App1→Resources→layoutのactivity_main.xmlを
ダブルクリックします。
下記のようにスカスカに表示されている場合はダメな表示です。
(ちゃんと表示されている方は以下の設定は不要だと思います)
![](https://cozver.com/wp-content/uploads/2020/11/15-2-1024x697.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
画面上部のツール→オプションをクリックします。
オプション画面が表示されますので、「高速レンダリングを有効にする」のチェックを外します。次に「OK」をクリックして設定を反映します。
![](https://cozver.com/wp-content/uploads/2020/11/16-1.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
デザイナーを「×」をクリックして閉じます。
![](https://cozver.com/wp-content/uploads/2020/11/17-1024x697.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
ソリューション エクスプローラーから
App1→Resources→layoutのactivity_main.xmlを
ダブルクリックして、デザイナーで再度表示を確認します。
下記のように表示されていればOKです。
![](https://cozver.com/wp-content/uploads/2020/11/18-1-1024x697.png)
hyper-v 有効化
マイクロソフトが提供する仮想環境を有効にする手順を説明します。
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
コントロールパネルから「プログラムと機能」をクリックします。
![](https://cozver.com/wp-content/uploads/2020/11/19-2.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
「Windowsの機能の有効化または無効化」をクリックします。
![](https://cozver.com/wp-content/uploads/2020/11/20-2.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
「Hiper-V」をチェックします。
「OK」をクリックして設定を反映します。
![](https://cozver.com/wp-content/uploads/2020/11/22.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
再起動が必要なことを示す画面が表示されます。
「今すぐ再起動」をクリックします。
![](https://cozver.com/wp-content/uploads/2020/11/23.png)
![](http://cozver.com/wp-content/themes/cocoon-master/images/man.png)
これでインストールと動作確認は完了です。
お疲れ様でした!