↑クリックして拡大
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大

頭痛が減ったので共有です!

rebuild.fmを応援しています!

HOME > WatchKitでAppleWatch開発

WatchKitでAppleWatch開発

サンプル画像サンプル画像

AppleのティムクックCEOがAppleWatchの発売が2015年4月と発表しましたね!あと2ヶ月ですので、本日からWatchKitを重点的に記事を記載していってアプリを 同時に開発してけたらと思います。

参考(日本語):【速報】Apple Watchの開発に必要な"WatchKit"まとめ
参考(日本語):Apple Watchの「WatchKit」は発表のみ
参考(英語):Apple Introduces WatchKit Developer Platform for Third-Party Apps
参考(英語):Apple WatchKit

開発環境がでてきましたのでやってみた

サンプル画像

どうやらAppleからWatchKitの開発環境XCode6.3のβ版がでてまいりましたので記事も増えていましたので、サンプルに何かつくってみます。どうやらAppleWatchからiPhone上のアプリをバックグラウンドで起動させてやりとりを行うようです。従来はiPhoneからアプリアイコンをタップしないと起動できていませんでしたので、 これはアプリ起動を誘致させる大きなキッカケかもしれません。どちらにしても普及しないとどうしようも無いのでまだまだ不明な領域ですが楽しそうです。

以下のサイト様でサンプルソース、リソース、β版インストール、参考記事一覧等、既に綺麗にまとめられていましたのでオススメです


参考(日本語):WatchKit アプリが開発できるようになりました!

やってみた

Qiita様のこちらの記事にサンプルをダウンロードできると記載されているので、ひとまず何も考えずにサンプルを実行

サンプル画像

なんだか見覚えのない怪しい紫のCマークがついてます。サンプルに妙な期待がでてきました

サンプル画像

全体はこんな感じ。普通のプロジェクトと違いは特にないでしょうか。下の方にWatchKit Catalog Watachkit Extension.appexと赤文字で書かれていて少し気になりますが まずはコンパイルしてみます。

サンプル画像

「このサンプルはWatchkitのレイアウトやUIをデモします、XCodeのツールバーからWatchアプリを起動させてください」と表示されました。はて、、、 ツールバーからアプリの起動?とはよくわかりません。

サンプル画像

XCodeをイジっていると、どうやらHardwareのExternalDisplayを選択できるようでした。

サンプル画像

クリックすると可愛らしい四角形のダイアログが表示されました。でもこの状態では真っ黒でした

サンプル画像

サンプル画像

WatchKit Appとの選択がコンパイルのリストにありました、こちらを押すとAppleWatchのサンプルが動作し始めました!

以下、サンプルの画面をそれぞれgifでまとめて紹介します。目がチカチカしますね、、、

ラベル ボタン スイッチ
サンプル画像 サンプル画像 サンプル画像
スライダー 画像 セパレータ
サンプル画像 サンプル画像 サンプル画像
地図 グループ テーブル
サンプル画像 サンプル画像 サンプル画像
デバイス テキストインプット コントローラー
サンプル画像 サンプル画像 サンプル画像

まとめ

今回は何ができそうかとデモの紹介になりました。次回からはコーディングを通してどうやって作成していくのかを検証していきます!

次の記事はこちらからです!

↓こんな記事もありますよ!


2021-05-14 14:21:41

WatchOSのwatchconnectivityのFiletransferの落とし穴。と、避け方。

AppleWatch 実機だと成功するんだけど、シュミレーターだと失敗するという、、、 昔作成してた時は成功してたのになーと思って調べると、どうやら昔は成功してたみたい。watchOS6以降は...

2021-05-06 14:04:37

LINEのアニメーションスタンプ制作の落とし穴、、、失敗談

ゴールデンウィークにLINEスタンプを作成してみました。 作り切って申請も通したんですが、意図したアニメーションと違う、、、、 LINEクリエーターの画面だと、アニメーションのプレビュー...

2021-05-01 18:05:35

久しぶりのAdmobをobjective-cに実装。コンパイルエラーだらけ。バーミッション不具合でエミュレータにインスコできない。

忘れないようにメモ エミュレータにアプリをインストールする際にパーミッション系のエラーがでた時、また、iphone実機にインストールする際にも権限系のエラーが出る場合。 ターゲット→ex...
このエントリーをはてなブックマークに追加
右側のFacebookのLikeをクリック頂けると記事更新の際に通知されますので宜しければご利用下さい!