Visual Studio 2017 Xamarinを用いて、iOSアプリの作成からインストールまでの一連の手順を把握するために、簡単なiOSアプリを作成してみました。
はじめに
開発に使用するパソコン等を下図のように接続しておきます。
![](https://blogimg.goo.ne.jp/user_image/04/c2/3f71d7a60f3c889310b040f7a5cd7ab4.png)
LANケーブル等を正しく接続すると、WindowsとMacのネットワークが確立します。
以下、Mac側の操作には![](https://blogimg.goo.ne.jp/user_image/60/9e/8c91b95412d6b69dc305c8f641240bb6.png)
Windows側の操作には![](https://blogimg.goo.ne.jp/user_image/37/c4/a6a539830d28b47c16be599a3230f8a2.png)
というアイコンを付加して記述します。
ネットワーク確立の確認方法
![](https://blogimg.goo.ne.jp/user_image/60/9e/8c91b95412d6b69dc305c8f641240bb6.png)
メニューバー左端の[アップルメニュー]-[システム環境設定]-[ネットワーク]を開きます。
![](https://blogimg.goo.ne.jp/user_image/2b/cd/9e800c29c74d0b87a3c939142fd1ee58.png)
![](https://blogimg.goo.ne.jp/user_image/32/19/074a5fd8a7da0cc1828820628d6dfa64.png)
状況が「接続済み」となっており、ネットワークに接続できています。
このときのIPアドレス「192.168.0.3」(★1)を確認しておきます。
![](https://blogimg.goo.ne.jp/user_image/3c/d0/309ef42cf7868c0740b47097794abf02.png)
![](https://blogimg.goo.ne.jp/user_image/37/c4/a6a539830d28b47c16be599a3230f8a2.png)
デスクトップ左下の検索入力欄に「cmd」と入力します。
検索結果一覧より「cmd デスクトップアプリ」を起動します。
![](https://blogimg.goo.ne.jp/user_image/22/76/6661fa41c0a49460dab5f1564c920b54.png)
これは「コマンドプロンプト」というWindowsに搭載されているツールで、ネットワークの状態を調べたり、ファイル操作を行うことができます。
![](https://blogimg.goo.ne.jp/user_image/68/8a/8d75f1b295a7e47b7d7fb2603152e2b9.png)
Macの電源をONにしておきます。MacのIPアドレスは「192.168.0.3」(★1)より「ping 192.168.0.3」と入力し、Enterキーを押します。
![](https://blogimg.goo.ne.jp/user_image/22/ec/631ee827164cd31ca125a9c6d7e9bfcb.png)
このように「0% の損失」と表示された場合は、WindowsとMacのネットワークが確立していることを意味します。
![](https://blogimg.goo.ne.jp/user_image/18/d1/0b66430b24eabd5dbb1b31256e2f4606.png)
そうでない場合は、LANケーブルの接続や電源などを確認し、WindowsとMacのネットワークが確立するようにして下さい。
![](https://blogimg.goo.ne.jp/user_image/4e/58/af0a38c896632369e1e761d54380a3b9.png)
リモートログイン設定
開発作業はWindows側で行っていきますが、その過程でWindowsからMacにログインする必要があるため、Macでリモートログイン(特定のコンピューターに別のコンピューターからログインする)設定を行います。
![](https://blogimg.goo.ne.jp/user_image/60/9e/8c91b95412d6b69dc305c8f641240bb6.png)
メニューバー左端の[アップルメニュー]-[システム環境設定]-[共有]を開きます。
![](https://blogimg.goo.ne.jp/user_image/2b/cd/9e800c29c74d0b87a3c939142fd1ee58.png)
![](https://blogimg.goo.ne.jp/user_image/0b/95/b9807a905790e5015ab89967a87032ea.png)
画面左側の[リモートログイン]にチェックを入れます。
[アクセスを許可]を[次のユーザのみ]にしておき、下部の[+]ボタンをクリックしてリモートログインに使用するユーザーを追加します。
![](https://blogimg.goo.ne.jp/user_image/65/71/bb69ed5219ba046128257ef9a42b1295.png)
![](https://blogimg.goo.ne.jp/user_image/25/27/9168be9037ec9383ed222989965492f7.png)
ユーザーが追加されました。これにより、外部(今回はWindows)から指定ユーザー(★2)でMacにログインできるようになります。
![](https://blogimg.goo.ne.jp/user_image/75/0c/555ecdda02fdf05c1189700acc89f88e.png)
Visual Studio 2017
![](https://blogimg.goo.ne.jp/user_image/37/c4/a6a539830d28b47c16be599a3230f8a2.png)
Visual Studio 2017を起動し、新しいプロジェクトを作成します。
画面上部のツールバーより、[ファイル]-[新規作成]-[プロジェクト]を開きます。
![](https://blogimg.goo.ne.jp/user_image/79/c7/ce27fe73646b6bae580f1ac3b045cce5.png)
今回は[インストール済]-[Visual C#]-[iOS]-[Universal]-[単一ビュー アプリ(iOS)]を選択し、名前を「TestiOS」としておきます。
![](https://blogimg.goo.ne.jp/user_image/64/df/504c156ae99acce5186773345eb54c65.png)
Macに接続します。
画面上部のツールバーより、[ツール]-[iOS]-[Pair to Mac]を開きます。
![](https://blogimg.goo.ne.jp/user_image/1b/4b/c25686cbbe98659573bc910422859fd4.png)
この画面では、ネットワーク圏内にあるMacを自動的に検知して一覧表示します。
接続先のMac選択し、[接続]ボタンを押します。
![](https://blogimg.goo.ne.jp/user_image/06/ea/cf943421091cae2730d5eaee352d4bd8.png)
Macのリモートログイン設定で追加したユーザー(★2)のユーザー名とパスワードを入力し、[Login]ボタンを押します。
![](https://blogimg.goo.ne.jp/user_image/51/96/6743dc586d5c6a43a7381419f0289c8f.png)
接続に少し時間を要しますが、このような画面が表示されると接続成功です。
![](https://blogimg.goo.ne.jp/user_image/43/39/707d679698de9b15a97dacb2363a42e0.png)
接続に失敗した場合は、ユーザー名とパスワードの入力文字列やWindowsとMacのネットワーク状態を確認して下さい。
この状態で、iOSアプリの開発を進めていきます。
![](https://blogimg.goo.ne.jp/user_image/16/ca/ac690049d73a3e77928cfe75faf71746.png)
開発に使用するパソコン等を下図のように接続しておきます。
![](https://blogimg.goo.ne.jp/user_image/04/c2/3f71d7a60f3c889310b040f7a5cd7ab4.png)
LANケーブル等を正しく接続すると、WindowsとMacのネットワークが確立します。
以下、Mac側の操作には
![](https://blogimg.goo.ne.jp/user_image/60/9e/8c91b95412d6b69dc305c8f641240bb6.png)
Windows側の操作には
![](https://blogimg.goo.ne.jp/user_image/37/c4/a6a539830d28b47c16be599a3230f8a2.png)
というアイコンを付加して記述します。
![](https://blogimg.goo.ne.jp/user_image/16/ca/ac690049d73a3e77928cfe75faf71746.png)
![](https://blogimg.goo.ne.jp/user_image/60/9e/8c91b95412d6b69dc305c8f641240bb6.png)
メニューバー左端の[アップルメニュー]-[システム環境設定]-[ネットワーク]を開きます。
![](https://blogimg.goo.ne.jp/user_image/2b/cd/9e800c29c74d0b87a3c939142fd1ee58.png)
![](https://blogimg.goo.ne.jp/user_image/32/19/074a5fd8a7da0cc1828820628d6dfa64.png)
状況が「接続済み」となっており、ネットワークに接続できています。
このときのIPアドレス「192.168.0.3」(★1)を確認しておきます。
![](https://blogimg.goo.ne.jp/user_image/3c/d0/309ef42cf7868c0740b47097794abf02.png)
![](https://blogimg.goo.ne.jp/user_image/37/c4/a6a539830d28b47c16be599a3230f8a2.png)
デスクトップ左下の検索入力欄に「cmd」と入力します。
検索結果一覧より「cmd デスクトップアプリ」を起動します。
![](https://blogimg.goo.ne.jp/user_image/22/76/6661fa41c0a49460dab5f1564c920b54.png)
これは「コマンドプロンプト」というWindowsに搭載されているツールで、ネットワークの状態を調べたり、ファイル操作を行うことができます。
![](https://blogimg.goo.ne.jp/user_image/68/8a/8d75f1b295a7e47b7d7fb2603152e2b9.png)
Macの電源をONにしておきます。MacのIPアドレスは「192.168.0.3」(★1)より「ping 192.168.0.3」と入力し、Enterキーを押します。
![](https://blogimg.goo.ne.jp/user_image/22/ec/631ee827164cd31ca125a9c6d7e9bfcb.png)
このように「0% の損失」と表示された場合は、WindowsとMacのネットワークが確立していることを意味します。
![](https://blogimg.goo.ne.jp/user_image/18/d1/0b66430b24eabd5dbb1b31256e2f4606.png)
そうでない場合は、LANケーブルの接続や電源などを確認し、WindowsとMacのネットワークが確立するようにして下さい。
![](https://blogimg.goo.ne.jp/user_image/4e/58/af0a38c896632369e1e761d54380a3b9.png)
![](https://blogimg.goo.ne.jp/user_image/16/ca/ac690049d73a3e77928cfe75faf71746.png)
開発作業はWindows側で行っていきますが、その過程でWindowsからMacにログインする必要があるため、Macでリモートログイン(特定のコンピューターに別のコンピューターからログインする)設定を行います。
![](https://blogimg.goo.ne.jp/user_image/60/9e/8c91b95412d6b69dc305c8f641240bb6.png)
メニューバー左端の[アップルメニュー]-[システム環境設定]-[共有]を開きます。
![](https://blogimg.goo.ne.jp/user_image/2b/cd/9e800c29c74d0b87a3c939142fd1ee58.png)
![](https://blogimg.goo.ne.jp/user_image/0b/95/b9807a905790e5015ab89967a87032ea.png)
画面左側の[リモートログイン]にチェックを入れます。
[アクセスを許可]を[次のユーザのみ]にしておき、下部の[+]ボタンをクリックしてリモートログインに使用するユーザーを追加します。
![](https://blogimg.goo.ne.jp/user_image/65/71/bb69ed5219ba046128257ef9a42b1295.png)
![](https://blogimg.goo.ne.jp/user_image/25/27/9168be9037ec9383ed222989965492f7.png)
ユーザーが追加されました。これにより、外部(今回はWindows)から指定ユーザー(★2)でMacにログインできるようになります。
![](https://blogimg.goo.ne.jp/user_image/75/0c/555ecdda02fdf05c1189700acc89f88e.png)
![](https://blogimg.goo.ne.jp/user_image/16/ca/ac690049d73a3e77928cfe75faf71746.png)
![](https://blogimg.goo.ne.jp/user_image/37/c4/a6a539830d28b47c16be599a3230f8a2.png)
Visual Studio 2017を起動し、新しいプロジェクトを作成します。
画面上部のツールバーより、[ファイル]-[新規作成]-[プロジェクト]を開きます。
![](https://blogimg.goo.ne.jp/user_image/79/c7/ce27fe73646b6bae580f1ac3b045cce5.png)
今回は[インストール済]-[Visual C#]-[iOS]-[Universal]-[単一ビュー アプリ(iOS)]を選択し、名前を「TestiOS」としておきます。
![](https://blogimg.goo.ne.jp/user_image/64/df/504c156ae99acce5186773345eb54c65.png)
Macに接続します。
画面上部のツールバーより、[ツール]-[iOS]-[Pair to Mac]を開きます。
![](https://blogimg.goo.ne.jp/user_image/1b/4b/c25686cbbe98659573bc910422859fd4.png)
この画面では、ネットワーク圏内にあるMacを自動的に検知して一覧表示します。
接続先のMac選択し、[接続]ボタンを押します。
![](https://blogimg.goo.ne.jp/user_image/06/ea/cf943421091cae2730d5eaee352d4bd8.png)
Macのリモートログイン設定で追加したユーザー(★2)のユーザー名とパスワードを入力し、[Login]ボタンを押します。
![](https://blogimg.goo.ne.jp/user_image/51/96/6743dc586d5c6a43a7381419f0289c8f.png)
接続に少し時間を要しますが、このような画面が表示されると接続成功です。
![](https://blogimg.goo.ne.jp/user_image/43/39/707d679698de9b15a97dacb2363a42e0.png)
接続に失敗した場合は、ユーザー名とパスワードの入力文字列やWindowsとMacのネットワーク状態を確認して下さい。
この状態で、iOSアプリの開発を進めていきます。