読者です 読者をやめる 読者になる 読者になる

Tbpgr Blog

Ruby プログラマ tbpgr(てぃーびー) のブログ

Milkcocoaの登録・履歴参照・1件取得・更新

Milkcocoa

f:id:tbpg:20160222224047j:plain

Milkcocoaの登録・履歴参照・1件取得・更新処理を試してみました。 ※激しく既出の内容です。個人メモとしての記事なので新たな何かを求めている方は 特にみるべきところはありません。

登録

push.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Milkcocoa Sample</title>
  <script src="https://cdn.mlkcca.com/v2.0.0/milkcocoa.js"></script>
  <script type="text/javascript">
function milkcocoaTest() {
  var milkcocoa = new MilkCocoa('your_ids.mlkcca.com');
  var ds = milkcocoa.dataStore('users');
  var baseAge = 20;
  var randomAge = Math.floor(Math.random()*50 + baseAge);
  ds.push({name : 'tanaka', age : randomAge});
}
  </script>
</head>
<body>
  <form>
    <input type="button" value="test" onclick="milkcocoaTest();">
  </form>
</body>
</html>

確認

push後にMilkcocoaの管理画面にて確認

f:id:tbpg:20160226014903p:plain

履歴

history.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Milkcocoa Sample</title>
  <script src="https://cdn.mlkcca.com/v2.0.0/milkcocoa.js"></script>
  <script type="text/javascript">
function milkcocoaTest(sort) {
  var milkcocoa = new MilkCocoa('your_ids.mlkcca.com');
  var history = milkcocoa.dataStore('users').history().sort(sort);
  history.on('data', function(users) {
    users.forEach(function(user) {
      console.log('history: '+user.value.name+'('+user.value.age+')');
    });
  });
  history.run();
}
  </script>
</head>
<body>
  <form>
    <input type="button" value="asc" onclick="milkcocoaTest('asc');">
    <input type="button" value="desc" onclick="milkcocoaTest('desc');">
  </form>
</body>
</html>

動作確認

f:id:tbpg:20160226014855p:plain

1件取得+更新

get_set.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Milkcocoa Sample</title>
  <script src="https://cdn.mlkcca.com/v2.0.0/milkcocoa.js"></script>
  <script type="text/javascript">
function milkcocoaTest() {
  var milkcocoa = new MilkCocoa('your_ids.mlkcca.com');
  var ds = milkcocoa.dataStore('users');
  var user;
  ds.get('some_id', function(err, user) {
    console.log("before age ++ :" + user.value.name + "(" + user.value.age + ")");
    user.value.age ++;
    ds.set(user.id, user.value);
    console.log("after age ++ :" + user.value.name + "(" + user.value.age + ")");
  });
}
  </script>
</head>
<body>
  <form>
    <input type="button" value="age++" onclick="milkcocoaTest();">
  </form>
</body>
</html>

動作確認

f:id:tbpg:20160226014848p:plain

外部資料