2015/12/04 に開催された 登壇者女子限定 Milkcocoa Girls ! Milkcocoa Meetup vol5 で発表したLTスライドです。

1. >
みんなで
おばけになるHELLO WORLD, MILKCOCOA!
Studio Arcana co.,Ltd. @hico00

2. 深澤ひかり@HICO00
株式会社スタジオ・アルカナ
エンジニア(4年生)
PHPのほうからきました
React.jsとなかよくなれない

3. 中央線荻窪駅にある17名程のWeb制作会社
マークアップ/ サーバーサイドエンジニアを募集中

4. 本題にはいるまえに

5. スマホでアクセス！
goo.gl/xQITUL
スライドはこちら：goo.gl/OHgO6N

6. おばけ召還システム

8. 召還素材
Milkcocoa / JavaScript / HTML

9. 召還条件
タグ設置すればどこでも召還可能

10. 見た人の反応
「うざい」「誰得」

11. MILKCOCOA
公式HPにあるチュートリアルをまねっこ

12. 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'});

13. MILKCOCOA【PC側】
// datastoreのsendイベントを監視
var obakeDs = milkcocoa.dataStore('obake');
var moveDs = milkcocoa.dataStore('move');
obakeDs.on('send', function(){
/* 新しいおばけが追加されたとき */
/* おばけの性別がかわったとき */
});
moveDs.on('send', function(){
/* おばけがうごいたとき */
});

14. さわってみての感想
とにかくとっつきやすい

15. あるかもしれない今後
・ニックネームを表示したり
・リアクションがとれたり
・3Dになったり
・会社HPにこっそり設置していやがらせをする

16. さいごに
思った以上に簡単に動かせてしまった（褒め言葉）
簡単に工夫された物がつくれるのはすごくたのしい。
つぎは、ArduinoSDKをつかってIoT開発をしたい。

17. おまけ
PHP7がでました。めでたい。

18. ENJOY! MILKCOCOA LIFE!