常連

注目の的

質問力

自己紹介

###前提・実現したいこと
Monaca上でプッシュ通知のバッジをアプリ起動時に初期化したい
そのため起動時(resume,deviceready)にイベントリスナーを登録し、下記関数を起動しようとしたが、値の更新の前に取得ができない。

Monaca上でJSコンポーネントncmb2.1.1をインストール済み
その他Cordova6.2.0+ncmb-push-monaca-plugin2.0.6を有効化済み

###発生している問題・エラーメッセージ
NiftyCloudMobileBackend上のデータストア内にある
Installationクラスの値をオブジェクトIDをキーにして取得(更新)したいのですが、下記参考サイトを元に書いても結果が取得できません

https://github.com/NIFTYCloud-mbaas/MonacaSegmentPushApp
http://mb.cloud.nifty.com/doc/current/datastore/basic_usage_monaca.html#/Monaca/



###該当のソースコード

※2通りの記述を書いています


```ここに言語を入力
function clearNCMBbadge(){
var ncmb = new NCMB(MOBILE_BACKEND_APPLICATION_KEY, MOBILE_BACKEND_CLIENT_KEY);
    var Installation = ncmb.DataStore("installation");
    //alert(Installation.toSource());
    Installation.fetchById(localStorage.getItem("USER_OBJECT_ID"))
    .then(function(installation){
        alert("取得できたよ。");
    })
    .catch(function(err){
        /* installation取得失敗時の処理 */
        alert("installation取得に失敗しました" + err);
   });
    
    
    
    
    var Installation = ncmb.DataStore('installation');
    var installation = new Installation();
    
    Installation.equalTo('objectId',localStorage.getItem("USER_OBJECT_ID"))
                .fetchAll()
                .then(function(installation){
                    alert("更新するよ。");
                   installation.set("badge", 0);
                   return installation.update();
                })
                .then(function(installation){
                    alert("更新できたよ");   
                })
                .catch(function(err){
                   alert('見つからないよ。'+err);
                });
}
```

###エラーメッセージ
```
installation取得に失敗しましたcannot GET https://mb.api.cloud.nifty.com/2013-09-01/classes/installation/XWSTB%EF%BD%8DFx70EkKrlj
```


### 追記1
NCMBのデータストアにはデータの登録はされています。
(ダッシュボードの解釈違いでしたら申し訳ありません・・・)
fetchAllを実行した場合、下記エラーメッセージが発生しました
```
cannot GET https://mb.api.cloud.nifty.com/2013-09-01/classes/installation(403)
```



### 追記2
最終的にプッシュ通知のバッジ初期化まで解決できたため記述しておきます。
同時にタイトルも変更いたしました。

```js
document.addEventListener("resume", function(){
            setTimeout(function() {
                clearNCMBbadge();
            }, 0);
        }, false);
document.addEventListener("deviceready", clearNCMBbadge(), false);

function clearNCMBbadge(){
   var ncmb = new NCMB(MOBILE_BACKEND_APPLICATION_KEY, MOBILE_BACKEND_CLIENT_KEY);
   var Installation = ncmb.Installation;
   var installation = new Installation();
   installation.objectId = localStorage.getItem("USER_OBJECT_ID");
   installation.badge = 0;
                    
   return installation.update(function(){alert('更新完了');});
}
```

Monaca+NiftyCloudMobileBackendでのデータストア内installationクラスの項目取得＋端末の項目(バッジ)更新

### 前提・実現したいこと

Onsen UI の ons-splitter と ons-navigator を併用したコントロールを行いたいです。

＜画面構成イメージ＞
Page A ─┐
Page B ─┼─ Detail
Page C ─┘

Page A〜C は ons-splitter-side のメニューから遷移し、
Page A〜C と Deail は、 ons-navigator での遷移をしたいと思っています。

### 開発環境

Monaca, Onsen UI, JavaScript

### 発生している問題・エラーメッセージ

以下のようなソースにしてみたところ、
ons-splitter は動作しましたが ons-navigator が動作しませんでした。

### 該当のソースコード

```html
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
  <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
  <script src="components/loader.js"></script>
  <script src="lib/onsenui/js/onsenui.min.js"></script>

  <link rel="stylesheet" href="components/loader.css">
  <link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
  <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css">
  <link rel="stylesheet" href="css/style.css">

  <script>
    ons.ready(function() {
      console.log("Onsen UI is ready!");
    });

    // Page init event
    document.addEventListener('init', function(event) {
      var page = event.target;

      if (page.matches('.first-page')) {
        page.querySelector('#push-button').onclick = function() {
          document.querySelector('#navigator').pushPage('detail.html');
        };

      } else if (page.matches('#second-page')) {
        page.querySelector('#pop-button').onclick = function() {
          document.querySelector('#navigator').popPage();
        };

      }
    });

    window.fn = {};
    window.fn.open = function() {
      var menu = document.getElementById('menu');
      menu.open();
    };
    window.fn.load = function(page) {
      var content = document.getElementById('content');
      var menu = document.getElementById('menu');
      content
        .load(page)
        .then(menu.close.bind(menu));
    };


    if (ons.platform.isIPhoneX()) {
      document.documentElement.setAttribute('onsflag-iphonex-portrait', '');
      document.documentElement.setAttribute('onsflag-iphonex-landscape', '');
    }
  </script>
</head>
<body>
  <ons-splitter>
    <ons-splitter-side id="menu" side="left" width="220px" collapse swipeable>
      <ons-page>
        <ons-list>
          <ons-list-item onclick="fn.load('pageA.html')" tappable>
            Page A
          </ons-list-item>
          <ons-list-item onclick="fn.load('pageB.html')" tappable>
            Page B
          </ons-list-item>
          <ons-list-item onclick="fn.load('pageC.html')" tappable>
            Page C
          </ons-list-item>
        </ons-list>
      </ons-page>
    </ons-splitter-side>
    <ons-splitter-content id="content" page="pageA.html">
      <ons-navigator id="navigator" page="pageA.html"></ons-navigator>
    </ons-splitter-content>
  </ons-splitter>

  <ons-template id="pageA.html">
    <ons-page class="first-page">
      <ons-toolbar>
        <div class="left">
          <ons-toolbar-button onclick="fn.open()">
            <ons-icon icon="ion-navicon, material:md-menu"></ons-icon>
          </ons-toolbar-button>
        </div>
        <div class="center">
          Page A
        </div>
      </ons-toolbar>
      <div class="content" style="text-align: center">
        <p>This is the page A.</p>
        <ons-button id="push-button">Push page</ons-button>
      </div>
    </ons-page>
  </ons-template>

  <ons-template id="pageB.html">
    <ons-page class="first-page">
      <ons-toolbar>
        <div class="left">
          <ons-toolbar-button onclick="fn.open()">
            <ons-icon icon="ion-navicon, material:md-menu"></ons-icon>
          </ons-toolbar-button>
        </div>
        <div class="center">
          Page B
        </div>
      </ons-toolbar>
      <div class="content" style="text-align: center">
        <p>This is the page B.</p>
        <ons-button id="push-button">Push page</ons-button>
      </div>
    </ons-page>
  </ons-template>

  <ons-template id="pageC.html">
    <ons-page class="first-page">
      <ons-toolbar>
        <div class="left">
          <ons-toolbar-button onclick="fn.open()">
            <ons-icon icon="ion-navicon, material:md-menu"></ons-icon>
          </ons-toolbar-button>
        </div>
        <div class="center">
          Page C
        </div>
      </ons-toolbar>
      <div class="content" style="text-align: center">
        <p>This is the page C.</p>
        <ons-button id="push-button">Push page</ons-button>
      </div>
    </ons-page>
  </ons-template>

  <ons-template id="detail.html">
    <ons-page id="second-page">
      <ons-toolbar>
        <div class="left"><ons-back-button>back</ons-back-button></div>
        <div class="center">detail</div>
      </ons-toolbar>

      <div class="content" style="text-align: center">
        <p>This is the detail page.</p>
        <ons-button id="pop-button">Pop page</ons-button>
      </div>
    </ons-page>
  </ons-template>
</body>
</html>
```

よろしくお願いいたします。