2014/8/24に旭川で行われたお盆明け勉強会 - connpass http://connpass.com/event/7845/ で話したpebbleの話です。

1. pebbleのお話し
2014-08-24
Daisuke Igarashi

2. 自己紹介

3. 五十嵐 大輔

4. 五十嵐 大輔 @planset
旭川の会社に勤務。
でも札幌在住。
!
基幹系システム開発
サーバー管理、Web開発
!
Linux / OSS / Vim /
Windows / Azure / VB.NET /
Python / JavaScript / html /
css / perl / php / バーチャファ
イター / raspberry pi

5. pebbleのお話し

6. • 現状のスマートウォッチの中では一番実用的
• プログラムできなくても
時計やアプリを楽しめます
• プログラムができる人は
時計やアプリを作って更に楽しめます
pebbleは

7. スマートウォッチ
pebbleのお話し
時計とアプリ 作り方
pebble

8. スマートウォッチ
pebbleのお話し
時計とアプリ 作り方
pebble

9. • 腕時計の方式で手首に装着できる
ウェアラブルデバイスのこと
• スポーツ：運動量を測定
• ヘルス：心拍数の測定
• スマホと連動してメール通知や電話応答
スマートウォッチとは

10. • 最近流行りのウェアラブルデバイス
• その名の通り、身に付けることが出来るデバイス
• 機能自体はスマホがあればできることも多いが
• より生活に溶け込んだ形で利用
ウェアラブルデバイスとは

11. ウェアラブルデバイスの例

12. スポーツ
フィットネス

18. スマートグラス

23. ゆびわ

25. スマートウォッチ

37. スマートウォッチ
pebbleのお話し
時計とアプリ 作り方
pebble

38. pebble

41. pebbleの特徴

42. pebbleの特徴１
電池が長持ち

43. • LG G watch -> １日
• samsung gearlive -> ２日
• pebble ５∼７日
電池が長持ち

44. pebbleの特徴２
通知が便利

45. pebbleの特徴３
雑に扱える

46. pebbleの特徴４
時計やアプリを
ダウンロードできる

47. pebbleの特徴５
時計やアプリを
作ることができる

48. スマートウォッチ
pebbleのお話し
時計とアプリ 作り方
pebble

49. 時計

50. pebble store

51. www.mypebblefaces.com

52. www.mypebblefaces.com

53. www.mypebblefaces.com

54. www.mypebblefaces.com

55. アプリ

63. • 現状のスマートウォッチの中では一番実用的
• プログラムできなくても
時計やアプリを楽しめます
• プログラムができる人は
時計やアプリを作って更に楽しめます
pebbleの特徴 まとめ

64. スマートウォッチ
pebbleのお話し
時計とアプリ 作り方
pebble

65. 時計の作り方

66. • SDKを使って頑張る
• Cloudpebbleを使う
• watchface-generatorを使う
• 時計だけを作りたいならwatchface-
generatorがものすごく簡単にできる
時計の作り方

70. 自主規制

71. デモ
http://www.watchface-generator.de/

72. アプリの作り方

73. • SDKを使って頑張る
• Cloud Pebbleを使う
• simplyjs
アプリの作り方 開発環境

74. • 全ての機能を利用できる
• 開発環境を準備する必要がある
たしかWindowsだとダメ
• Cで書く必要がある
SDK

75. • クラウド上の開発環境で開発できる
環境構築が必要ない。
WindowsでもOK
• 時計のデザインツールがある
• 作りこむにはCで書く必要がある
CloudPebble

76. • Javascriptだけでアプリを書くことが
出来る
• Pebbleの機能をほとんど利用できない
• Javascriptを使って、株価などのデー
タを取得して表示するアプリであれば
コレでも十分
Simplyjs

77. どういったアプリ
が作れるのか

78. • ボタン
• バイブレーター
• 加速度センサ
• テキスト表示（フォント埋め込み可）
• グラフィック描画
• コンパニオンアプリとの通信
使える機能

79. • スマホアプリとの通信
スマホの機能を利用できる
• JavaScript Apps
公式Pebbleアプリ上で動作
• JavaScriptやスマホアプリからインター
ネットへアクセスできる
コンパニオンアプリとの通信

80. Pebble
加速度センサ
iphone
GPS/internet
web
いろいろ
WatchApp JavaScript WebAPI
通信の流れ

81. 作ったアプリを紹介

82. １．すらいどめくり

83. • Mac側でWebSocketのサーバーを立てる
• PebbleからBackとNextをJavaScriptAppに送る
• JavaScriptAppからWebSocketでMacに送る
• AppleScriptを通してKeynoteを操作
• https://github.com/planset/pebble-slidecontrol
すらいどめくり

84. ２．東豊線時刻表示
あぷり

86. • 一番近くの地下鉄の駅
• 上りと下りの次の電車時刻
東豊線時刻表示アプリ

87. 苦労したこと

88. 時刻表データがない
(pebbleは関係ない☆)

89. • 公式なデータはありがちなPDFのみ
• PDFをダウンロードして
• テキストを抽出・解析して時刻表データを取得
• 駅の緯度経度と合わせてWebAPI化
時刻表データ

91. 紹介終わり

92. まとめ

93. • 現状のスマートウォッチの中では一番実用的
• プログラムできなくても
時計やアプリを楽しめます
• プログラムができる人は
時計やアプリを作って更に楽しめます
pebbleは

94. https://getpebble.com
ご静聴ありがとうございました