milkcocoa hands on in osaka

29
Milkcocoa Hands on in Osaka

Upload: junya-kono

Post on 16-Apr-2017

244 views

Category:

Engineering


0 download

TRANSCRIPT

Page 1: Milkcocoa hands on in Osaka

Milkcocoa Hands onin Osaka

Page 2: Milkcocoa hands on in Osaka

自己紹介

名前: 河野純也ニックネーム: じゅんじゅん年齢: 19 歳Twitter : @konojunyaやっていること: 関西を中心にフロントエンドエンジニアとして活動しています。

Page 3: Milkcocoa hands on in Osaka

Milkcocoa とは何か。

Page 4: Milkcocoa hands on in Osaka

Milkcocoa とは何か。

Milkcocoa は、 IoT デバイス・スマートフォン・ PC 間で簡単にリアルタイムなデータのやり取りが出来るようになるクラウドプラットフォームです。

Page 5: Milkcocoa hands on in Osaka

Milkcocoa とは何か。

つまり、

Page 6: Milkcocoa hands on in Osaka

Milkcocoa とは何か。

つまり、超簡単にすごいことができる!

Page 7: Milkcocoa hands on in Osaka

なにができるの?

Page 8: Milkcocoa hands on in Osaka

なにができるの?

例えば、 Milkcocoa を使うことで、IoT デバイスがインターネットに繋がれば、グローバル IP アドレスがなくとも外部とリアルタイムな通信ができる。

Page 9: Milkcocoa hands on in Osaka

なにができるの?

ようは、なんでもできます。

Page 10: Milkcocoa hands on in Osaka

Milkcocoa の使い方

Page 11: Milkcocoa hands on in Osaka

Milkcocoa の使い方

var milkcocoa = new MilkCocoa(‘app_id.mlkcca.com');

1.milkcocoa インスタンスを作る。

Page 12: Milkcocoa hands on in Osaka

Milkcocoa の使い方

var ds = milkcocoa.dataStore(‘users’);

2. データストアを登録する

Page 13: Milkcocoa hands on in Osaka

Milkcocoa の使い方

ds.push({name: ‘junya’, age: 19});

3. データを追加!

Page 14: Milkcocoa hands on in Osaka

Milkcocoa の使い方

終。

Page 15: Milkcocoa hands on in Osaka

Milkcocoa の使い方var milkcocoa = new MilkCocoa(‘app_id.mlkcca.com');var ds = milkcocoa.dataStore(‘users’);

ds.push({name: ‘junya’, age: 19});

この 3 行でデータベースを別に用意することなく、データを milkcocoa に保存できます!

Page 16: Milkcocoa hands on in Osaka

Milkcocoa のもっと詳しい使い方

Page 17: Milkcocoa hands on in Osaka

Milkcocoa のもっと詳しい使い方send()

例 ) ds.send({name: “junya”});

データストアにデータを保存しないデータの送信を行うことが出来ます。

Page 18: Milkcocoa hands on in Osaka

Milkcocoa のもっと詳しい使い方push()

例 ) ds.push({name: “junya”});

データストアに新しくデータを追加するメソッドです。

Page 19: Milkcocoa hands on in Osaka

Milkcocoa のもっと詳しい使い方set()

例 ) ds.set(“id”, {name: “kono”});

データストアの要素を更新、追加するメソッドです。id を使って任意のものを変更します。

Page 20: Milkcocoa hands on in Osaka

Milkcocoa のもっと詳しい使い方on()

例 ) ds.on(“push”,function(data){ console.log(data); });

データストアにイベントを登録するメソッドです。例の場合、 push メソッドを使った時に、 push したデータがコールバック関数の data に入ります。

Page 21: Milkcocoa hands on in Osaka

Milkcocoa のもっと詳しい使い方stream()

例 ) ds.stream().next(function(err,data){ console.log(data); });

データストアからデータを取得する、 stream オブジェクトを取得します。これと一緒に、 next() メソッドを使い、データの取得をします。

Page 22: Milkcocoa hands on in Osaka

Milkcocoa 活用例

Page 23: Milkcocoa hands on in Osaka

Milkcocoa 活用例

Page 24: Milkcocoa hands on in Osaka

Milkcocoa 活用例

TwitterのハッシュタグでつぶやいたものをTODOに入れるWEBアプリ

Page 25: Milkcocoa hands on in Osaka

Milkcocoa 活用例

TwitterのハッシュタグでつぶやいたものをTODOに入れるWEBアプリ

国語辞書の APIを使った辞書アプリ

Page 26: Milkcocoa hands on in Osaka

Milkcocoa 活用例

Page 27: Milkcocoa hands on in Osaka

Milkcocoa 活用例

MicroSoftの APIを使った辞書アプリ

Page 28: Milkcocoa hands on in Osaka

Milkcocoa 活用例

MicroSoftの APIを使った辞書アプリ

彼女の誕生日を祝うために作った誕生日サイト

Page 29: Milkcocoa hands on in Osaka

Milkcocoa 活用例

http://konojunya.com