Swift転職なら=>【LevTech】
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大
↑クリックして拡大

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

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でまとめて紹介します。目がチカチカしますね、、、

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

まとめ

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

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

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

CoreTextでTextViewの一文字の向きを変える(#2)

さて、サンプルそのままだと面白くないので、本日6月から開始する自転車規制強化 にのっかったサンプル<自転車の転だけ横に曲げる>にしてみます。(14歳以上が対象。自転車のイヤホン装着や片手走行、 酔っ払い運転、歩道運転、片手スマホ、、、、今まで誰もがやり通してきたことが「逮捕や補導の対象」となるようです。赤切符もきられる ようになるとのことで、自転車に酔っ払ってのって自動車の免停なんかになりかね無いので注意です)

Facebook SDKを試してみる#3(再調査)

SDKのインストーラが起動しても結局frameworkをドラッグドロップしなちゃ追加できない、面倒臭い、と発言してしまったのですが、 どうやらSDKをインストーラにてインストールした場合(SDK4.1)は、importするだけでどうやらSDKが追加できるとかなんとか。

UITabBarController

スマホ画面下にタブが出てきて画面を切り替えできるUITabBarViewControllerクラスです。UITabBarItemの記事を追加しましたがUITabbarの記事がなかったので追加しました。(※目のチカチカにご注意ください。)
このエントリーをはてなブックマークに追加
右側のFacebookのLikeをクリック頂けると記事更新の際に通知されますので宜しければご利用下さい!