2021-05-21

NativeScriptアプリでwatchOSを開発する〜プロジェクト作成からSimulator起動まで

目次

一応前回の続きです。

watch アプリの新規作成

まずは Xcode を開く

image

Create a new Xcode projectをクリック

image

iOS App with Watch Appを選択しNext

image

Language は Swift ではなくObjective-Cを選択する。NativeScript は現在 watchOS 開発では Objective-C しかサポートしていないため。

image

NativeScript で作成したディレクトリを選択し Create。

ストーリーボード

image

WatchKit App からInterface.storyboardを選択する。

image

右上のからコンポーネントを追加する

image

追加したいコンポーネントをドラッグして配置

image

あとはどんどん進めて UI を作っていく

テストする

image

左上の再生ボタン(▶)をクリック

image

Replace を選ぶ。

image

Simulator が起動する。

Simulator の追加

image

左上の WatchApp Kit をクリックしてAdd Additional Simulatorsをクリック

image

左下の+をクリック

image

Paired Apple Watch にチェックをいれて Next

image

Create!

image

でてきたので、作成した Simulator を選んで再生ボタンをクリック

image

Apple Watch の Simulator が起動したら、iOS の方も起動する

image

停止ボタン(■)の右側で WatchKit App だったのを iOS に切り替えて再生ボタン(▶)をクリック。

image

両方起動したら iPhone のほうで Apple Wacth のアプリを起動する。

image

同期が開始される。

image

完了しました

試しにフェイスを変更する

image

iPhone からフェイスを変更して同期されない場合は Simulator を再起動してみたりするのもいいかもしれない。

image

フェイスが変わったのが確認できた。