Soumettre la recherche
Mettre en ligne
Milkcocoa hands on in Osaka
•
Télécharger en tant que PPTX, PDF
•
0 j'aime
•
320 vues
Junya Kono
Suivre
2016/6/19 グランフロントでmilkcocoaのハンズオンをしました!
Lire moins
Lire la suite
Ingénierie
Signaler
Partager
Signaler
Partager
1 sur 29
Télécharger maintenant
Recommandé
Facebook AR Studio ワークショップ&ハッカソン 2017
Facebook AR Studio ワークショップ&ハッカソン 2017
Seigo Tanaka
家庭内IoTのすすめ「IoTスーパーこまち」がバージョンアップしたよ! #soracom
家庭内IoTのすすめ「IoTスーパーこまち」がバージョンアップしたよ! #soracom
Manami Taira
ハードとMilkcocoaをもっと近づける
ハードとMilkcocoaをもっと近づける
wamisnet
すばらしいポスターの話
すばらしいポスターの話
Hidenari Tsukamoto
dots. Conference Spring 2016 大規模Webサービスを支える技術 (mercari)
dots. Conference Spring 2016 大規模Webサービスを支える技術 (mercari)
Mercari Inc.
IoTの世界でデータサイエンスしよう (IBM Datapalooza Tokyo 講演資料)
IoTの世界でデータサイエンスしよう (IBM Datapalooza Tokyo 講演資料)
Mana Nakano
DevLove2012「勝手にワークシフト」(公開用)
DevLove2012「勝手にワークシフト」(公開用)
masashi takehara
Innovator in electronics 〜持続的な文化の発展に向けて〜
Innovator in electronics 〜持続的な文化の発展に向けて〜
think expo
Recommandé
Facebook AR Studio ワークショップ&ハッカソン 2017
Facebook AR Studio ワークショップ&ハッカソン 2017
Seigo Tanaka
家庭内IoTのすすめ「IoTスーパーこまち」がバージョンアップしたよ! #soracom
家庭内IoTのすすめ「IoTスーパーこまち」がバージョンアップしたよ! #soracom
Manami Taira
ハードとMilkcocoaをもっと近づける
ハードとMilkcocoaをもっと近づける
wamisnet
すばらしいポスターの話
すばらしいポスターの話
Hidenari Tsukamoto
dots. Conference Spring 2016 大規模Webサービスを支える技術 (mercari)
dots. Conference Spring 2016 大規模Webサービスを支える技術 (mercari)
Mercari Inc.
IoTの世界でデータサイエンスしよう (IBM Datapalooza Tokyo 講演資料)
IoTの世界でデータサイエンスしよう (IBM Datapalooza Tokyo 講演資料)
Mana Nakano
DevLove2012「勝手にワークシフト」(公開用)
DevLove2012「勝手にワークシフト」(公開用)
masashi takehara
Innovator in electronics 〜持続的な文化の発展に向けて〜
Innovator in electronics 〜持続的な文化の発展に向けて〜
think expo
垣根のないモノ作り!
垣根のないモノ作り!
Yuka Tokuyama
Innovation Egg presen_160130
Innovation Egg presen_160130
知礼 八子
IoT超初心者がMilkcocoaからラズベリーパイに遠隔Lチカしてみた
IoT超初心者がMilkcocoaからラズベリーパイに遠隔Lチカしてみた
Kayoko Hashi
Iotlt紹介資料 (新潟 用)
Iotlt紹介資料 (新潟 用)
Yuki Kikuchi
龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと
龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと
Osaka University
IoTをテーマとした高校生対象授業プログラムの開発
IoTをテーマとした高校生対象授業プログラムの開発
Tomomi Furubayashi
IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612
IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612
Mariko Nishimura
第31回八子クラウド座談会事前配布 20190928
第31回八子クラウド座談会事前配布 20190928
知礼 八子
ICT クラウドIoT(斉藤)
ICT クラウドIoT(斉藤)
Seiichi Saito
日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...
日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...
Peatix Japan
観葉植物IoT&高校生から見るIoT
観葉植物IoT&高校生から見るIoT
ssuser817c3f
今すぐはじめるIoT_配布用
今すぐはじめるIoT_配布用
Mana Nakano
業務系エンジニアがIoTに触れて感じた事
業務系エンジニアがIoTに触れて感じた事
Toshiaki Aoike
20190411 kasimadadays
20190411 kasimadadays
m_miyamoto
さくらのIoTプラットフォーム「sakura.io」を使ってみよう
さくらのIoTプラットフォーム「sakura.io」を使ってみよう
法林浩之
IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7
IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7
Kohei MATSUSHITA
福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)
福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)
Members_corp
たっちなう(専用端末)
たっちなう(専用端末)
Yasuhiro Ohsaka
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
Kazutaka Nakamura
080618 Nc Koyama Iphone
080618 Nc Koyama Iphone
yu cherin
Contenu connexe
Similaire à Milkcocoa hands on in Osaka
垣根のないモノ作り!
垣根のないモノ作り!
Yuka Tokuyama
Innovation Egg presen_160130
Innovation Egg presen_160130
知礼 八子
IoT超初心者がMilkcocoaからラズベリーパイに遠隔Lチカしてみた
IoT超初心者がMilkcocoaからラズベリーパイに遠隔Lチカしてみた
Kayoko Hashi
Iotlt紹介資料 (新潟 用)
Iotlt紹介資料 (新潟 用)
Yuki Kikuchi
龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと
龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと
Osaka University
IoTをテーマとした高校生対象授業プログラムの開発
IoTをテーマとした高校生対象授業プログラムの開発
Tomomi Furubayashi
IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612
IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612
Mariko Nishimura
第31回八子クラウド座談会事前配布 20190928
第31回八子クラウド座談会事前配布 20190928
知礼 八子
ICT クラウドIoT(斉藤)
ICT クラウドIoT(斉藤)
Seiichi Saito
日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...
日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...
Peatix Japan
観葉植物IoT&高校生から見るIoT
観葉植物IoT&高校生から見るIoT
ssuser817c3f
今すぐはじめるIoT_配布用
今すぐはじめるIoT_配布用
Mana Nakano
業務系エンジニアがIoTに触れて感じた事
業務系エンジニアがIoTに触れて感じた事
Toshiaki Aoike
20190411 kasimadadays
20190411 kasimadadays
m_miyamoto
さくらのIoTプラットフォーム「sakura.io」を使ってみよう
さくらのIoTプラットフォーム「sakura.io」を使ってみよう
法林浩之
IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7
IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7
Kohei MATSUSHITA
福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)
福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)
Members_corp
たっちなう(専用端末)
たっちなう(専用端末)
Yasuhiro Ohsaka
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
Kazutaka Nakamura
080618 Nc Koyama Iphone
080618 Nc Koyama Iphone
yu cherin
Similaire à Milkcocoa hands on in Osaka
(20)
垣根のないモノ作り!
垣根のないモノ作り!
Innovation Egg presen_160130
Innovation Egg presen_160130
IoT超初心者がMilkcocoaからラズベリーパイに遠隔Lチカしてみた
IoT超初心者がMilkcocoaからラズベリーパイに遠隔Lチカしてみた
Iotlt紹介資料 (新潟 用)
Iotlt紹介資料 (新潟 用)
龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと
龍野高校創立125周年記念講演:2030年までにやっておくべき3つのこと
IoTをテーマとした高校生対象授業プログラムの開発
IoTをテーマとした高校生対象授業プログラムの開発
IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612
IoTブームの先に創造される未来コミュニケーション[apps japan tokyo 2015] heart catch20150612
第31回八子クラウド座談会事前配布 20190928
第31回八子クラウド座談会事前配布 20190928
ICT クラウドIoT(斉藤)
ICT クラウドIoT(斉藤)
日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...
日常の工作をアップデート!お菓子の空き箱をロボット(toio)で動かしプログラミングのファーストタッチに [KIKKAKE for Parents#2 イ...
観葉植物IoT&高校生から見るIoT
観葉植物IoT&高校生から見るIoT
今すぐはじめるIoT_配布用
今すぐはじめるIoT_配布用
業務系エンジニアがIoTに触れて感じた事
業務系エンジニアがIoTに触れて感じた事
20190411 kasimadadays
20190411 kasimadadays
さくらのIoTプラットフォーム「sakura.io」を使ってみよう
さくらのIoTプラットフォーム「sakura.io」を使ってみよう
IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7
IoT時代のデータ伝送とインフラに求められている機能と技能 - ニフティクラウド mobile backend #7
福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)
福岡Meetup/(カラビナテクノロジー株式会社:藤村賢志)
たっちなう(専用端末)
たっちなう(専用端末)
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
080618 Nc Koyama Iphone
080618 Nc Koyama Iphone
Milkcocoa hands on in Osaka
1.
Milkcocoa Hands on in
Osaka
2.
自己紹介 名前: 河野純也 ニックネーム: じゅんじゅん 年齢:
19歳 Twitter: @konojunya やっていること: 関西を中心にフロント エンドエンジニアとして活動しています 。
3.
Milkcocoaとは何か。
4.
Milkcocoaとは何か。 Milkcocoaは、IoTデバイス・スマートフォン・ PC間で簡単にリアルタイムなデータのやり取り が出来るようになるクラウドプラットフォームで す。 ” ”
5.
Milkcocoaとは何か。 つまり、
6.
Milkcocoaとは何か。 つまり、 超簡単にすごいことができる!
7.
なにができるの?
8.
なにができるの? 例えば、Milkcocoaを使うことで、 IoTデバイスがインターネットに繋がれば、 グローバルIPアドレスがなくとも 外部とリアルタイムな通信ができる。
9.
なにができるの? ようは、 なんでもできます。
10.
Milkcocoaの使い方
11.
Milkcocoaの使い方 var milkcocoa =
new MilkCocoa(‘app_id.mlkcca.com'); 1.milkcocoaインスタンスを作る。
12.
Milkcocoaの使い方 var ds =
milkcocoa.dataStore(‘users’); 2.データストアを登録する
13.
Milkcocoaの使い方 ds.push({name: ‘junya’, age:
19}); 3.データを追加!
14.
Milkcocoaの使い方 終。
15.
Milkcocoaの使い方 var milkcocoa =
new MilkCocoa(‘app_id.mlkcca.com'); var ds = milkcocoa.dataStore(‘users’); ds.push({name: ‘junya’, age: 19}); この3行でデータベースを別に用意することなく、 データをmilkcocoaに保存できます!
16.
Milkcocoaのもっと詳しい使い方
17.
Milkcocoaのもっと詳しい使い方 send() 例) ds.send({name: “junya”}); データストアにデータを保存しないデータの送 信を行うことが出来ます。
18.
Milkcocoaのもっと詳しい使い方 push() 例) ds.push({name: “junya”}); データストアに新しくデータを追加するメソッドです。
19.
Milkcocoaのもっと詳しい使い方 set() 例) ds.set(“id”, {name:
“kono”}); データストアの要素を更新、追加するメソッドです。 idを使って任意のものを変更します。
20.
Milkcocoaのもっと詳しい使い方 on() 例) ds.on(“push”,function(data){ console.log(data); }); データストアにイベントを登録するメソッドです。 例の場合、pushメソッドを使った時に、pushしたデ ータがコールバック関数のdataに入ります。
21.
Milkcocoaのもっと詳しい使い方 stream() 例) ds.stream().next(function(err,data){ console.log(data); }); データストアからデータを取得する、streamオブジェ クトを取得します。これと一緒に、next()メソッドを 使い、データの取得をします。
22.
Milkcocoa活用例
23.
Milkcocoa活用例
24.
Milkcocoa活用例 Twitterのハッシュタグで つぶやいたものを TODOに入れるWEBアプリ
25.
Milkcocoa活用例 Twitterのハッシュタグで つぶやいたものを TODOに入れるWEBアプリ 国語辞書のAPIを使った 辞書アプリ
26.
Milkcocoa活用例
27.
Milkcocoa活用例 MicroSoftのAPIを使った 辞書アプリ
28.
Milkcocoa活用例 MicroSoftのAPIを使った 辞書アプリ 彼女の誕生日を祝うため に作った誕生日サイト
29.
Milkcocoa活用例 http://konojunya.com
Notes de l'éditeur
それでは、milkcocoa hands on in osaka、まず僕からmilkcocoaの軽い概要、APIなどを説明して、自分が作った物を紹介したいと思います。
はじめに、自己紹介から。ニックネームじゅんじゅんで関西を中心にフロントエンドのエンジニアとして、活動しています。Twitterは本名で、@konojunyaです。是非フォローください。
では早速、milkcocoaの説明に入っていきたいと思います。 まずはじめに、milkcocoaとは何か。
milkcocoaとは、いろんなデバイスでリアルタイムにデータのやり取りができるクラウドプラットフォームですと。うん。
つまり
超簡単にすごいことができますということですね。
じゃあどんなことができるの?
例えば、最近はやりのラズベリーパイなんかを使って、外にいるときにもうすぐ帰るし先にエアコンつけときたいな〜みたいなことがあったとして、家のラズパイにデータを送りたいんですけど、ラズパイはグローバルIPアドレスとか持ってないし、どうしよう。みたいなことになっても、milkcocoaを使えば、瞬殺ですよと。
まぁようは何でもできます。
では、使い方を説明したいと思います。 こんなに便利でも、難しいプログラミングの技術が必要になってきたら使う気なくしませんか? milkcocoaはどうでしょうか。
まず、milkcocoaのサイトでアプリを新規に作ると、idがもらえます。そのidをもとにmilkcocoaインスタンスを作ります。
次に、データを入れる場所を確保したいところですね。この1行で、データベースの箱は完成しました。
あとは、自由にデータを入れてください。
終わり。
この3行で、データベースのサーバを用意することなくデータをmilkcocoaに登録できますと。
もう少し、このmilkcocoaを説明していきたいと思います。 紹介するのは5つほどですが、実際は詳しく制御するためにもう少し、APIが存在します。
まず、sendですね。これはデータストアにデータを保存はしないけど、送ることができるものですね。例で行ったラズパイにエアコンのONとOFFをやらすためのデータなどはsendで十分ではないでしょうか。保存する必要がない。
チャットなど、データが残ってて欲しいものありますね。それはこっちのpushを使います。pushはデータストアに、データを追加するためのメソッドです。
では、さっき追加していったデータに対して、少し変更を加えたい時あると思います。例えば、メモ帳のアプリを作って、消して新しいメモを作るほどじゃないものとかは、ユーザー的には編集機能を使いたいと思うはずです。そういう時に使えますね。 milkcocoaでは、データに全て、固有のidがつけられているので、それをもとに編集していきます。
onというと、jqueryなどでも見たことある人がいるとおいます。監視ですね。第一引数のイベントを監視し続けています。イベントがあれば、コールバック関数を実行します。
最後に紹介するのは、streamメソッドです。next()と一緒に使って、データストアからデータを取得します。
具体的に、作ったものを紹介していきたいと思います。
まず、左上から。 Twitterを見ていると、自分用のメモをタイムラインでつぶやく人をたまに見かけます。僕でいうと、#じゅんメモのようにして、メモをつぶやきますが、きっと大多数はそのつぶやき自体を忘れていると思います。なのでそれをTODOアプリにストックされるようにすれば、ツイートを遡ることもなく、TODOアプリっぽくできるんではないかと思い作りました。
2つ目は、国語辞書のAPIを見つけたので遊び程度に作ってみました。 調べた単語が、milkcocoaで管理されていて、さかのぼれるようになっています。
続いてこちら
MicroSoftのTranslateAPIというのがあって、日本語を英訳してくれるんですが、そのAPIを使って日英翻訳を作りました。さっきの国語辞書と同じように単語を見返せるんですが、今後、英単語だけ出して、単語帳代わりに使えるように作り変えてもいいかなーと思っています。
そして、最後に僕をフォローしてくださっている方や友人、milkcocoaのアドベントカレンダーを見ている人なら知っていると思いますが、彼女のためにwebサイトを作りました。これは、自分らしいお祝いができればいいなと思ってつくりました。今日はこれをお見せしようと思います。 会場の皆さんがスマホからメッセージをくださればどんどんここに反映されていきます。
数人このwebページに行ってもらってポートフォリオの2つ目の方に飛んでもらえればなんか画面が出てくると思うので、プラザに投稿する!ってやつから投稿できます。この画面でもやってみたいと思います。
Télécharger maintenant