Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
Designing a Social Business
Next
Download to read offline and view in fullscreen.

4

Share

Download to read offline

pebbleのお話し

Download to read offline

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

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

pebbleのお話し

  1. 1. pebbleのお話し 2014-08-24 Daisuke Igarashi
  2. 2. 自己紹介
  3. 3. 五十嵐 大輔
  4. 4. 五十嵐 大輔 @planset 旭川の会社に勤務。 でも札幌在住。 ! 基幹系システム開発 サーバー管理、Web開発 ! Linux / OSS / Vim / Windows / Azure / VB.NET / Python / JavaScript / html / css / perl / php / バーチャファ イター / raspberry pi
  5. 5. pebbleのお話し
  6. 6. • 現状のスマートウォッチの中では一番実用的 • プログラムできなくても
 時計やアプリを楽しめます • プログラムができる人は
 時計やアプリを作って更に楽しめます pebbleは
  7. 7. スマートウォッチ pebbleのお話し 時計とアプリ 作り方 pebble
  8. 8. スマートウォッチ pebbleのお話し 時計とアプリ 作り方 pebble
  9. 9. • 腕時計の方式で手首に装着できる
 ウェアラブルデバイスのこと • スポーツ:運動量を測定 • ヘルス:心拍数の測定 • スマホと連動してメール通知や電話応答 スマートウォッチとは
  10. 10. • 最近流行りのウェアラブルデバイス • その名の通り、身に付けることが出来るデバイス • 機能自体はスマホがあればできることも多いが • より生活に溶け込んだ形で利用 ウェアラブルデバイスとは
  11. 11. ウェアラブルデバイスの例
  12. 12. スポーツ フィットネス
  13. 13. スマートグラス
  14. 14. ゆびわ
  15. 15. スマートウォッチ
  16. 16. スマートウォッチ pebbleのお話し 時計とアプリ 作り方 pebble
  17. 17. pebble
  18. 18. pebbleの特徴
  19. 19. pebbleの特徴1 電池が長持ち
  20. 20. • LG G watch -> 1日 • samsung gearlive -> 2日 • pebble 5∼7日 電池が長持ち
  21. 21. pebbleの特徴2 通知が便利
  22. 22. pebbleの特徴3 雑に扱える
  23. 23. pebbleの特徴4 時計やアプリを ダウンロードできる
  24. 24. pebbleの特徴5 時計やアプリを 作ることができる
  25. 25. スマートウォッチ pebbleのお話し 時計とアプリ 作り方 pebble
  26. 26. 時計
  27. 27. pebble store
  28. 28. www.mypebblefaces.com
  29. 29. www.mypebblefaces.com
  30. 30. www.mypebblefaces.com
  31. 31. www.mypebblefaces.com
  32. 32. アプリ
  33. 33. • 現状のスマートウォッチの中では一番実用的 • プログラムできなくても
 時計やアプリを楽しめます • プログラムができる人は
 時計やアプリを作って更に楽しめます pebbleの特徴 まとめ
  34. 34. スマートウォッチ pebbleのお話し 時計とアプリ 作り方 pebble
  35. 35. 時計の作り方
  36. 36. • SDKを使って頑張る • Cloudpebbleを使う • watchface-generatorを使う • 時計だけを作りたいならwatchface- generatorがものすごく簡単にできる 時計の作り方
  37. 37. 自主規制
  38. 38. デモ http://www.watchface-generator.de/
  39. 39. アプリの作り方
  40. 40. • SDKを使って頑張る • Cloud Pebbleを使う • simplyjs アプリの作り方 開発環境
  41. 41. • 全ての機能を利用できる • 開発環境を準備する必要がある
 たしかWindowsだとダメ • Cで書く必要がある SDK
  42. 42. • クラウド上の開発環境で開発できる
 環境構築が必要ない。
 WindowsでもOK • 時計のデザインツールがある • 作りこむにはCで書く必要がある CloudPebble
  43. 43. • Javascriptだけでアプリを書くことが 出来る • Pebbleの機能をほとんど利用できない • Javascriptを使って、株価などのデー タを取得して表示するアプリであれば コレでも十分 Simplyjs
  44. 44. どういったアプリ が作れるのか
  45. 45. • ボタン • バイブレーター • 加速度センサ • テキスト表示(フォント埋め込み可) • グラフィック描画 • コンパニオンアプリとの通信 使える機能
  46. 46. • スマホアプリとの通信
 スマホの機能を利用できる • JavaScript Apps
 公式Pebbleアプリ上で動作 • JavaScriptやスマホアプリからインター ネットへアクセスできる コンパニオンアプリとの通信
  47. 47. Pebble 加速度センサ iphone GPS/internet web いろいろ WatchApp JavaScript WebAPI 通信の流れ
  48. 48. 作ったアプリを紹介
  49. 49. 1.すらいどめくり
  50. 50. • Mac側でWebSocketのサーバーを立てる • PebbleからBackとNextをJavaScriptAppに送る • JavaScriptAppからWebSocketでMacに送る • AppleScriptを通してKeynoteを操作 • https://github.com/planset/pebble-slidecontrol すらいどめくり
  51. 51. 2.東豊線時刻表示 あぷり
  52. 52. • 一番近くの地下鉄の駅 • 上りと下りの次の電車時刻 東豊線時刻表示アプリ
  53. 53. 苦労したこと
  54. 54. 時刻表データがない (pebbleは関係ない☆)
  55. 55. • 公式なデータはありがちなPDFのみ • PDFをダウンロードして • テキストを抽出・解析して時刻表データを取得 • 駅の緯度経度と合わせてWebAPI化 時刻表データ
  56. 56. 紹介終わり
  57. 57. まとめ
  58. 58. • 現状のスマートウォッチの中では一番実用的 • プログラムできなくても
 時計やアプリを楽しめます • プログラムができる人は
 時計やアプリを作って更に楽しめます pebbleは
  59. 59. https://getpebble.com ご静聴ありがとうございました
  • rikireach

    Apr. 2, 2017
  • YuichiHamasaki

    Aug. 2, 2015
  • majiro

    Nov. 25, 2014
  • furuya02

    Sep. 20, 2014

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

Views

Total views

1,961

On Slideshare

0

From embeds

0

Number of embeds

82

Actions

Downloads

3

Shares

0

Comments

0

Likes

4

×