milkcocoa hands on in osaka

Post on 16-Apr-2017

244 Views

Category:

Engineering

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Milkcocoa Hands onin Osaka

自己紹介

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

Milkcocoa とは何か。

Milkcocoa とは何か。

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

Milkcocoa とは何か。

つまり、

Milkcocoa とは何か。

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

なにができるの?

なにができるの?

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

なにができるの?

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

Milkcocoa の使い方

Milkcocoa の使い方

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

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

Milkcocoa の使い方

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

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

Milkcocoa の使い方

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

3. データを追加!

Milkcocoa の使い方

終。

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

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

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

Milkcocoa のもっと詳しい使い方

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Milkcocoa 活用例

Milkcocoa 活用例

Milkcocoa 活用例

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

Milkcocoa 活用例

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

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

Milkcocoa 活用例

Milkcocoa 活用例

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

Milkcocoa 活用例

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

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

Milkcocoa 活用例

http://konojunya.com

top related