>
みんなで
おばけになるHELLO WORLD, MILKCOCOA!
Studio Arcana co.,Ltd. @hico00
深澤ひかり@HICO00
株式会社スタジオ・アルカナ
エンジニア(4年生)
PHPのほうからきました
React.jsとなかよくなれない
中央線荻窪駅にある17名程のWeb制作会社
マークアップ/ サーバーサイドエンジニアを募集中
本題にはいるまえに
スマホでアクセス!
goo.gl/xQITUL
スライドはこちら:goo.gl/OHgO6N
おばけ召還システム
召還素材
Milkcocoa / JavaScript / HTML
召還条件
タグ設置すればどこでも召還可能
見た人の反応
「うざい」「誰得」
MILKCOCOA
公式HPにあるチュートリアルをまねっこ
MILKCOCOA【スマホ側】
// おばけの性別を変更したとき
var obakeDs = milkcocoa.dataStore('obake');
obakeDs.send({obakeId : random_id, type : 'f'});
obakeDs.push({obakeId : random_id, type : 'f'});
// おばけをうごかしてるとき(上下左右を押してる間)
var moveDs = milkcocoa.dataStore('move');
moveDs.send({obakeId : random_id, key : 'up'});
moveDs.push({obakeId : random_id, key : 'up'});
MILKCOCOA【PC側】
// datastoreのsendイベントを監視
var obakeDs = milkcocoa.dataStore('obake');
var moveDs = milkcocoa.dataStore('move');
obakeDs.on('send', function(){
/* 新しいおばけが追加されたとき */
/* おばけの性別がかわったとき */
});
moveDs.on('send', function(){
/* おばけがうごいたとき */
});
さわってみての感想
とにかくとっつきやすい
あるかもしれない今後
・ニックネームを表示したり
・リアクションがとれたり
・3Dになったり
・会社HPにこっそり設置していやがらせをする
さいごに
思った以上に簡単に動かせてしまった(褒め言葉)
簡単に工夫された物がつくれるのはすごくたのしい。
つぎは、ArduinoSDKをつかってIoT開発をしたい。
おまけ
PHP7がでました。めでたい。
ENJOY! MILKCOCOA LIFE!

みんなでおばけになる #mlkcca