Windows10にVisualStudioをインストールしてXamarin環境でiOSアプリを作る～インストール編～

#はじめに

iOSアプリを作りたい！と思い立ったのですが、Windows10のパソコンしかもっていなかったので、Xamarinという環境を使えばWindows10でもiOSアプリを作成できるようなので、Xamarinを使用してみたいと思って、まとめてみました。
結果的にはXamarinだけではiOSアプリは作成できないようですが、今後進めていきながら、解決法がないかなどもアップデートしていきたいと思っています。

#Xamarin(ザマリン)とは

Xamarinはこれ単体が開発環境としてあるわけではなく、2016年にMicrosoftに買収され、VisualStudioの中に無償で同梱されるようになった環境ツールです。

なので、Xamarinをインストールしよう！！と思って検索すると最後はMicroSoftのVisualStudioにたどり着いて、「俺はXamarinをインストールしたいんだ！！」となってしまいますが、おとなしくVisualStudioをインストールしておきましょう。

#VidualStudio2019Communityのインストール

[VidualStudioCommunity](https://visualstudio.microsoft.com/ja/vs/community/?rr=https%3A%2F%2Fqiita.com%2F)であれば無料なのでダウンロードしてインストールしましょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/b6000043-e59d-75cd-c990-5c06109d5c3f.png)

設定についてのウインドウが表示されるので「続行」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/169c9244-e929-555b-8bfe-afc7f1f207b9.png)

インストーラーがファイルのチェックをするのでしばらく待ちます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/52fb793e-ff38-c58e-2193-62d0fdfc274e.png)

チェックを完了するとインストーラーが出てくるので、「.NETによるモバイル開発」にチェックマークをいれてダウンロードしながらインストールするをクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/4b6b0ac1-d591-a6d7-c910-62ba426bffcf.png)

7G近くの容量をインストールするのでしばらく時間が必要です。私の環場合は大体15分ほどかかりました。
インストールが完了すると以下のようなウインドウになります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/9e1e6e45-37d5-2685-c609-124334490cf3.png)

#VisualStudioを開く
別の画面で「ようこそ」画面が表示されています
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/2a22cca2-fdd8-3b86-1069-55928ae3eb3e.png)
Windows10のアカウントでサインインします
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/e59d9ab1-3a90-c478-f64f-83e59d3caa83.png)
サインインが完了すると以下のウインドウが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/c3e37297-bbb0-36c3-9fb9-31a8d671adf3.png)
新しいプロジェクトの作成をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/55ab284c-8b9e-6562-193a-bd7350bb7894.png)
おぉ・・・、何を選択していいのかわからないですね・・・・
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/a306ee00-9043-40c0-c15f-4356045f3c89.png)
今やりたいのはXamarinでiOSアプリを作成したいのです！！
スクロールすると真ん中より少し上のほうに「iOSアプリ(Xamarin)」という項目があるので選択し「次へ」へ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/1bf46d22-8561-5182-4bd9-60b4a0421482.png)

新しいプロジェクトを構成するウインドウが表示されます。プロジェクト名とソリューション名に適当な名前を入れて作成を押します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/96419f34-fb4b-b983-2380-27de0a8a9ee3.png)

テンプレートの選択画面が表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/9081a766-d2a5-e851-f1d6-38d946c778c0.png)
単一ビューアプリ　：Storyboardファイルと一つのUIViewControllerを称するiOSアプリ。
　　　　　　　　　　iOSアプリの開始点としてこの基本テンプレートを使用します
マスター詳細アプリ：分割ビュー及びマスター詳細ナビゲーションパターンを使用するiOSアプリ。
　　　　　　　　　　項目が選択されたときに詳細を表示するデータの一覧をアプリが表示する場合、これを使用します。
タブ付きアプリ　　：ナビゲーションの画面下部にあるタブのアイコンを使用するiOSアプリ。
　　　　　　　　　　アプリに様々なコンテンツカテゴリがあり、それが頻繁に切り替えられる場合、これを使用します。
空のアプリ　　　　：空のUIViewControllerを使用し、Storyboradファイルを使用しないiOSアプリ。


自分の作成したいアプリに該当するテンプレートを選択すればよいのですが、まずは「単一ビューアプリ」、デバイスはiphone
、iOSの最小バージョンを11.2に選択ます。
するとようやく、ソフトを作成する画面が表示できました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/273281/eaf01fc6-146f-ac25-90ca-e3115e1d9c09.png)


次はここからカレンダーを作成してみたいと思っています。