SlideShare une entreprise Scribd logo
1  sur  29
Milkcocoa Hands on
in 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

Contenu connexe

Similaire à Milkcocoa hands on in Osaka

垣根のないモノ作り!
垣根のないモノ作り!垣根のないモノ作り!
垣根のないモノ作り!Yuka Tokuyama
 
Innovation Egg presen_160130
Innovation Egg presen_160130Innovation Egg presen_160130
Innovation Egg presen_160130知礼 八子
 
IoT超初心者がMilkcocoaからラズベリーパイに遠隔Lチカしてみた
IoT超初心者がMilkcocoaからラズベリーパイに遠隔LチカしてみたIoT超初心者がMilkcocoaからラズベリーパイに遠隔Lチカしてみた
IoT超初心者がMilkcocoaからラズベリーパイに遠隔LチカしてみたKayoko Hashi
 
Iotlt紹介資料 (新潟 用)
Iotlt紹介資料 (新潟 用)Iotlt紹介資料 (新潟 用)
Iotlt紹介資料 (新潟 用)Yuki Kikuchi
 
龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと
龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと
龍野高校創立125周年記念講演:2030年までにやっておくべき3つのことOsaka University
 
IoTをテーマとした高校生対象授業プログラムの開発
IoTをテーマとした高校生対象授業プログラムの開発IoTをテーマとした高校生対象授業プログラムの開発
IoTをテーマとした高校生対象授業プログラムの開発Tomomi Furubayashi
 
IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612
IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612
IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612Mariko Nishimura
 
第31回八子クラウド座談会事前配布 20190928
第31回八子クラウド座談会事前配布 20190928第31回八子クラウド座談会事前配布 20190928
第31回八子クラウド座談会事前配布 20190928知礼 八子
 
ICT クラウドIoT(斉藤)
ICT クラウドIoT(斉藤)ICT クラウドIoT(斉藤)
ICT クラウドIoT(斉藤)Seiichi Saito
 
日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...
日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...
日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...Peatix Japan
 
観葉植物IoT&高校生から見るIoT
観葉植物IoT&高校生から見るIoT観葉植物IoT&高校生から見るIoT
観葉植物IoT&高校生から見るIoTssuser817c3f
 
今すぐはじめるIoT_配布用
今すぐはじめるIoT_配布用今すぐはじめるIoT_配布用
今すぐはじめるIoT_配布用Mana Nakano
 
業務系エンジニアがIoTに触れて感じた事
業務系エンジニアがIoTに触れて感じた事業務系エンジニアがIoTに触れて感じた事
業務系エンジニアがIoTに触れて感じた事Toshiaki Aoike
 
20190411 kasimadadays
20190411 kasimadadays20190411 kasimadadays
20190411 kasimadadaysm_miyamoto
 
さくらのIoTプラットフォーム「sakura.io」を使ってみよう
さくらのIoTプラットフォーム「sakura.io」を使ってみようさくらのIoTプラットフォーム「sakura.io」を使ってみよう
さくらのIoTプラットフォーム「sakura.io」を使ってみよう法林浩之
 
IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7
IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7
IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7Kohei MATSUSHITA
 
福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)
福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)
福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)Members_corp
 
たっちなう(専用端末)
たっちなう(専用端末)たっちなう(専用端末)
たっちなう(専用端末)Yasuhiro Ohsaka
 
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践Kazutaka Nakamura
 
080618 Nc Koyama Iphone
080618 Nc Koyama Iphone080618 Nc Koyama Iphone
080618 Nc Koyama Iphoneyu cherin
 

Similaire à Milkcocoa hands on in Osaka (20)

垣根のないモノ作り!
垣根のないモノ作り!垣根のないモノ作り!
垣根のないモノ作り!
 
Innovation Egg presen_160130
Innovation Egg presen_160130Innovation Egg presen_160130
Innovation Egg presen_160130
 
IoT超初心者がMilkcocoaからラズベリーパイに遠隔Lチカしてみた
IoT超初心者がMilkcocoaからラズベリーパイに遠隔LチカしてみたIoT超初心者がMilkcocoaからラズベリーパイに遠隔Lチカしてみた
IoT超初心者がMilkcocoaからラズベリーパイに遠隔Lチカしてみた
 
Iotlt紹介資料 (新潟 用)
Iotlt紹介資料 (新潟 用)Iotlt紹介資料 (新潟 用)
Iotlt紹介資料 (新潟 用)
 
龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと
龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと
龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと
 
IoTをテーマとした高校生対象授業プログラムの開発
IoTをテーマとした高校生対象授業プログラムの開発IoTをテーマとした高校生対象授業プログラムの開発
IoTをテーマとした高校生対象授業プログラムの開発
 
IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612
IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612
IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612
 
第31回八子クラウド座談会事前配布 20190928
第31回八子クラウド座談会事前配布 20190928第31回八子クラウド座談会事前配布 20190928
第31回八子クラウド座談会事前配布 20190928
 
ICT クラウドIoT(斉藤)
ICT クラウドIoT(斉藤)ICT クラウドIoT(斉藤)
ICT クラウドIoT(斉藤)
 
日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...
日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...
日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...
 
観葉植物IoT&高校生から見るIoT
観葉植物IoT&高校生から見るIoT観葉植物IoT&高校生から見るIoT
観葉植物IoT&高校生から見るIoT
 
今すぐはじめるIoT_配布用
今すぐはじめるIoT_配布用今すぐはじめるIoT_配布用
今すぐはじめるIoT_配布用
 
業務系エンジニアがIoTに触れて感じた事
業務系エンジニアがIoTに触れて感じた事業務系エンジニアがIoTに触れて感じた事
業務系エンジニアがIoTに触れて感じた事
 
20190411 kasimadadays
20190411 kasimadadays20190411 kasimadadays
20190411 kasimadadays
 
さくらのIoTプラットフォーム「sakura.io」を使ってみよう
さくらのIoTプラットフォーム「sakura.io」を使ってみようさくらのIoTプラットフォーム「sakura.io」を使ってみよう
さくらのIoTプラットフォーム「sakura.io」を使ってみよう
 
IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7
IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7
IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7
 
福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)
福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)
福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)
 
たっちなう(専用端末)
たっちなう(専用端末)たっちなう(専用端末)
たっちなう(専用端末)
 
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
 
080618 Nc Koyama Iphone
080618 Nc Koyama Iphone080618 Nc Koyama Iphone
080618 Nc Koyama Iphone
 

Milkcocoa hands on in Osaka

Notes de l'éditeur

  1. それでは、milkcocoa hands on in osaka、まず僕からmilkcocoaの軽い概要、APIなどを説明して、自分が作った物を紹介したいと思います。
  2. はじめに、自己紹介から。ニックネームじゅんじゅんで関西を中心にフロントエンドのエンジニアとして、活動しています。Twitterは本名で、@konojunyaです。是非フォローください。
  3. では早速、milkcocoaの説明に入っていきたいと思います。 まずはじめに、milkcocoaとは何か。
  4. milkcocoaとは、いろんなデバイスでリアルタイムにデータのやり取りができるクラウドプラットフォームですと。うん。
  5. つまり
  6. 超簡単にすごいことができますということですね。
  7. じゃあどんなことができるの?
  8. 例えば、最近はやりのラズベリーパイなんかを使って、外にいるときにもうすぐ帰るし先にエアコンつけときたいな〜みたいなことがあったとして、家のラズパイにデータを送りたいんですけど、ラズパイはグローバルIPアドレスとか持ってないし、どうしよう。みたいなことになっても、milkcocoaを使えば、瞬殺ですよと。
  9. まぁようは何でもできます。
  10. では、使い方を説明したいと思います。 こんなに便利でも、難しいプログラミングの技術が必要になってきたら使う気なくしませんか? milkcocoaはどうでしょうか。
  11. まず、milkcocoaのサイトでアプリを新規に作ると、idがもらえます。そのidをもとにmilkcocoaインスタンスを作ります。
  12. 次に、データを入れる場所を確保したいところですね。この1行で、データベースの箱は完成しました。
  13. あとは、自由にデータを入れてください。
  14. 終わり。
  15. この3行で、データベースのサーバを用意することなくデータをmilkcocoaに登録できますと。
  16. もう少し、このmilkcocoaを説明していきたいと思います。 紹介するのは5つほどですが、実際は詳しく制御するためにもう少し、APIが存在します。
  17. まず、sendですね。これはデータストアにデータを保存はしないけど、送ることができるものですね。例で行ったラズパイにエアコンのONとOFFをやらすためのデータなどはsendで十分ではないでしょうか。保存する必要がない。
  18. チャットなど、データが残ってて欲しいものありますね。それはこっちのpushを使います。pushはデータストアに、データを追加するためのメソッドです。
  19. では、さっき追加していったデータに対して、少し変更を加えたい時あると思います。例えば、メモ帳のアプリを作って、消して新しいメモを作るほどじゃないものとかは、ユーザー的には編集機能を使いたいと思うはずです。そういう時に使えますね。 milkcocoaでは、データに全て、固有のidがつけられているので、それをもとに編集していきます。
  20. onというと、jqueryなどでも見たことある人がいるとおいます。監視ですね。第一引数のイベントを監視し続けています。イベントがあれば、コールバック関数を実行します。
  21. 最後に紹介するのは、streamメソッドです。next()と一緒に使って、データストアからデータを取得します。
  22. 具体的に、作ったものを紹介していきたいと思います。
  23. まず、左上から。 Twitterを見ていると、自分用のメモをタイムラインでつぶやく人をたまに見かけます。僕でいうと、#じゅんメモのようにして、メモをつぶやきますが、きっと大多数はそのつぶやき自体を忘れていると思います。なのでそれをTODOアプリにストックされるようにすれば、ツイートを遡ることもなく、TODOアプリっぽくできるんではないかと思い作りました。
  24. 2つ目は、国語辞書のAPIを見つけたので遊び程度に作ってみました。 調べた単語が、milkcocoaで管理されていて、さかのぼれるようになっています。
  25. 続いてこちら
  26. MicroSoftのTranslateAPIというのがあって、日本語を英訳してくれるんですが、そのAPIを使って日英翻訳を作りました。さっきの国語辞書と同じように単語を見返せるんですが、今後、英単語だけ出して、単語帳代わりに使えるように作り変えてもいいかなーと思っています。
  27. そして、最後に僕をフォローしてくださっている方や友人、milkcocoaのアドベントカレンダーを見ている人なら知っていると思いますが、彼女のためにwebサイトを作りました。これは、自分らしいお祝いができればいいなと思ってつくりました。今日はこれをお見せしようと思います。 会場の皆さんがスマホからメッセージをくださればどんどんここに反映されていきます。
  28. 数人このwebページに行ってもらってポートフォリオの2つ目の方に飛んでもらえればなんか画面が出てくると思うので、プラザに投稿する!ってやつから投稿できます。この画面でもやってみたいと思います。