LoginSignup
9
13

More than 3 years have passed since last update.

Apple Watchのセットアップとアプリ開発(Swift 5.1)

Posted at

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
プロジェクトのテンプレートにwatch OS、アプリケーションはWatch Appを選択する。
スクリーンショット 2020-04-01 11.37.42.png
言語はSwift、UIはStoryBoardを選択。その他、必要事項を設定する。
スクリーンショット 2020-04-01 11.38.37.png
ディレクトリを選択して『Create』をクリックするとプロジェクトが作成される。
スクリーンショット 2020-04-01 11.39.14.png
Finderで確認すると、指定した場所にプロジェクトのファイルがたくさん作られたことが分かる。
スクリーンショット 2020-04-01 11.40.13.png

ウォッチのセットアップ

セットアップには、母艦としてiPhoneが必要となる。iPhpneにウォッチアプリをインストールする。
App Storeでキーワード「ウォッチ」で検索するとアプリが見付かる。
キャプチャ.PNG
アプリをインストールして実行すると、以下の画面が起動する。
IMG_0002.png
ウォッチを近付けて「ペアリングを開始」をタップする。カメラが起動するので、ウォッチ上で動いている画像をキャプチャする。認識するとペアリングが行われる。
IMG_20200401_132943.jpg
ペアリングが完了すると、いくつかの設定項目を聞かれる。
IMG_0008.png
それらを入力したら、ハード面の設定は完了。
IMG_0010.png
ウォッチ側では以下の画面が表示される。
IMG_0012.jpeg
デジタルクラウン(時計の竜頭みたいな回せるボタン)を押すと初期画面が表示される。唐突に「もう予定なし」と表示されている。本気で日本語に対応するつもりはないようだ。
IMG_0013.JPG
今回はwebアプリの開発を想定しており、母艦のiPhoneがなくてもウォッチ単体でweb通信を行えるようにしたい。そのための設定を行う。設定→Wi-Fiを開く。ウォッチが直接通信したいWi-Fiネットワーク名が表示されており、「iPhoneが使用できないときは、このWi-Fiを使用する」となっていることを確認。
IMG_20200401_173838.jpg

実行許可設定

アプリの開発を行う前に、実行許可を与える手順が必要となる。プロジェクト側のセキュリティ設定と、ウォッチ側の許可設定を行う。

野良アプリ実行許可

プロジェクトを野良アプリ(AppleStore公式ではないアプリ)として実行可能にする。Info.plistに設定項目を追加する。
スクリーンショット 2020-04-01 15.57.44.png
Information Property Listの直下に「+」をクリックして新規項目「App Transport Security Settings」を追加する。
スクリーンショット 2020-04-01 15.58.17.png
追加した項目の左側の三角をクリックして下向きにし、直下に「Allow Arbitrary Loads」を追加する。
スクリーンショット 2020-04-01 15.59.38.png
初期値は「NO」になっているので、「YES」に変更する。
スクリーンショット 2020-04-01 16.00.03.png

開発チームの設定

Xcode → preferenceでプロジェクトとApple IDをひも付け、開発チームを設定する。
スクリーンショット 2020-04-01 16.13.29.png
ペアリング済の母艦iPhoneをmacとUSB接続し、デバッグを実行する。
スクリーンショット 2020-04-01 15.38.20.png
ウォッチ側にデベロッパに対する信頼確認が表示される。「信頼する」をタップする。
IMG_0059 (2).JPG
ところが、iPhoneとウォッチを眺めていても何も起こらない。Xcode上では、「Finished running」となっているが。。。そこで、ウォッチのアプリ一覧画面を調べてみる。
スクリーンショット 2020-04-15 10.42.14.png
すると、アイコンがたくさん並んでいるところに、デフォルトのクモの巣のようなアイコンが一つ増えている。これがインストールされたアプリで、タップすると実行することができた。
IMG_0062 (2).JPG
以上、Apple Watchアプリの開発手順でした。

9
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
13