「プロ生ちゃんウォッチを作ろう!」 プロ生勉強会 第33回@dmm.comラボ

13
プロ生ちゃんウォッ チを作ろう! 2015/05/16 きりん

Upload: kirinnico

Post on 24-Jul-2015

545 views

Category:

Technology


1 download

TRANSCRIPT

プロ生ちゃんウォッチを作ろう!

2015/05/16

きりん

スマートウォッチでプロ生ちゃん腕時計を作ろう!

内容

時はスマートウォッチ戦国時代

Android Wear

時はスマートウォッチ戦国時代

Android Wear

Apple Watch

時はスマートウォッチ戦国時代

Android Wear

Apple Watch

Pebble

時はスマートウォッチ戦国時代

Pebble Technology Corporationのスマートウォッチ

初代:Pebble/リファイン:PebbleSteel/新:PebbleTime

Kickstarterで史上最高額を稼いだ化け物

ディスプレイはしょぼい

PebbleClassic 2色 / PebbleTime 64色

代わりに電池の持ちがよい (5~7日)

Pebbleって何?

自作のアプリの実行

時計表示(watchface) / ツール(watchapp)

内蔵しているもの Bluetooth

振動モーター

磁気センサ、明るさセンサ、加速度センサ、マイク

4物理ボタン(タッチセンサなし)

何ができるの?

Pebble SDK (オフラインSDK)

Toolchain + Emulator(QEMU)

Mac / Linux (Windowの場合はVMで)

(Mac) $ brew install pebble/pebble-sdk/pebble-sdk

CloudPebble (Web IDE)

ブラウザ上でビルド、エミュレーション可能

開発言語

Pebble: C / Javascript

PhoneApp: Javascript / Java / Objective-C

どうやって作るの?

内蔵センサ

デバイス内でAPI経由で取得

インターネット接続・GPS

BluetoothでAndroid/iPhoneに接続

AppMessageという仕組みでデータをやり取り

センサやネットワークは?

PebbleKit (Javascriptなど)

AppMessage(Bluetooth経由) httpとか

Watchface Generator

時計を作ってみよう

背景画像、時計のデザインや位置などを選択するだけでオリジナルwatchfaceのファームウェアが出来上がるサービス

※現在はFW v2(白黒)のみ対応

1分くらいでできる!ヤッター!

実際スゴイ!

時計を作ってみよう

カラー版を作ってみた

カラー対応

すぱこー(WebComic)

の更新情報を取得し

画面に表示

SDKでも作ってみる