質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
mBaaS

mBaaSとはモバイルアプリケーションでの利用に特化したBaaSです。スマートフォン向けのWebアプリケーションが必要とするサーバ側の様々な機能をインターネットを通じてサービスとして提供しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

Q&A

0回答

230閲覧

mBaaSでの値を配列に反映させたい

suzuki2023

総合スコア1

mBaaS

mBaaSとはモバイルアプリケーションでの利用に特化したBaaSです。スマートフォン向けのWebアプリケーションが必要とするサーバ側の様々な機能をインターネットを通じてサービスとして提供しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

0グッド

1クリップ

投稿2023/11/17 00:15

ニフクラのデータベースから値を抜き、配列に反映させたい。

ここに実現したいことを箇条書きで書いてください。

  • ニフクラのデータベースから値を抜き配列に反映させ動作するようにする

現在制作しているもの

➀日付・数字を入力してmBaaSに送る。
②mBaaSから値を引き抜き配列に入れる
③Chart.jsを使ってグラフに反映させる

monaca・mBaaSとの連携でシステムを作っています。
mBaaSから値を出す場合の方法を知りたい。

発生している問題・エラーメッセージ

値が反映されない。

該当のソースコード

javascript

1// SDKの初期化 2var ncmb = new NCMB(applicationKey, clientKey); 3 4// ボタンが押されたときの処理 5function pushButton() { 6 var message = document.getElementById("message").value; // 金額 7 var day = document.getElementById("day").value; // 日付 8 9 alert(message); // アラートで表示 10 11 // 保存先クラスの生成 12 var MessageClass = ncmb.DataStore("MessageClass"); 13 14 // クラスインスタンスの生成 15 var messageClass = new MessageClass(); 16 17 // データを設定 18 messageClass.set("message", message); 19 messageClass.set("day", day); 20 21 // データを保存し、結果を処理する 22 messageClass.save() 23 .then(function(savedObject) { 24 // 保存成功時の処理 25 console.log("保存に成功しました。", savedObject); 26 }) 27 .catch(function(error) { 28 // 保存失敗時の処理 29 console.error("保存に失敗しました。エラー:", error); 30 }); 31} 32</script> 33 34 35</head> 36 37<body> 38 <a href="#" onclick="history.back()">前のページへ戻る</a> 39 <center> 40 <img src="hi.png"> 41<br> 42<label for="day2">日付:</label> 43<input id="day" type="month" name="example"> 44<br> 45<label for="salary">金額:</label> 46<input type="text" id="message" name="salary" 47 oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" /> 48 49 50 51<button onclick="pushButton();">送信</button> 52</center> 53 54結果:<span id="item"></span> 55 56<div style="width:350px;" > 57 <canvas id="chart"></canvas> 58 </div> 59 60 <script> 61 // ページが読み込まれたらグラフを描画 62 document.addEventListener('DOMContentLoaded', function() { 63 var ctx = document.getElementById("chart"); 64 var myLineChart = new Chart(ctx, { 65 // グラフの種類:折れ線グラフを指定 66 type: 'line', 67 data: { 68 // x軸の各メモリ 69 labels: ['4月', '5月', '6月', '7月', '8月', '9月'], 70 datasets: [ 71 { 72 label: '最高気温(度)', 73 data: [27, 26, 31, 25, 30, 22], 74 borderColor: "#ec4343", 75 backgroundColor: "#00000000" 76 }, 77 { 78 label: '最低気温(度)', 79 data: [18, 21, 24, 22, 21, 19], 80 borderColor: "#2260ea", 81 backgroundColor: "#00000000" 82 } 83 ], 84 },

試したこと

結果:<span id="item"></span>に反映させようとして
function MessageClass() {
/** mobile backend に取得する **/
// 保存先クラスの生成
var MessageClass = ncmb.DataStore("MessageClass");
// 取得処理
Omikuji.fetchAll()
.then(function(objects){

var result= object.get("message"); // 画面に結果を表示 document.getElementById("message").innerText = message; }) .catch(function(error){ /* 取得失敗時の処理 */ alert("Error: " + error.code); });

}

をしました。入力したデータがmBaaSのカラム名messageに入っています。

補足情報(FW/ツールのバージョンなど)

試したことだとできないので教えていただきたいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問