Pebbleアプリの作り方（MacOSX / iOS版導入編）


Pebbleをゲットしたので環境手順を整えてhello worldインストールするまでのメモです。

![IMG_0077.jpg](https://qiita-image-store.s3.amazonaws.com/0/29860/5a2ac1d8-faa1-8ad5-f4ca-a9d472d4e4fc.jpeg "IMG_0077.jpg")


# 環境

* MacBook Pro / MacOSX 10.9 Mavericks
* Xcode 5.0.2
* python 2.7.6 (Apple謹製)
* Pebble firmware version 2.0.1
* [Pebble App](https://itunes.apple.com/us/app/pebble-smartwatch/id592012721?mt=8) 2.0.1
* [Homebrew](http://brew.sh/)

# 開発環境の構築

## ライブラリのインストール

Homebrewから`freetype`をインストールする。

```bash
$ brew install freetype
```

## Pebble SDKのインストール

[公式サイトのインストール手順](https://developer.getpebble.com/2/getting-started/macosx/)に従ってSDKをインストールする。公式サイトからインストールスクリプトをダウンロードして実行すればよい。

```bash
curl -sSL http://developer.getpebble.com/install.sh | sh && source ~/.bash_profile
```

Pebble SDKのインストール先は次のディレクトリとなる。

```bash
${HOME}/pebble-dev
```

Pebble公式のインストーラはbashを想定しているので、他のシェルを使用している場合には環境変数PATHに次の値を追加します。

```bash
${HOME}/pebble-dev/PebbleSDK-current/bin
```

これで`pebble`コマンドが使えるようになります。

## arm toolchainのインストール

コンパイル済みのARM toolchainをインストールする。

コンパイル済みのバイナリをダウンロード（公式サイトからコピペしたURLですが、気になる方は公式サイトからダウンロードしてきてください）。

```bash
wget http://assets.getpebble.com.s3-website-us-east-1.amazonaws.com/sdk/arm-cs-tools-macos-universal-static.tar.gz
```

Pebble SDKディレクトリ以下に展開する。

```bash
cd ~/pebble-dev/PebbleSDK-current
tar -zxf ~/Downloads/arm-cs-tools-macos-universal-static.tar.gz
```

## Python環境の整備

`pip`, `virtualenv`をインストールする。

```bash
sudo easy_install pip
sudo pip install virtualenv
```

Pebble SDKの実行環境にvirtualenvを整備する。

```bash
cd ~/pebble-dev/PebbleSDK-2.0.1
virtualenv --no-site-packages .env
source .env/bin/activate
pip install -r ~/pebble-dev/PebbleSDK-2.0.1/requirements.txt
deactivate
```

以上で`pebble`コマンドが使えるようになったはずです！

```bash
$ pebble
usage: pebble.py [-h] [--debug] [--version]

                 {new-project,convert-project,build,clean,analyze-size,install,ping,list,rm,current,uuids,logs,repl,screenshot}
                 ...
pebble.py: error: too few arguments
```

# iOSアプリの設定

## iOS版Pebbleアプリのインストール

Pebbleアプリの開発には[Pebble App](https://itunes.apple.com/us/app/pebble-smartwatch/id592012721?mt=8)が必要です。ダウンロードしてインストールします。

## 開発モードを有効化

設定アプリからPebbleを選択して開発モードを有効にします。

![IMG_8952-4.png](https://qiita-image-store.s3.amazonaws.com/0/29860/e9009652-6611-f942-ca18-ccfb61e55dfe.png "IMG_8952-4.png")

Pebbleアプリのサイドメニューに開発者モードが追加されるので有効にします。

![IMG_8956-5.png](https://qiita-image-store.s3.amazonaws.com/0/29860/7fede349-7299-fc22-2e51-7fa4a78e3d0c.png "IMG_8956-5.png")

![IMG_8955-3.png](https://qiita-image-store.s3.amazonaws.com/0/29860/007e4a30-0a1e-74b8-76c7-b1c98788cdeb.png "IMG_8955-3.png")

EnabledをオンにすればOK。ここで表示されている **Server IP** はPebbleアプリのインストールに必要なので覚えておいてください。


# Hello world

Pebbleアプリはプロジェクト単位で管理されます。新しいプロジェクトを作るには`pebble｀コマンドに引数`new-project`と任意のプロジェクト名を渡します。

```bash
$ cd ~/pebble-dev/PebbleSDK-current/
$ source .env/bin/activate  # python virtualenvを適用するおまじない
$ pebble new-project hello_world
Creating new project hello_world
```

これで`hello_world`プロジェクトが作成されました。

次に、このpebbleプロジェクトをビルドします。

```bash
$ hello_world
$ pebble build
```

ビルドが完了したらPebbleにインストールします。

```bash
$ pebble install --phone 10.0.0.11
[INFO    ] Installation successful
[INFO    ] JS: stopping app: 0C3CA0AE-9067-4764-AF92-BDCAD1FB6084 91 Dub v2.0
```

ボタンチェックを行うアプリがインストールされます。右側のボタンを1つずつ押すと、Up, Select, Downと表示され、ボタンアクションが認識されている様子がわかるでしょう。

![IMG_8957.jpg](https://qiita-image-store.s3.amazonaws.com/0/29860/47345aa8-c03d-a9f1-91c6-e669ce6b25e2.jpeg "IMG_8957.jpg")

----

# 情報源

* [Pebble公式Developerページ](https://developer.getpebble.com/)
* [Build your first Pebble app (Hello World!)](https://developer.getpebble.com/2/getting-started/hello-world/)
* [Pebble App Store](http://dev-portal.getpebble.com/)