Your SlideShare is downloading. ×
0
Google Glassでできること
最新開発情報
わかめ まさひろ

http://goo.gl/ViuSzc
わかめ まさひろ @v vakame
GAE
TypeScript
Android
Glass

AngularJS
• Google App Engine!
• Android!
• Google Apps!
などなど、!

Google!
技術に特化した会社です!
Google Glassのできること

本講習の内容は

XE11に基づきます
Google Glassとは?

Google の開発している
メガネ型のウェアラブルデバイス
写真・動画を撮る

\カシャ/
情報を見る
誰かと話す

\話す相手がいない/
外観

http://goo.gl/J4vqo より
旧モデルの説明になります
新モデルは出回りはじめたばかり…?
外観

ディスプレイ
視界の右上にサブモニタが
置いてあるイメージです
景色と画面を同時に見るのは
人間には難しいです
外観

タッチパネル
下方向にスライドが
AndroidでいうBackキー
外観
ジャイロセンサー

センサー類は他にも色々!
外観
シャッターボタン
カメラ

上部についてます
長押しで録画
外観
電源ボタン(裏

microUSB
普通のAndroid端末と同じで
DDMSでスクリーンキャプチャしたりできます
外観
骨伝導スピーカ(裏

バッテリー

耳の裏がスピーカが来るので
聞き取りにくいです
画面表示
画面表示
指や動作で操作
•
•
•
•

ちょんとタッチでスリープから復帰!
上むいてスリープから復帰!
スワイプで横方向に画面移動!
タップで選択

後ろにスワイプ

前にスワイプ
声で操作

この画面で Ok, glass から開始
声で操作
• ok glass,!
• google!
• take a picture!
• record a video!
• get directions to!
• send a message to!
• make a call to...
スペック
• Android ICS (4.0.4) !
• 画面解像度!
• 640x360!
• 電池容量 570mAh!
• スマホの1/3ぐらい…!
• 普通に使うと8時間程度もつ!
• 写真・動画撮るともりもり減る
操作早見表
起動

上を見上げる!
側面タッチパッドを1回触る

キャンセル

側面タッチパッドを下に撫でる

選択

側面タッチパッドを下に撫でる

決定

側面タッチパッドを1回触る

ボイスコマンド

時計の画面 で “ok glass”...
Google Glass FAQ
Google Glassの位置づけ

ブティックのような場
所で受け渡し
便利?
便利です!
しかし、インターネットに接続
されていないとパワー半減です
着けてて疲れない?
大丈夫です!
ずっと動画撮ると熱くなって

困りはします。
着用できないほどではない
Androidアプリとの互換性
GDK

(Glass Development Kit)

という

ツールが最近リリース!
ただし配布ルートはまだない
Androidスマホにある
Playアプリが入っていません
Glass独自のアプリ配信サー...
プライバシーは?
今後の課題です。
撮影する時は音が鳴ります。
ディスプレイも光ります。
KickStarterにて
3Dプリンタで
蓋を作った人も

http://goo.gl/bCoZp
他人の声にも反応する?
します。
ただし、時計の画面の時のみ。

直近のバージョンだと
音声入力できるタイミング増えてるようです
通信方式は?
Glassが自力でWi-Fi。
AndroidでBluetoothテザリング。

Androidには専用アプリがあります。

http://goo.gl/pfzc8
道に迷わない?
たぶん迷いません。
頭の向きにあわせて地図も動くので、
青い線を歩いていけば良いです。
スマホでも同じ事
できますけどね
日本語への対応?
表示はできます。
音声入力は全部英語です。
Googleは日本語の音声入力技術も
持っているので、何かハード的な
制約があるのかも…?
ARっぽく使える?
!

現実の何かに
映像重ねたりは難しいです
ハード的な制約が…
サブディスプレイが視界の隅にあるだけ

Weak!

本当は猫の気持ちいい
ポイントを
オーバーレイしたい
頑丈?

箔が剥がれる
折れる
が2大パターン
誰でも開発できる?
誰でも開発はできます!
Mirror APIもGDKも一般公開
しかしハードは出回ってません
Google Glassの開発は
Google Glassがないと
なかなか難しいです
iOSユーザにAndroidアプリを
作ら...
アプリ開発手法
方法?

Mirror API

GDK
Mirror API
• 情報配信用のAPI!
• Webサーバ上で動作する!
• Google Glass上で直接動作しない
GDK
• Glass Development Kit!
• Androidアプリが書ける!!
• GlassらしいLook & Feel!!
• Card(後述)が表示できる!!
• LiveCardも作れる!
どちらがいいの?
• 静的コンテンツの配信!
• →Mirror API!
• インタラクティブなアプリの作成!
• →GDK!
• 迷ったら…!
• →とりあえずMirror API
Mirror APIのできること
Glassware とは?
↓
Glass アプリのこと
アンケート
• Android開発できます!!
• Webアプリ開発できます!!
• on Webサーバ!!
• on ブラウザ!
アンケート
• Android開発できます!!
• Webアプリ開発できます!!
• on Webサーバ!!
• on ブラウザ!
即座に開発可能!
構成
GoogleServer
apk install

Glassware
Server

Glass
apkも使えますが
配布方法がない
要点
GoogleServer
RESTful
API

Glassware
Server
逆に考えると
ブラウザからGlassの全機能を
利用できるとも言える

Glass
Web屋さん
大活躍の時!
必要な知識
• Webサービスの作り方!
• OAuth2周り!
• AccessTokenの取得 & scope など!
• GoogleのAPIの使い方!
• Cloud Console!
• API Explorer

Mirror AP...
Reference曰く…
• Timeline!
• Subscriptions!
• Locations!
• Contacts
4つ!
Timeline
Timeline
↓ピン留めされたカードは更に左に
↓Glass上ではこの単位で表示

↑
時計が基準

←新しい  古い→
概念図です!

メモ
Timeline
←ドッグイア

↓sub timeline

タップで潜る
スワイプダウンで戻る

メモ
Timelineが行うこと
• ユーザの作成したアイテムの表示!
• ユーザに情報の配信を行う!
• テキスト・HTMLの配信!
• 利用できるHTMLタグは限定的!
• JavaScript・音声・動画はダメ!
• 画像・動画の配信!
• ユ...
ユーザによるアイテム
\take a picture/

GoogleServer

\record a video/
\take a note with/

Glassware
Server
ユーザが望めば

後述のSubscriptions...
ユーザへの配信
• HTML, テキスト, 画像, 動画 など!
• 公式にPlaygroundがあります!!
• 雰囲気をつかむのに最適!
• http://goo.gl/L4t6y9
PCのWebブラウザで使える
CSSも配布されています!
ユーザへの配信
• 複数ページに渡るアイテムも配信
可能です。!
• Gmailの場合
ユーザのリアクション
• 配信時にメニュー設定を行う!
• Subscriptions経由で通知が来る!
•
•
•
•
•
•
•
•
•
•

REPLY, REPLY_ALL!
DELETE!
SHARE!
READ_ALOUD!
VOI...
Subscriptions

更新通知のAPIです
Subscriptions
• 事前指定のURLにコールバック!
• 2種類あります!
• Timeline の挿入・更新・削除!
• Locations の挿入・更新・削除!
• 注意点!
• 登録時に自システム固有のuserTokenを指定...
Locations
Locations
• 位置情報が取れます!
• 過去の位置情報が時系列で取れる!
• 最新の位置情報のみも取得可能
10分間隔で
新しい位置が更新されます
Contacts
Contacts
• だいたいアドレス帳みたいなもの!
• 単体の何か(人物)!
• グループ!
• Glassware もここに表示される
アプリも人も同じ
That’s all
あなたは
Mirror APIの
全てを理解しました
GDKのできること
アンケート
• Android開発できます!!
• Webアプリ開発できます!!
• on Webサーバ!!
• on ブラウザ!
少しの予習で
開発着手可能!
Glass Development Kit
• Google Glass用ネイティブアプリ
開発が行える開発キット!
• GlassらしいUI, Experienceに!
• Android SDK+α!
• Voice Trigger 利用可...
開発手法
• Static Card!
• Mirror APIと似た表現が簡単に!
• Live Card!
• 動的なコンテンツが作成可能!
• Immersions!
• 没入感のある体験!
Static Card
• ようするに普通のCard!
• Mirror APIでいいじゃないか!!
• Static Card以外のものと組み合わ
せるパターンがあるかも…!
• 作るのは非常に簡単
Live Card
• 時計の左側に常駐する!
• Serviceを作って動作させる!
• Low-Frequency Rendering!
• 何秒かに1度画面更新をする!
• High Frequency Rendering!
• 1秒に何...
Live Card (Low Frequency)
• 低頻度描画!
• RemoteView を使うのでその制限
を受ける!
• 使えるViewの種類が限られる
Live Card (High Frequency)
• 高頻度描画!
• SurfaceHolderを使う!
• 高速だけどViewは使えない
Immersions
• 普通のAndroidアプリのこと!
• アプリ閉じたら消えちゃう!
• 明示的にユーザが操作するアプリ
に向いている
デモ
• 拡大鏡アプリ (拙作)!
• Immersions で実装!
• 当初 Live Card(High Frequency)
で制作するが挫折!
• #286 として報告!
• まだまだ発展途上!
• #232 , #287 両方カメラ...
WORD LENS
• http://questvisual.com/!
• カメラ画像中の英文を翻訳
開発ガイドライン
https://developers.google.com/glass/guidelines
Glassのためのデザイン
• Google Glassは既存のモバイルプ
ラットフォームとは違う!
• GlasswareはGoogle Glass専用に作
ろう!
• テストもかならず実機上で行おう
邪魔をしない
• あるべき時に起こることをユーザ
は望んでいる!
• 頻繁であったり、期待に反する通
知をしないようにする!
• ユーザが通知を無視しても問題な
いように作る
ナイスタイミング!

• 最新の情報を小気味よいサイズで
届ける!
• ユーザの反応にも、予測可能なタ
イミングで、タイムリーに行う
びっくりを避ける
• どのプラットフォームでも言える
ことですが、ユーザの期待しない
動作で驚かさないこと!
• 何かをユーザに変わって行う前に、
明示的に許可をとること
デザインガイドライン

http://goo.gl/yqLZu
推奨されるデザインについての
記述があります。
画像素材の推奨されるサイズも。
Google Glassとアップデート
月1 Version Up
• XE5 → XE11 まであがっている!
• eXplorer Edition の略?!
• XE6!
• ビデオストリーミング再生対応!
• 写真共有時にキャプション追加!
• XE7!
• 共有先を明示的に登...
月1 Version Up
• XE8!
• Glasswareでボイスコマンドを受
けられるようになった!
• Take a note with... !
• Post an update... !
• WebSiteを開けるようになった!
...
月1 Version Up
• XE9!
• XE6で追加されたビデオのスト
リーミング再生のやり方が変わっ
た!
• 古い方法はdeprecatedに!
• ビルトインのアクションの表示
名が変更できるようになった
月1 Version Up
• XE10!
• Timeline itemがURLを持つ時自
動的にリンクに変換される!
• シェアする時にキャプションを
つけてもらえるようになった
月1 Version Up
• XE11!
• GDKのサポート?!
• Voice Trigger のサポートと言い
換えてもいい!
• VIEW_WEBSITEが使えなくなっ
た!
• 今後はOPEN_URIを使う
Mirror API 開発事例
Third Party
•
•
•
•
•
•
•
•

The New York Times!
Path!
Facebook!
Twitter!
ELLE!
Evernote!
Tumblr!
Google I/O 発表時
CNN
作り
• 向いている!
• 友達に写真をシェアする!
• 稀に興味あるの情報が送られてく
る!
• 向いていない!
• 頻繁にくる通知(1分に1回とか
Twitterの場合、
mentionとDMのみ通知がきます
Glass Tasks

弊社製Glasswareです
機能
• Google Tasks と連携!
• Google Glass上にタスク表示!
• Google Glassからタスク登録!
• 最寄りのタスクがあれば通知
Mirror API Only!
コンセプト
✓ 原稿を書く!
✓ 牛乳を買う (スーパー)!
✓ 同僚に1000円返す (会社)
チェック & タッチで消化

ok, glass. take a note with Glass Tasks. Buy a milk!

音声でタ...
コンセプト
一部タスクは場所に
依存します!

牛乳!

猫カフェ
自宅

スーパー
会社
利用方法

他 Webブラウザ
利用方法
タスク一覧

タスク完了
CUSTOMアクション
利用方法
タスク一覧

ピン留め
ピン留めすると時計の左側に
常時表示できます。
利用方法

タスクに設定された緯度経度の近
くを通ると通知がきます。
そのままナビゲートもできます。
構成
Mirror API & Tasks API
and

+

on

GAE/Java
必要な権限
• OAuth2認証!
• https://www.googleapis.com/auth/userinfo.profile!
• ユーザ情報取得!
• https://www.googleapis.com/auth/glass.ti...
ユーザ登録時処理
• ユーザ情報の取得!
• Subscriptions 2種の登録!
• ノートの追加!
• 位置情報の取得!
• ボイスコマンドを受け付ける
Contactの追加!
• Timelineにタスク一覧を表示!
Subscriptions コールバック
• 本アプリでは3種類の通知に対応!
• タスクを完了にする通知!
• 新しいタスクを起こす通知!
• 位置情報アップデートの通知
上2つがTimeline Itemの通知
下1つがLocationsの...
定期処理
• 3時間に1回 タスクを読込み

TimelineのItemを更新する
Tasksの更新があったら
Callbackが欲しいです…
ソースコード
お問い合わせください!
弊社から提供も可能です。

https://tg-glasstasks.appspot.com/
まとめ
• AR(拡張現実) ではない!
• Google Glassは気の利いた情報を

摂取するためのもの!
• Mirror API と GDK で今すぐ開発着
手可能!
ご清聴ありがとうございました。
教育請負や技術コンサル
受託開発の依頼承り

www.topgate.co.jp/contact
Upcoming SlideShare
Loading in...5
×

Google Glassでできること XE11版 最新開発情報 Mirror API & GDK

5,487

Published on

Published in: Technology
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,487
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
38
Comments
0
Likes
10
Embeds 0
No embeds

No notes for slide

Transcript of "Google Glassでできること XE11版 最新開発情報 Mirror API & GDK"

  1. 1. Google Glassでできること 最新開発情報 わかめ まさひろ http://goo.gl/ViuSzc
  2. 2. わかめ まさひろ @v vakame GAE TypeScript Android Glass AngularJS
  3. 3. • Google App Engine! • Android! • Google Apps! などなど、! Google! 技術に特化した会社です!
  4. 4. Google Glassのできること 本講習の内容は
 XE11に基づきます
  5. 5. Google Glassとは? Google の開発している メガネ型のウェアラブルデバイス
  6. 6. 写真・動画を撮る \カシャ/
  7. 7. 情報を見る
  8. 8. 誰かと話す \話す相手がいない/
  9. 9. 外観 http://goo.gl/J4vqo より 旧モデルの説明になります 新モデルは出回りはじめたばかり…?
  10. 10. 外観 ディスプレイ 視界の右上にサブモニタが 置いてあるイメージです 景色と画面を同時に見るのは 人間には難しいです
  11. 11. 外観 タッチパネル 下方向にスライドが AndroidでいうBackキー
  12. 12. 外観 ジャイロセンサー センサー類は他にも色々!
  13. 13. 外観 シャッターボタン カメラ 上部についてます 長押しで録画
  14. 14. 外観 電源ボタン(裏 microUSB 普通のAndroid端末と同じで DDMSでスクリーンキャプチャしたりできます
  15. 15. 外観 骨伝導スピーカ(裏 バッテリー 耳の裏がスピーカが来るので 聞き取りにくいです
  16. 16. 画面表示
  17. 17. 画面表示
  18. 18. 指や動作で操作 • • • • ちょんとタッチでスリープから復帰! 上むいてスリープから復帰! スワイプで横方向に画面移動! タップで選択 後ろにスワイプ 前にスワイプ
  19. 19. 声で操作 この画面で Ok, glass から開始
  20. 20. 声で操作 • ok glass,! • google! • take a picture! • record a video! • get directions to! • send a message to! • make a call to! • make a video call to! • take a note with! • post an update with! 手でも同じ操作が
 できます GDK(Nativeアプリ)で 無限のバリエーション!
  21. 21. スペック • Android ICS (4.0.4) ! • 画面解像度! • 640x360! • 電池容量 570mAh! • スマホの1/3ぐらい…! • 普通に使うと8時間程度もつ! • 写真・動画撮るともりもり減る
  22. 22. 操作早見表 起動 上を見上げる! 側面タッチパッドを1回触る キャンセル 側面タッチパッドを下に撫でる 選択 側面タッチパッドを下に撫でる 決定 側面タッチパッドを1回触る ボイスコマンド 時計の画面 で “ok glass” 写真撮影 “ok glass” の後に “take a picture”
  23. 23. Google Glass FAQ
  24. 24. Google Glassの位置づけ ブティックのような場 所で受け渡し
  25. 25. 便利? 便利です! しかし、インターネットに接続 されていないとパワー半減です
  26. 26. 着けてて疲れない? 大丈夫です! ずっと動画撮ると熱くなって
 困りはします。 着用できないほどではない
  27. 27. Androidアプリとの互換性 GDK (Glass Development Kit) という ツールが最近リリース! ただし配布ルートはまだない Androidスマホにある Playアプリが入っていません Glass独自のアプリ配信サービス が始まる予定…? #250
  28. 28. プライバシーは? 今後の課題です。 撮影する時は音が鳴ります。 ディスプレイも光ります。 KickStarterにて 3Dプリンタで 蓋を作った人も http://goo.gl/bCoZp
  29. 29. 他人の声にも反応する? します。 ただし、時計の画面の時のみ。 直近のバージョンだと 音声入力できるタイミング増えてるようです
  30. 30. 通信方式は? Glassが自力でWi-Fi。 AndroidでBluetoothテザリング。 Androidには専用アプリがあります。 http://goo.gl/pfzc8
  31. 31. 道に迷わない? たぶん迷いません。 頭の向きにあわせて地図も動くので、 青い線を歩いていけば良いです。 スマホでも同じ事 できますけどね
  32. 32. 日本語への対応? 表示はできます。 音声入力は全部英語です。 Googleは日本語の音声入力技術も 持っているので、何かハード的な 制約があるのかも…?
  33. 33. ARっぽく使える? ! 現実の何かに 映像重ねたりは難しいです ハード的な制約が… サブディスプレイが視界の隅にあるだけ Weak! 本当は猫の気持ちいい ポイントを オーバーレイしたい
  34. 34. 頑丈? 箔が剥がれる 折れる が2大パターン
  35. 35. 誰でも開発できる? 誰でも開発はできます! Mirror APIもGDKも一般公開 しかしハードは出回ってません Google Glassの開発は Google Glassがないと なかなか難しいです iOSユーザにAndroidアプリを 作らせるのに等しいです
  36. 36. アプリ開発手法
  37. 37. 方法? Mirror API GDK
  38. 38. Mirror API • 情報配信用のAPI! • Webサーバ上で動作する! • Google Glass上で直接動作しない
  39. 39. GDK • Glass Development Kit! • Androidアプリが書ける!! • GlassらしいLook & Feel!! • Card(後述)が表示できる!! • LiveCardも作れる!
  40. 40. どちらがいいの? • 静的コンテンツの配信! • →Mirror API! • インタラクティブなアプリの作成! • →GDK! • 迷ったら…! • →とりあえずMirror API
  41. 41. Mirror APIのできること Glassware とは? ↓ Glass アプリのこと
  42. 42. アンケート • Android開発できます!! • Webアプリ開発できます!! • on Webサーバ!! • on ブラウザ!
  43. 43. アンケート • Android開発できます!! • Webアプリ開発できます!! • on Webサーバ!! • on ブラウザ! 即座に開発可能!
  44. 44. 構成 GoogleServer apk install Glassware Server Glass apkも使えますが 配布方法がない
  45. 45. 要点 GoogleServer RESTful API Glassware Server 逆に考えると ブラウザからGlassの全機能を 利用できるとも言える Glass Web屋さん 大活躍の時!
  46. 46. 必要な知識 • Webサービスの作り方! • OAuth2周り! • AccessTokenの取得 & scope など! • GoogleのAPIの使い方! • Cloud Console! • API Explorer Mirror API以外の Google APIで練習する と良いです
  47. 47. Reference曰く… • Timeline! • Subscriptions! • Locations! • Contacts 4つ!
  48. 48. Timeline
  49. 49. Timeline ↓ピン留めされたカードは更に左に ↓Glass上ではこの単位で表示 ↑ 時計が基準 ←新しい  古い→ 概念図です! メモ
  50. 50. Timeline ←ドッグイア ↓sub timeline タップで潜る スワイプダウンで戻る メモ
  51. 51. Timelineが行うこと • ユーザの作成したアイテムの表示! • ユーザに情報の配信を行う! • テキスト・HTMLの配信! • 利用できるHTMLタグは限定的! • JavaScript・音声・動画はダメ! • 画像・動画の配信! • ユーザのリアクションを受ける
  52. 52. ユーザによるアイテム \take a picture/ GoogleServer \record a video/ \take a note with/ Glassware Server ユーザが望めば 後述のSubscriptionsを使って Glasswareに通知できます
  53. 53. ユーザへの配信 • HTML, テキスト, 画像, 動画 など! • 公式にPlaygroundがあります!! • 雰囲気をつかむのに最適! • http://goo.gl/L4t6y9 PCのWebブラウザで使える CSSも配布されています!
  54. 54. ユーザへの配信 • 複数ページに渡るアイテムも配信 可能です。! • Gmailの場合
  55. 55. ユーザのリアクション • 配信時にメニュー設定を行う! • Subscriptions経由で通知が来る! • • • • • • • • • • REPLY, REPLY_ALL! DELETE! SHARE! READ_ALOUD! VOICE_CALL! NAVIGATE! TOGGLE_PINNED! VIEW_WEBSITE! PLAY_VIDEO! CUSTOM 全てのリアクションは Subscriptionsを使って、 Google Server経由で 伝わってきます。 つまりリアルタイム性は低いです。
  56. 56. Subscriptions 更新通知のAPIです
  57. 57. Subscriptions • 事前指定のURLにコールバック! • 2種類あります! • Timeline の挿入・更新・削除! • Locations の挿入・更新・削除! • 注意点! • 登録時に自システム固有のuserTokenを指定 していないと誰についてのコールバックか判 別できない
  58. 58. Locations
  59. 59. Locations • 位置情報が取れます! • 過去の位置情報が時系列で取れる! • 最新の位置情報のみも取得可能 10分間隔で 新しい位置が更新されます
  60. 60. Contacts
  61. 61. Contacts • だいたいアドレス帳みたいなもの! • 単体の何か(人物)! • グループ! • Glassware もここに表示される アプリも人も同じ
  62. 62. That’s all あなたは Mirror APIの 全てを理解しました
  63. 63. GDKのできること
  64. 64. アンケート • Android開発できます!! • Webアプリ開発できます!! • on Webサーバ!! • on ブラウザ! 少しの予習で 開発着手可能!
  65. 65. Glass Development Kit • Google Glass用ネイティブアプリ 開発が行える開発キット! • GlassらしいUI, Experienceに! • Android SDK+α! • Voice Trigger 利用可能!
  66. 66. 開発手法 • Static Card! • Mirror APIと似た表現が簡単に! • Live Card! • 動的なコンテンツが作成可能! • Immersions! • 没入感のある体験!
  67. 67. Static Card • ようするに普通のCard! • Mirror APIでいいじゃないか!! • Static Card以外のものと組み合わ せるパターンがあるかも…! • 作るのは非常に簡単
  68. 68. Live Card • 時計の左側に常駐する! • Serviceを作って動作させる! • Low-Frequency Rendering! • 何秒かに1度画面更新をする! • High Frequency Rendering! • 1秒に何回も画面を更新する
  69. 69. Live Card (Low Frequency) • 低頻度描画! • RemoteView を使うのでその制限 を受ける! • 使えるViewの種類が限られる
  70. 70. Live Card (High Frequency) • 高頻度描画! • SurfaceHolderを使う! • 高速だけどViewは使えない
  71. 71. Immersions • 普通のAndroidアプリのこと! • アプリ閉じたら消えちゃう! • 明示的にユーザが操作するアプリ に向いている
  72. 72. デモ • 拡大鏡アプリ (拙作)! • Immersions で実装! • 当初 Live Card(High Frequency) で制作するが挫折! • #286 として報告! • まだまだ発展途上! • #232 , #287 両方カメラ周り
  73. 73. WORD LENS • http://questvisual.com/! • カメラ画像中の英文を翻訳
  74. 74. 開発ガイドライン https://developers.google.com/glass/guidelines
  75. 75. Glassのためのデザイン • Google Glassは既存のモバイルプ ラットフォームとは違う! • GlasswareはGoogle Glass専用に作 ろう! • テストもかならず実機上で行おう
  76. 76. 邪魔をしない • あるべき時に起こることをユーザ は望んでいる! • 頻繁であったり、期待に反する通 知をしないようにする! • ユーザが通知を無視しても問題な いように作る
  77. 77. ナイスタイミング! • 最新の情報を小気味よいサイズで 届ける! • ユーザの反応にも、予測可能なタ イミングで、タイムリーに行う
  78. 78. びっくりを避ける • どのプラットフォームでも言える ことですが、ユーザの期待しない 動作で驚かさないこと! • 何かをユーザに変わって行う前に、 明示的に許可をとること
  79. 79. デザインガイドライン http://goo.gl/yqLZu 推奨されるデザインについての 記述があります。 画像素材の推奨されるサイズも。
  80. 80. Google Glassとアップデート
  81. 81. 月1 Version Up • XE5 → XE11 まであがっている! • eXplorer Edition の略?! • XE6! • ビデオストリーミング再生対応! • 写真共有時にキャプション追加! • XE7! • 共有先を明示的に登録しなくてよ くなった
  82. 82. 月1 Version Up • XE8! • Glasswareでボイスコマンドを受 けられるようになった! • Take a note with... ! • Post an update... ! • WebSiteを開けるようになった! • アイテムにURLを添付できる
  83. 83. 月1 Version Up • XE9! • XE6で追加されたビデオのスト リーミング再生のやり方が変わっ た! • 古い方法はdeprecatedに! • ビルトインのアクションの表示 名が変更できるようになった
  84. 84. 月1 Version Up • XE10! • Timeline itemがURLを持つ時自 動的にリンクに変換される! • シェアする時にキャプションを つけてもらえるようになった
  85. 85. 月1 Version Up • XE11! • GDKのサポート?! • Voice Trigger のサポートと言い 換えてもいい! • VIEW_WEBSITEが使えなくなっ た! • 今後はOPEN_URIを使う
  86. 86. Mirror API 開発事例
  87. 87. Third Party • • • • • • • • The New York Times! Path! Facebook! Twitter! ELLE! Evernote! Tumblr! Google I/O 発表時 CNN
  88. 88. 作り • 向いている! • 友達に写真をシェアする! • 稀に興味あるの情報が送られてく る! • 向いていない! • 頻繁にくる通知(1分に1回とか Twitterの場合、 mentionとDMのみ通知がきます
  89. 89. Glass Tasks 弊社製Glasswareです
  90. 90. 機能 • Google Tasks と連携! • Google Glass上にタスク表示! • Google Glassからタスク登録! • 最寄りのタスクがあれば通知 Mirror API Only!
  91. 91. コンセプト ✓ 原稿を書く! ✓ 牛乳を買う (スーパー)! ✓ 同僚に1000円返す (会社) チェック & タッチで消化 ok, glass. take a note with Glass Tasks. Buy a milk! 音声でタスク登録!
  92. 92. コンセプト 一部タスクは場所に 依存します! 牛乳! 猫カフェ 自宅 スーパー 会社
  93. 93. 利用方法 他 Webブラウザ
  94. 94. 利用方法 タスク一覧 タスク完了 CUSTOMアクション
  95. 95. 利用方法 タスク一覧 ピン留め ピン留めすると時計の左側に 常時表示できます。
  96. 96. 利用方法 タスクに設定された緯度経度の近 くを通ると通知がきます。 そのままナビゲートもできます。
  97. 97. 構成 Mirror API & Tasks API and + on GAE/Java
  98. 98. 必要な権限 • OAuth2認証! • https://www.googleapis.com/auth/userinfo.profile! • ユーザ情報取得! • https://www.googleapis.com/auth/glass.timeline! • GlassのTimelineの操作! • https://www.googleapis.com/auth/glass.location! • Glassの位置情報の取得! • https://www.googleapis.com/auth/tasks! • タスク情報の書込! • https://www.googleapis.com/auth/tasks.readonly! • タスク情報の読込
  99. 99. ユーザ登録時処理 • ユーザ情報の取得! • Subscriptions 2種の登録! • ノートの追加! • 位置情報の取得! • ボイスコマンドを受け付ける Contactの追加! • Timelineにタスク一覧を表示!
  100. 100. Subscriptions コールバック • 本アプリでは3種類の通知に対応! • タスクを完了にする通知! • 新しいタスクを起こす通知! • 位置情報アップデートの通知 上2つがTimeline Itemの通知 下1つがLocationsの通知
  101. 101. 定期処理 • 3時間に1回 タスクを読込み
 TimelineのItemを更新する Tasksの更新があったら Callbackが欲しいです…
  102. 102. ソースコード お問い合わせください! 弊社から提供も可能です。 https://tg-glasstasks.appspot.com/
  103. 103. まとめ • AR(拡張現実) ではない! • Google Glassは気の利いた情報を
 摂取するためのもの! • Mirror API と GDK で今すぐ開発着 手可能!
  104. 104. ご清聴ありがとうございました。 教育請負や技術コンサル 受託開発の依頼承り www.topgate.co.jp/contact
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×