際際滷

際際滷Share a Scribd company logo
MilkCocoaを聞って
スタイリッシュなプレゼンをする

メディアリンク幄塀氏芙
晩互 早暇
まず、徭失府初をば???
晩互 早暇@Cybermergina
侭奉坤瓮妊アリンク幄塀氏芙
クラウドサ`ビス並I何 クラウドサ`ビス_k何
I妝SE惹プログラマ`
SNSQiita, Tumblr, GitHub, Twitter
よく錣譴討襪發裡
PHP / JavaScript / Node.js / socket.io / HTML5 / CSS3
Gulp / AngularJS / MySQL
恷除乾ってるもの(かじり兵め)
Crystal / Kotolin / Unity / Go
壼堀ですが。。。
恬ろうとしたもの
スライドショ`荷恬アプリ
? スライドショ`
impress.js ´ スライドショ`恬撹喘のプラグイン
? スマ`トフォンアプリ
Cordova ´ ハイブリットアプリがHTML/JS/CSSで
Bできるフレ`ムワ`ク
だが、函り譴ったrにはrgがなかった???
ので―饂悗詫徙して???
閃井坤好薀ぅ疋轡腥`荷恬アプリ
? スライドショ`
impress.js ´ スライドショ`恬撹喘のプラグイン
? 荷恬喘サイト
MilkCocoaをiみzんだだけの叟議なHTML
これならgに栽いそう???
というわけで恬ってみました?
碧Mみ
MilkCocoa
スライドショ`
impress.jsu
荷恬喘サイト
肝ペ`ジ、念ペ`ジの
ボタンがあるだけの恬り
どちらのボタンが
兀されたかを
リアルタイムで僕
佚
兀されたボタンによ
って
impressのv方を
柵び蛍けるだけ
コ`ドはたったの16佩
gHにてみましょう
gHのコ`ド
<script type="text/javascript">
impress().init(); // impress.js兜豚晒
var milkcocoa = new MilkCocoa('xxxxx.mlkcca.com');
var send = milkcocoa.dataStore(cnst.dataStoreName);
// milkcocoaU喇でデ`タが局された栽
send.on('send', function(data){
if ( cnst.vector.prev === data.value.code ) {
impress().prev(); // 念に卞(impress.jsのv方)
}
else {
impress().next(); // 肝に卞(impress.jsのv方)
}
});
</script>
<script type="text/javascript">
var milkcocoa = new MilkCocoa('xxxxx.mlkcca.com');
var ds = milkcocoa.dataStore(cnst.dataStoreName); // デ`タストア
// どちらのボタンが兀されたか
var toMove = function(code){
ds.send({'code': code});
};
</script>
???
<div class="btn" onclick="toMove(cnst.vector.prev)">念のスライド</div>
<div class="btn" onclick="toMove(cnst.vector.next)">肝のスライド</div>
プレゼンテ`ション
荷恬鮫中
☆e余協方喘オブジェクトにて參和のような協xもされてま
す。
var cnst = {
vector: { prev: 1, next: 2 },
dataStoreName: "mlkcca"
};
まとめ
まとめ
? よかった
MilkCocoaの聞い圭がシンプルで、Qいやすい
? 怎りなかった
徭附の室g薦Cordova,ネイティブアプリBめた
徭附の裡C砿尖嬬薦函りMみがWくて弼?と音怎だらけ
徭附のセンス┘廛譽璽黐毀紊スタイリッシュじゃない}

More Related Content

珂庄鉛一遺看界看温を聞ってスタイリッシュなプレゼンをする