couchconf tokyo customer presentation: docomo innovations (japanese)

1 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

Customer Presentation: DOCOMO Innovations

2 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

自己紹介

• 直井康広 (Yas Naoi)

• DOCOMO Innovations, Inc.

• プロジェクトマネージャ／アーキテクト

• naoi@docomoinnovaitons.com

• ツイッター：@yas

3 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

4 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

なぜ Couchbase なのか?

5 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

なぜ Couchbase なのか?

• NoSQL データストアとして

6 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

なぜ Couchbase なのか?

• NoSQL データストアとして

– オープンソース

– 非定型のデータ構造のハンドリング（JSON）

– RESTful

7 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

なぜ Couchbase なのか?

• NoSQL データストアとして

– オープンソース

– 非定型のデータ構造のハンドリング（JSON）

– RESTful

• インターネットアプリケーション PF として

8 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

なぜ Couchbase なのか?

• NoSQL データストアとして

– オープンソース

– 非定型のデータ構造のハンドリング（JSON）

– RESTful

• インターネットアプリケーション PF として

– スケールアウトによるスケーラビリティ

– メモリキャッシュとデータストアの組み合わせ

– モバイルアプリケーションの開発

→マルチデバイス対応とデータの同期

9 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

フォトシェアアプリの紹介

10 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

フォトシェアデモアプリの紹介

• プロジェクトの目的

11 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

フォトシェアデモアプリの紹介

• プロジェクトの目的 – 低リテラシー向けユーザー…誰でも使える簡単な UI を実現

– アンドロイド端末を使った写真、メール、カレンダー、電話帳の同期

– サーバに原本があり、クライアント側で見るイメージ

– 複数端末を持っていることを想定しマルチデバイスの実現

12 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

家族／友人間でのマルチデバイス／ マルチプラットフォームによるデータ共有 Couchbase Syncpoint を使った自動同期

13 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

写真

家族／友人間でのマルチデバイス／ マルチプラットフォームによるデータ共有 Couchbase Syncpoint を使った自動同期

おじいちゃんのタブレット

Syncpoint クライアント

14 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

写真

Couchbase Syncpoint

家族／友人間でのマルチデバイス／ マルチプラットフォームによるデータ共有 Couchbase Syncpoint を使った自動同期

メール コンタクト 写真

おじいちゃんのタブレット

予定

Syncpoint クライアント

15 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

写真

Couchbase Syncpoint

家族／友人間でのマルチデバイス／ マルチプラットフォームによるデータ共有 Couchbase Syncpoint を使った自動同期

メール コンタクト 写真

おじいちゃんのタブレット

Couchbase Syncpoint によるデータ同期 - Couchbase Sync プロトコルによるクラ

ウドとモバイルでのデータ同期 - Syncpoint クライアントによるオンライ

ン／オフライン時の自動同期サポート 予定

Syncpoint クライアント

16 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

写真

Couchbase Syncpoint

家族／友人間でのマルチデバイス／ マルチプラットフォームによるデータ共有 Couchbase Syncpoint を使った自動同期

メール コンタクト 写真

おじいちゃんのタブレット

Couchbase Syncpoint によるデータ同期 - Couchbase Sync プロトコルによるクラ

ウドとモバイルでのデータ同期 - Syncpoint クライアントによるオンライ

ン／オフライン時の自動同期サポート 予定

お母さんのパソコン

写真

CouchSync

Syncpoint クライアント Syncpoint クライアント

17 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

写真

Couchbase Syncpoint

家族／友人間でのマルチデバイス／ マルチプラットフォームによるデータ共有 Couchbase Syncpoint を使った自動同期

メール コンタクト 写真

おじいちゃんのタブレット

Couchbase Syncpoint によるデータ同期 - Couchbase Sync プロトコルによるクラ

ウドとモバイルでのデータ同期 - Syncpoint クライアントによるオンライ

ン／オフライン時の自動同期サポート 予定

お母さんの スマートフォン

お母さんのパソコン

写真 写真

CouchSync

Syncpoint クライアント Syncpoint クライアント

18 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

写真

Couchbase Syncpoint

家族／友人間でのマルチデバイス／ マルチプラットフォームによるデータ共有 Couchbase Syncpoint を使った自動同期

メール コンタクト 写真

おじいちゃんのタブレット お母さんのタブレット

Couchbase Syncpoint によるデータ同期 - Couchbase Sync プロトコルによるクラ

ウドとモバイルでのデータ同期 - Syncpoint クライアントによるオンライ

ン／オフライン時の自動同期サポート 予定

お母さんの スマートフォン

お母さんのパソコン

写真 写真 写真

CouchSync

Syncpoint クライアント Syncpoint クライアント

19 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

デモシナリオ ～ 他のユーザーと写真をシェア（自動同期） ～

20 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

デモシナリオ ～ 他のユーザーと写真をシェア（自動同期） ～

お母さんの タブレット

撮影した写真

おじいちゃん

息子

お母さんの写真

21 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

デモシナリオ ～ 他のユーザーと写真をシェア（自動同期） ～

タップ

共有 フォルダをタップ

お母さんの タブレット

撮影した写真

おじいちゃん

息子

お母さんの写真

撮影した写真

おじいちゃん

息子

お母さんの写真

22 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

デモシナリオ ～ 他のユーザーと写真をシェア（自動同期） ～

タップ

共有 フォルダをタップ

お母さんの タブレット

おじいちゃんの タブレット

撮影した写真

おじいちゃん

息子

お母さんの写真

撮影した写真

おじいちゃんの写真

撮影した写真

おじいちゃん

息子

お母さんの写真

• お母さんのタブレットから共有フォルダへのフォトのシェアは CouchSync により即座に反映

23 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

開発環境

24 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

開発環境

• クライアント

25 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

開発環境

• クライアント

– Samsung Galaxy Tab 10.1 (Android OS 3.1)

– PhoneGap 1.2.0

– Android-Couchbase-Callback (https://github.com/couchbaselabs/Android-Couchbase-Callback)

26 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

開発環境

• クライアント

– Samsung Galaxy Tab 10.1 (Android OS 3.1)

– PhoneGap 1.2.0

– Android-Couchbase-Callback (https://github.com/couchbaselabs/Android-Couchbase-Callback)

• サーバ

27 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

開発環境

• クライアント

– Samsung Galaxy Tab 10.1 (Android OS 3.1)

– PhoneGap 1.2.0

– Android-Couchbase-Callback (https://github.com/couchbaselabs/Android-Couchbase-Callback)

• サーバ

– Couchbase Syncpoint (Early Preview)

28 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

実装のポイント （ファイル）

29 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

実装のポイント （ファイル）

• クライアント View

– _attachments/index.html

– _attachments/css/styles.css

– _attachments/images/*

30 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

実装のポイント （ファイル）

• クライアント View

– _attachments/index.html

– _attachments/css/styles.css

– _attachments/images/*

• クライアント Controller

– _attachments/javascript/app.js （実装部分）

– _attachments/javascript/coux.js （Syncpoint クライアント）

31 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

実装のポイント （ファイル）

• クライアント View

– _attachments/index.html

– _attachments/css/styles.css

– _attachments/images/*

• クライアント Controller

– _attachments/javascript/app.js （実装部分）

– _attachments/javascript/coux.js （Syncpoint クライアント）

• Couchbase の View

– views/friend-photos/map.js, reduce.js

– views/latest-photos/map.js

– views/share-photos/map.js, reduce.js

32 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

実装のポイント（coux.js）

33 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

実装のポイント（coux.js）

• coux

34 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

実装のポイント（coux.js）

• coux （GET）

35 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

実装のポイント（coux.js）

• coux （GET）

• coux.put （PUT）

36 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

実装のポイント（coux.js）

• coux （GET）

• coux.put （PUT）

• coux.post （POST）

37 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

実装のポイント（coux.js）

• coux （GET）

• coux.put （PUT）

• coux.post （POST）

• coux.changes （コールバック）

38 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

アーキテクチャ

39 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

アーキテクチャ

モバイルデバイス

フォトシェア アプリ

Channel

coux.js

app.js

Syncpoint クライアント

40 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

アーキテクチャ

Couchbase Syncpoint Preview

mom Channel

kid Channel

grandpa Channel

モバイルデバイス

フォトシェア アプリ

Channel

coux.js

app.js

Syncpoint クライアント

41 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

アーキテクチャ

Couchbase Syncpoint Preview

mom Channel

kid Channel

grandpa Channel

モバイルデバイス

フォトシェア アプリ

Channel

coux.js

app.js

Syncpoint クライアント

CouchSync

42 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

アーキテクチャ

Couchbase Syncpoint Preview

mom Channel

kid Channel

grandpa Channel

モバイルデバイス

フォトシェア アプリ

Channel

coux.js

app.js

Syncpoint クライアント

CouchSync

43 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

アーキテクチャ

Couchbase Syncpoint Preview

mom Channel

kid Channel

grandpa Channel

モバイルデバイス

フォトシェア アプリ

Channel

coux.js

app.js

Syncpoint クライアント

CouchSync

44 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

モバイルデバイス

フォトシェア アプリ

Channel

coux.js

app.js

Syncpoint クライアント

アーキテクチャ

Couchbase Syncpoint Preview

mom Channel

kid Channel

grandpa Channel

モバイルデバイス

フォトシェア アプリ

Channel

coux.js

app.js

Syncpoint クライアント

CouchSync

45 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

モバイルデバイス

フォトシェア アプリ

Channel

coux.js

app.js

Syncpoint クライアント

モバイルデバイス

フォトシェア アプリ

Channel

coux.js

app.js

Syncpoint クライアント

アーキテクチャ

Couchbase Syncpoint Preview

mom Channel

kid Channel

grandpa Channel

モバイルデバイス

フォトシェア アプリ

Channel

coux.js

app.js

Syncpoint クライアント

CouchSync

46 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

デモ

47 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

ダウンロード

48 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

ダウンロード

• Android-Couchbase-Callback – https://github.com/couchbaselabs/Android-Couchbase-Callback

49 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

ダウンロード

• Android-Couchbase-Callback – https://github.com/couchbaselabs/Android-Couchbase-Callback

• フォトシェアアプリ – https://github.com/couchbaselabs/Android-Couchbase-

Callback/tree/master/examples

50 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

Q&A

51 Copyright © 2012 DOCOMO Innovations, Inc. All Rights Reserved.

ご清聴ありがとうございました。

直井康広 naoi@docomoinnovations.com

+1-408-256-0855 ツイッター：@yas

"Coming together is a beginning, keeping together is a progress; working together is a success.“ - Henry Ford