ランサーズ等のサービスを開発・運用する中で得た知識やノウハウを紹介しています。

thumbnail

Labels:  iOS, ツール/ライブラリ 投稿者:masaaki

意外とすんなり作れたApple Watch 開発環境

 

ランサーズ エンジニアの土屋です。

先日社内勉強会で行った、Apple Watch開発の環境構築内容を共有します。Apple Watch開発するぞ!という方のお役に立てたら幸いです。

Apple Watchについておさらい

2015/03/10のApple Spring ForwardでApple Watchが正式発表されました。
合わせて対応するiOS8.2、xcode6.2正式版が公開されています。
http://k-tai.impress.co.jp/docs/news/20150310_691929.html
http://www.gizmodo.jp/2015/03/apple_watch_57.html

イベントの臨場感出ています。
アップルSpring Forwardイベント速報:12インチMacBook、Apple Watch正式発表
http://japanese.engadget.com/2015/03/09/apple-spring-forward-live-blog/

レシピ

前提条件です。

iOSデベロッパプログラム

https://developer.apple.com/jp/programs/
年間参加費 ¥11,800 (税別)

Xcode 6.2 以上

https://developer.apple.com/xcode/downloads/
6.2からAppleWatch開発環境(watchkit)が入っています。

iOS8.2以上 (iPhone)

8.2にバージョンアップするとアプリ「Apple Watch」が追加されるのですぐわかります。
01_iPhone

前提条件が整いましたら以下、手順になります。

Apple Watch開発環境構築手順

1.まず、iPhoneアプリケーション プロジェクトを生成

xcode起動後、「Create a new Xcode project」を選択します。
次にiOS -> Application -> Single View Applicationを選択します。

02_xcode_project_select

今回はプロダクト名をtestAppとしました。
03_xcode_project_edit

 

2.Watch Kitを追加する

左ツリーのプロダクトにカーソルを合わせます。 メインビューの一番下にLinked Frameworks and Librariesがあります。+ボタンのところからWatch Kitを追加します。
04_xcode_lib

ライブラリ一覧から探すことになるので、Watchで検索します。
05_xcode_lib_add
Linked Frameworks and LibrariesにWatchKit.frameworkが追加されたことを確認します。
06_xcode_lib_add

 

3. Watch Kit Appを追加

いよいよWatch Kitを追加します。File -> New -> Target を選択します。
07_xcode_new_target

AppleWatch ->WatchKit Appを選択します。
08_xcode_watchkit

4. Hello World

Interface.storyboardでUIを作成します。
あとは、いつものiOS開発と同じです。今回はラベルをペコリと貼り付けてみました。
09_xcode_story_board
実行(command+r)します。シミュレーターが起動します。
10_xcode_hello

 

まとめ

  • 開発環境構築は意外とカンタン
  • iOS(iPhone)の上にAppleWatchが乗る構造

以上、AppleWatch環境構築でした。いかがでしたでしょうか。

ランサーズではサービスを成長させてくれるエンジニア、デザイナーを募集しています!
ご興味がある方は、以下URLよりご応募ください。


【中途採用】
サービスリードエンジニア
テックリード(アーキテクト)
フロントエンドエンジニア
サーバーサイドエンジニア
業務エンジニア(社内システム基盤・基幹システム)

【インターン・学生バイト】
19新卒対象サマーインターン
エンジニアインターン

その他採用情報

関連記事

PHP5.6化後のライブラリアップデート

SREチームの金澤です。 PHP5.6にバージョンアップしたことにより、今までPHPバージョン依存でアップデートできなかったライブラリをアップデートできるようになりました。 今回は、そのアップデート内容についてお話したいと思います。 AWS PHP SDK V …

thumbnail
uGUIで簡単!Unityクイズアプリで社内コミュニケーションの活性化

みなさんはじめまして。2015年3月後半からジョインしました、ランサーズWEBエンジニアのTsuyoshiです。ランサーズは近頃成長フェーズなので、この数ヶ月で多くのメンバーがジョインしました。私もそのうちの一人です。ベンチャーにおける成長フェーズでは、増えた …

チャットワークをもっと使いやすくする拡張機能を作った

こんにちはエンジニアの上野です。 2016年のAdventCalendar も残すところあと僅か! 12/5の投稿(githubのissue, pull request 検索をハックする!)に引き続き、今日はチャットワークの拡張プラグインのご紹介です。エンジニ …