Apple Watchのセットアップとアプリ開発（Swift 5.1）

# Apple Watchアプリの開発方法
MacでSwiftを使って、AppleWatchアプリを作成しました。
この記事ではアップルウォッチのセットアップ方法と、Xcodeでのプロジェクト作成から、ウォッチにインストール完了するまでの手順を紹介します。
アプリの内容やSwiftのコーディング内容については触れていません。
## 開発環境
Mac mini (Late 2014) macOS Mojave Ver.10.14.6
Xcode Ver.11.3.1(11C504)
Swift Ver.5.1
Apple Watch Ver.6.1.3(17S811)
iPhone 7 Ver.13.4.1
### プロジェクトの作成
Xcodeを起動する。
![スクリーンショット 2020-04-01 11.37.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/a0281e64-13ac-940a-dfbf-8784a0affc06.png)
プロジェクトのテンプレートにwatch OS、アプリケーションはWatch Appを選択する。
![スクリーンショット 2020-04-01 11.37.42.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/0a0976da-6e19-d006-1ecc-240f85375106.png)
言語はSwift、UIはStoryBoardを選択。その他、必要事項を設定する。
![スクリーンショット 2020-04-01 11.38.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/e7ee9388-d895-bfcb-a1b1-2f898b318c04.png)
ディレクトリを選択して『Create』をクリックするとプロジェクトが作成される。
![スクリーンショット 2020-04-01 11.39.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/acfd34cf-78a1-5f48-813a-20d74816394f.png)
Finderで確認すると、指定した場所にプロジェクトのファイルがたくさん作られたことが分かる。
![スクリーンショット 2020-04-01 11.40.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/b67363cd-e921-6731-7c70-73477cd36cb0.png)
### ウォッチのセットアップ
セットアップには、母艦としてiPhoneが必要となる。iPhpneにウォッチアプリをインストールする。
App Storeでキーワード「ウォッチ」で検索するとアプリが見付かる。
![キャプチャ.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/627c2d63-b6af-0a26-7ab2-ac3c87c97926.png)
アプリをインストールして実行すると、以下の画面が起動する。
<img width="375" alt="IMG_0002.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/03061f7a-3b62-9128-9cc5-1447360f9dc2.png">
ウォッチを近付けて「ペアリングを開始」をタップする。カメラが起動するので、ウォッチ上で動いている画像をキャプチャする。認識するとペアリングが行われる。
![IMG_20200401_132943.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/7e75525a-3f55-47f6-5229-09868f95a465.jpeg)
ペアリングが完了すると、いくつかの設定項目を聞かれる。
<img width="375" alt="IMG_0008.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/2ad2a478-60f9-317a-1e12-165782f17e3b.png">
それらを入力したら、ハード面の設定は完了。
<img width="375" alt="IMG_0010.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/569cc60f-33a6-a243-4ffd-335d0eb225c9.png">
ウォッチ側では以下の画面が表示される。
![IMG_0012.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/dd0a3b4b-d3ab-6cb2-3920-f652a32f8b9c.jpeg)
デジタルクラウン（時計の竜頭みたいな回せるボタン）を押すと初期画面が表示される。唐突に「もう予定なし」と表示されている。本気で日本語に対応するつもりはないようだ。
![IMG_0013.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/397cf517-2733-3021-032a-e894e633040f.jpeg)
今回はwebアプリの開発を想定しており、母艦のiPhoneがなくてもウォッチ単体でweb通信を行えるようにしたい。そのための設定を行う。設定→Wi-Fiを開く。ウォッチが直接通信したいWi-Fiネットワーク名が表示されており、「iPhoneが使用できないときは、このWi-Fiを使用する」となっていることを確認。
![IMG_20200401_173838.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/d209ca66-2f13-a16a-05dd-6195c8f91cbf.jpeg)
### 実行許可設定
アプリの開発を行う前に、実行許可を与える手順が必要となる。プロジェクト側のセキュリティ設定と、ウォッチ側の許可設定を行う。
#### 野良アプリ実行許可
プロジェクトを野良アプリ（AppleStore公式ではないアプリ）として実行可能にする。Info.plistに設定項目を追加する。
![スクリーンショット 2020-04-01 15.57.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/246d9777-d32f-ff04-5f71-dcb1484e7656.png)
Information Property Listの直下に「＋」をクリックして新規項目「App Transport Security Settings」を追加する。
![スクリーンショット 2020-04-01 15.58.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/3e5431e9-b5f1-d840-76a1-c204c66dd605.png)
追加した項目の左側の三角をクリックして下向きにし、直下に「Allow Arbitrary Loads」を追加する。
![スクリーンショット 2020-04-01 15.59.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/69157399-2f3e-159e-3d03-4a3bbb70f843.png)
初期値は「NO」になっているので、「YES」に変更する。
![スクリーンショット 2020-04-01 16.00.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/ecb9f067-2459-738f-253e-90c55fb98c4e.png)
#### 開発チームの設定
Xcode → preferenceでプロジェクトとApple IDをひも付け、開発チームを設定する。
![スクリーンショット 2020-04-01 16.13.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/f9a0b2ed-75d2-90f9-fbc2-a21b3abb9ae5.png)
ペアリング済の母艦iPhoneをmacとUSB接続し、デバッグを実行する。
![スクリーンショット 2020-04-01 15.38.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/9287c18c-bca7-5a67-4738-6e2ddef27b20.png)
ウォッチ側にデベロッパに対する信頼確認が表示される。「信頼する」をタップする。
![IMG_0059 (2).JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/6e097a8c-b068-6cdb-e897-13a68a06d943.jpeg)
ところが、iPhoneとウォッチを眺めていても何も起こらない。Xcode上では、「Finished running」となっているが。。。そこで、ウォッチのアプリ一覧画面を調べてみる。
![スクリーンショット 2020-04-15 10.42.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/94206403-1166-b4ab-7b1d-85c7c8c6376f.png)
すると、アイコンがたくさん並んでいるところに、デフォルトのクモの巣のようなアイコンが一つ増えている。これがインストールされたアプリで、タップすると実行することができた。
![IMG_0062 (2).JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/241999/291fee64-95aa-4e5b-1b15-3a92a22aca54.jpeg)
以上、Apple Watchアプリの開発手順でした。