Suche senden
Hochladen
Pebble + JavaScriptでつくるスマートウォッチアプリ
•
8 gefällt mir
•
6,359 views
Kohei Kadowaki
Folgen
2014/11/16に開催された「JSBoard勉強会東京#1」で発表した際に使用したスライドです。
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 47
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Pebbleハッカソン
Pebbleハッカソン
Bob_Mk2
Kubernetes で実践するクラウドネイティブ DevOps "監視とオブザーバビリティ"編 / Cloud Native DevOps with K...
Kubernetes で実践するクラウドネイティブ DevOps "監視とオブザーバビリティ"編 / Cloud Native DevOps with K...
Preferred Networks
Eureka go 2015_12_12
Eureka go 2015_12_12
matsuo kenji
OSS Product feat. Gradle
OSS Product feat. Gradle
Yasuharu Nakano
(IDEユーザのための) ClojureのEmacs開発環境について
(IDEユーザのための) ClojureのEmacs開発環境について
Kazuhiro Hara
Jenkins実践入門 第二版 What's New
Jenkins実践入門 第二版 What's New
Masanori Satoh
WatchRoach
WatchRoach
Yoshiyuki Taniguchi
Gcpug begginers #1LT startup scriptとshutdown script
Gcpug begginers #1LT startup scriptとshutdown script
tsukasa tamaru
Empfohlen
Pebbleハッカソン
Pebbleハッカソン
Bob_Mk2
Kubernetes で実践するクラウドネイティブ DevOps "監視とオブザーバビリティ"編 / Cloud Native DevOps with K...
Kubernetes で実践するクラウドネイティブ DevOps "監視とオブザーバビリティ"編 / Cloud Native DevOps with K...
Preferred Networks
Eureka go 2015_12_12
Eureka go 2015_12_12
matsuo kenji
OSS Product feat. Gradle
OSS Product feat. Gradle
Yasuharu Nakano
(IDEユーザのための) ClojureのEmacs開発環境について
(IDEユーザのための) ClojureのEmacs開発環境について
Kazuhiro Hara
Jenkins実践入門 第二版 What's New
Jenkins実践入門 第二版 What's New
Masanori Satoh
WatchRoach
WatchRoach
Yoshiyuki Taniguchi
Gcpug begginers #1LT startup scriptとshutdown script
Gcpug begginers #1LT startup scriptとshutdown script
tsukasa tamaru
Git & GitHub & kintone でウルトラハッピー!
Git & GitHub & kintone でウルトラハッピー!
ymmt
Raspberry Pi しかないときのIoTハンズオンチュートリアル
Raspberry Pi しかないときのIoTハンズオンチュートリアル
Kohei Nishikawa
システム開発を前進させるためのGradle導入法
システム開発を前進させるためのGradle導入法
Takuma Watabiki
shinken monitoringについて真剣に調べてみた結果
shinken monitoringについて真剣に調べてみた結果
Tsuyoshi Torii
GitとCIとかチャットとかをオンプレで運用する話
GitとCIとかチャットとかをオンプレで運用する話
mdome
スッとGoを取り入れる
スッとGoを取り入れる
Yusuke Wada
GitLab Meetup Tokyo #1 LT:「わりと大きい会社でGitLabをホスティングしてみた話」
GitLab Meetup Tokyo #1 LT:「わりと大きい会社でGitLabをホスティングしてみた話」
Taisuke Inoue
一人でもはじめるGitでバージョン管理
一人でもはじめるGitでバージョン管理
Takafumi Yoshida
Javaユーザに贈るJenkins 25のTips
Javaユーザに贈るJenkins 25のTips
Masanori Satoh
Gws 20141024 gradle_intro
Gws 20141024 gradle_intro
Nobuhiro Sue
真Drone入門
真Drone入門
Yutaka Matsubara
Gradle入門
Gradle入門
orekyuu
Jenkins と groovy
Jenkins と groovy
Kohsuke Kawaguchi
Nifty cloud automationでクラウド構築・運用の自動化
Nifty cloud automationでクラウド構築・運用の自動化
NIFTY Cloud
Spring in-summer-gradle-hands on-withanswers
Spring in-summer-gradle-hands on-withanswers
Takuma Watabiki
やさしいGitの内部構造 - yapcasia2013
やさしいGitの内部構造 - yapcasia2013
DQNEO
Jenkinsの導入 Vol.01
Jenkinsの導入 Vol.01
regret raym
ひとりアドベントカレンダーのご紹介
ひとりアドベントカレンダーのご紹介
Kazuhiro Hara
Skinny framework勉強会
Skinny framework勉強会
Yusuke Arakaki
Rancher2.0でkubernetes
Rancher2.0でkubernetes
cyberblack28 Ichikawa
Firefox OSでSVGをつかってみた
Firefox OSでSVGをつかってみた
Kohei Kadowaki
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Koji Nakamura
Weitere ähnliche Inhalte
Was ist angesagt?
Git & GitHub & kintone でウルトラハッピー!
Git & GitHub & kintone でウルトラハッピー!
ymmt
Raspberry Pi しかないときのIoTハンズオンチュートリアル
Raspberry Pi しかないときのIoTハンズオンチュートリアル
Kohei Nishikawa
システム開発を前進させるためのGradle導入法
システム開発を前進させるためのGradle導入法
Takuma Watabiki
shinken monitoringについて真剣に調べてみた結果
shinken monitoringについて真剣に調べてみた結果
Tsuyoshi Torii
GitとCIとかチャットとかをオンプレで運用する話
GitとCIとかチャットとかをオンプレで運用する話
mdome
スッとGoを取り入れる
スッとGoを取り入れる
Yusuke Wada
GitLab Meetup Tokyo #1 LT:「わりと大きい会社でGitLabをホスティングしてみた話」
GitLab Meetup Tokyo #1 LT:「わりと大きい会社でGitLabをホスティングしてみた話」
Taisuke Inoue
一人でもはじめるGitでバージョン管理
一人でもはじめるGitでバージョン管理
Takafumi Yoshida
Javaユーザに贈るJenkins 25のTips
Javaユーザに贈るJenkins 25のTips
Masanori Satoh
Gws 20141024 gradle_intro
Gws 20141024 gradle_intro
Nobuhiro Sue
真Drone入門
真Drone入門
Yutaka Matsubara
Gradle入門
Gradle入門
orekyuu
Jenkins と groovy
Jenkins と groovy
Kohsuke Kawaguchi
Nifty cloud automationでクラウド構築・運用の自動化
Nifty cloud automationでクラウド構築・運用の自動化
NIFTY Cloud
Spring in-summer-gradle-hands on-withanswers
Spring in-summer-gradle-hands on-withanswers
Takuma Watabiki
やさしいGitの内部構造 - yapcasia2013
やさしいGitの内部構造 - yapcasia2013
DQNEO
Jenkinsの導入 Vol.01
Jenkinsの導入 Vol.01
regret raym
ひとりアドベントカレンダーのご紹介
ひとりアドベントカレンダーのご紹介
Kazuhiro Hara
Skinny framework勉強会
Skinny framework勉強会
Yusuke Arakaki
Rancher2.0でkubernetes
Rancher2.0でkubernetes
cyberblack28 Ichikawa
Was ist angesagt?
(20)
Git & GitHub & kintone でウルトラハッピー!
Git & GitHub & kintone でウルトラハッピー!
Raspberry Pi しかないときのIoTハンズオンチュートリアル
Raspberry Pi しかないときのIoTハンズオンチュートリアル
システム開発を前進させるためのGradle導入法
システム開発を前進させるためのGradle導入法
shinken monitoringについて真剣に調べてみた結果
shinken monitoringについて真剣に調べてみた結果
GitとCIとかチャットとかをオンプレで運用する話
GitとCIとかチャットとかをオンプレで運用する話
スッとGoを取り入れる
スッとGoを取り入れる
GitLab Meetup Tokyo #1 LT:「わりと大きい会社でGitLabをホスティングしてみた話」
GitLab Meetup Tokyo #1 LT:「わりと大きい会社でGitLabをホスティングしてみた話」
一人でもはじめるGitでバージョン管理
一人でもはじめるGitでバージョン管理
Javaユーザに贈るJenkins 25のTips
Javaユーザに贈るJenkins 25のTips
Gws 20141024 gradle_intro
Gws 20141024 gradle_intro
真Drone入門
真Drone入門
Gradle入門
Gradle入門
Jenkins と groovy
Jenkins と groovy
Nifty cloud automationでクラウド構築・運用の自動化
Nifty cloud automationでクラウド構築・運用の自動化
Spring in-summer-gradle-hands on-withanswers
Spring in-summer-gradle-hands on-withanswers
やさしいGitの内部構造 - yapcasia2013
やさしいGitの内部構造 - yapcasia2013
Jenkinsの導入 Vol.01
Jenkinsの導入 Vol.01
ひとりアドベントカレンダーのご紹介
ひとりアドベントカレンダーのご紹介
Skinny framework勉強会
Skinny framework勉強会
Rancher2.0でkubernetes
Rancher2.0でkubernetes
Andere mochten auch
Firefox OSでSVGをつかってみた
Firefox OSでSVGをつかってみた
Kohei Kadowaki
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Koji Nakamura
Webでもできるデータビジュアライゼーション
Webでもできるデータビジュアライゼーション
Kohei Kadowaki
WebSocketことはじめ
WebSocketことはじめ
Kohei Kadowaki
D3.js と SVG によるデータビジュアライゼーション
D3.js と SVG によるデータビジュアライゼーション
Kohei Kadowaki
Inline SVG - トラブルとその対策
Inline SVG - トラブルとその対策
Kohei Kadowaki
WebSocket + Node.jsでつくるチャットアプリ
WebSocket + Node.jsでつくるチャットアプリ
Kohei Kadowaki
AndroidでWebSocket
AndroidでWebSocket
Kohei Kadowaki
ぼくたちのじゅたくかいはつ
ぼくたちのじゅたくかいはつ
Atsushi Harada
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Kohei Kadowaki
○○したら受託開発が180°変わった(10分版)
○○したら受託開発が180°変わった(10分版)
Atsushi Harada
Go言語入門者が Webアプリケーション を作ってみた話 #devfest #gdgkyoto
Go言語入門者が Webアプリケーション を作ってみた話 #devfest #gdgkyoto
Shoot Morii
Andere mochten auch
(12)
Firefox OSでSVGをつかってみた
Firefox OSでSVGをつかってみた
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Webでもできるデータビジュアライゼーション
Webでもできるデータビジュアライゼーション
WebSocketことはじめ
WebSocketことはじめ
D3.js と SVG によるデータビジュアライゼーション
D3.js と SVG によるデータビジュアライゼーション
Inline SVG - トラブルとその対策
Inline SVG - トラブルとその対策
WebSocket + Node.jsでつくるチャットアプリ
WebSocket + Node.jsでつくるチャットアプリ
AndroidでWebSocket
AndroidでWebSocket
ぼくたちのじゅたくかいはつ
ぼくたちのじゅたくかいはつ
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
○○したら受託開発が180°変わった(10分版)
○○したら受託開発が180°変わった(10分版)
Go言語入門者が Webアプリケーション を作ってみた話 #devfest #gdgkyoto
Go言語入門者が Webアプリケーション を作ってみた話 #devfest #gdgkyoto
Ähnlich wie Pebble + JavaScriptでつくるスマートウォッチアプリ
Web os最新動向20130209
Web os最新動向20130209
Akira Sasaki
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
WebIntentsにより拓かれる次のWeb
WebIntentsにより拓かれる次のWeb
Kensaku Komatsu
全部入り!WGPで高速JavaScript+HML5体験
全部入り!WGPで高速JavaScript+HML5体験
AdvancedTechNight
Hands on PhotoBlog App with WordPress REST API and App Inventor
Hands on PhotoBlog App with WordPress REST API and App Inventor
Hong Chen
Google App Engine Java 入門
Google App Engine Java 入門
tantack
Firefox mobile for android internals
Firefox mobile for android internals
Makoto Kato
プログラミング生放送第7回 比べてみようPaaSクラウド~Azure VS GAE~
プログラミング生放送第7回 比べてみようPaaSクラウド~Azure VS GAE~
normalian
KobeGTUG GAE/Java
KobeGTUG GAE/Java
takagig
devsami kansai 2012 #c2
devsami kansai 2012 #c2
Yushi_Takagi
Ipv6+JMeter+GAE
Ipv6+JMeter+GAE
Kazumune Katagiri
Swift の問題点
Swift の問題点
Yusuke Miyazaki
HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう
Hideki Akiba
Google Product
Google Product
Daisuke Sugai
20140823 LL diver Angular.js で構築した note に関して
20140823 LL diver Angular.js で構築した note に関して
Shoei Takamaru
Xcode で gulp を使うお話
Xcode で gulp を使うお話
Yoichiro Sakurai
バージョンアップ対応を軽減するサービス:マスティフ
バージョンアップ対応を軽減するサービス:マスティフ
Toshiyuki Hirata
Agile Japan 2013 サテライト<長野>事例研究講演資料
Agile Japan 2013 サテライト<長野>事例研究講演資料
株式会社ガリレオ(開発グループ)
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
Masakazu Muraoka
オレたちとVisual Studioとの関係を話そう
オレたちとVisual Studioとの関係を話そう
Mitsuhito Ishino
Ähnlich wie Pebble + JavaScriptでつくるスマートウォッチアプリ
(20)
Web os最新動向20130209
Web os最新動向20130209
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
WebIntentsにより拓かれる次のWeb
WebIntentsにより拓かれる次のWeb
全部入り!WGPで高速JavaScript+HML5体験
全部入り!WGPで高速JavaScript+HML5体験
Hands on PhotoBlog App with WordPress REST API and App Inventor
Hands on PhotoBlog App with WordPress REST API and App Inventor
Google App Engine Java 入門
Google App Engine Java 入門
Firefox mobile for android internals
Firefox mobile for android internals
プログラミング生放送第7回 比べてみようPaaSクラウド~Azure VS GAE~
プログラミング生放送第7回 比べてみようPaaSクラウド~Azure VS GAE~
KobeGTUG GAE/Java
KobeGTUG GAE/Java
devsami kansai 2012 #c2
devsami kansai 2012 #c2
Ipv6+JMeter+GAE
Ipv6+JMeter+GAE
Swift の問題点
Swift の問題点
HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう
Google Product
Google Product
20140823 LL diver Angular.js で構築した note に関して
20140823 LL diver Angular.js で構築した note に関して
Xcode で gulp を使うお話
Xcode で gulp を使うお話
バージョンアップ対応を軽減するサービス:マスティフ
バージョンアップ対応を軽減するサービス:マスティフ
Agile Japan 2013 サテライト<長野>事例研究講演資料
Agile Japan 2013 サテライト<長野>事例研究講演資料
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
オレたちとVisual Studioとの関係を話そう
オレたちとVisual Studioとの関係を話そう
Mehr von Kohei Kadowaki
プログラマーのお仕事
プログラマーのお仕事
Kohei Kadowaki
5分でわかる?Backbone.js ことはじめ
5分でわかる?Backbone.js ことはじめ
Kohei Kadowaki
SVGでつくるインタラクティブWebアプリケーション
SVGでつくるインタラクティブWebアプリケーション
Kohei Kadowaki
UnityでつくるはじめてのPONG
UnityでつくるはじめてのPONG
Kohei Kadowaki
インラインSVGをつかって地図っぽいものをつくってみる
インラインSVGをつかって地図っぽいものをつくってみる
Kohei Kadowaki
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
Kohei Kadowaki
d3jsではじめるデータビジュアライゼーション入門
d3jsではじめるデータビジュアライゼーション入門
Kohei Kadowaki
ゲーム開発初心者の僕がUnity + WebSocketで何か作ってみた
ゲーム開発初心者の僕がUnity + WebSocketで何か作ってみた
Kohei Kadowaki
SocketStream入門
SocketStream入門
Kohei Kadowaki
Mehr von Kohei Kadowaki
(9)
プログラマーのお仕事
プログラマーのお仕事
5分でわかる?Backbone.js ことはじめ
5分でわかる?Backbone.js ことはじめ
SVGでつくるインタラクティブWebアプリケーション
SVGでつくるインタラクティブWebアプリケーション
UnityでつくるはじめてのPONG
UnityでつくるはじめてのPONG
インラインSVGをつかって地図っぽいものをつくってみる
インラインSVGをつかって地図っぽいものをつくってみる
ShareWisをFirefoxで動かすためのSVG的とりくみ
ShareWisをFirefoxで動かすためのSVG的とりくみ
d3jsではじめるデータビジュアライゼーション入門
d3jsではじめるデータビジュアライゼーション入門
ゲーム開発初心者の僕がUnity + WebSocketで何か作ってみた
ゲーム開発初心者の僕がUnity + WebSocketで何か作ってみた
SocketStream入門
SocketStream入門
Kürzlich hochgeladen
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
Kürzlich hochgeladen
(9)
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Pebble + JavaScriptでつくるスマートウォッチアプリ
1.
Pebble + JavaScriptでつくる
スマートウォッチアプリ JSBoard勉強会 #1 / @kadoppe
2.
@kadoppe Software Engineer
3.
Question
4.
Q1. Pebble知ってる人?
5.
Q2. Pebble持ってる人?
6.
Q3. Pebbleアプリ作ってる人?
7.
今日の目的 JavaScriptプログラマに Pebbleのアプリ開発に興味を
持ってもらう
8.
おことわり Pebble ≠
JSBoard
9.
Pebbleって何? • デジタル時計
Pebble Pebble Steel Pebble (写真) Pebble Steal (写真) $99 $199
10.
Pebbleで何ができるの?
11.
1. スマフォとつながる Pebble
公式アプリ 全ての通知 音楽プレイヤ操作等 Pebble
12.
2. アプリでカスタマイズする Pebble
公式アプリ インストール アプリストア (最大8つまで) Pebble
13.
Pebbleアプリが扱える情報
14.
1. 時刻 時計なので当たり前
15.
2. 各種センサー情報 Pebble
Pebble 公式アプリ アプリ 加速度センサ 電子コンパスGPS
16.
2. Webから取得した情報 Pebble
Pebble 公式アプリ アプリ各種 Web API Bluetooth HTTP 画像引用元: https://getpebble.com/checkout
17.
色々組み合わせることで 可能性は無限大
18.
Pebbleアプリの種類
19.
1. Watchface •
時計モードのデザインテーマ • 時刻だけでなく、様々な情報が表示可能
20.
2. Watchapp •
時計モード→メニューから起動できるアプリ • Pebble本体右側の3つのボタン操作を アプリから検出できる
21.
Pebbleアプリのつくりかた
22.
SDK • Pebbleが提供するSDKを使ってアプリを開発
• 大きく2種類の開発方法がある
23.
1. C &
JavaScriptで開発 Pebble公式アプリ JavaScript Engine JavaScript C言語 ・UI表示 ・センサー値取得 ・スマフォとの通信 ・Web API呼出 ・GPS値取得 ・Pebbleとの通信 画像引用元: https://getpebble.com/checkout Pebble
24.
方法1の問題点 • C言語の知識が必要
• 通信処理をC & JavaScriptで実装するのが手間
25.
2. JavaScriptのみで開発 Pebble公式アプリ
JavaScript Engine JavaScript (Pebble.js) 隠蔽 Pebble
26.
方法2の問題点 • 電力消費量が高い
& UI更新の遅延が発生 • スマフォ側のJavaScript EngineでUI更新処理 をおこなうため(未調査) • β版のため動作が不安定 • 一部センサー情報を取得するためのAPIがない
27.
アプリをつくってみる (ライブコーディング)
28.
必要なもの • Webブラウザ
• Pebble公式アプリインストール済みスマフォ • Pebble本体
29.
あれ?開発環境は?
30.
CloudPebble プロジェクト作成→コーディング→コンパイル Pebbleへのアプリ転送→ログ確認
31.
Webブラウザだけで開発可能
32.
つくるもの • Watchface
• 時刻を表示 • 現在地のお天気を表示 • GPS • OpenWeatherMap API
33.
ライブコーディングスタート (グダったらすみません) https://github.com/kadoppe/pebble-gps-weather-watch
34.
ライブコーディングおしまい
35.
PebbleのUIコンポーネント
36.
Window • もっとも基本的なUIコンポーネント
• 座標・サイズを指定して子要素を配置できる • テキスト • 画像 • 矩形・円
37.
Card • 構造化された情報を表示するためのWindow
• タイトル • サブタイトル • 本文 • バナー画像
38.
Menu • リスト情報を表示するためのWindow
• ボタンによるスクロールも可能
39.
その他UIコンポーネント • 画像データ(2値画像のみ)の表示
• Windowに配置した要素のアニメーション • 矩形/円
40.
自由に組み合わせて素敵な アプリをつくってみてください
41.
Pebbleの問題点
42.
日本語が文字化けする • システムに日本語フォントが組み込まれて
いないことが原因
43.
対策1. カスタムファームウェア •
Pebble 日本語 (ひらがな、カタカナ) ファームウェアをPebbleにインストールする http://www.texpress.co.jp/pebble_hiragana • 漢字も表示される(1200文字種) • 自己責任で
44.
対策2. サードパーティ通知アプリ •
スマフォの通知(日本語)をPebbleに表示するためのアプ リが存在する • iOS: PebbleCC(要脱獄) • Android: YaNC PRO Pebble Notifications https://play.google.com/store/apps/details? id=com.runnerway.pebblenotification • 日本語が表示されるのはサードパーティアプリ内のみ
45.
そんなPebbleですが まずは日本語に依存しない アプリから開発してみませんか?
46.
おしまい ご清聴ありがとうございました
47.
画像出展 http://en.wikipedia.org/wiki/ IPhone_5#mediaviewer/File:IPhone_5.png
https://getpebble.com/pebble
Jetzt herunterladen