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

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

新規登録して質問してみよう
ただいま回答率
85.47%
ニフティクラウドmobile backend

ニフティクラウドmobile backend (mBaaS)はニフティが提供するBaasサービスです。プッシュ通知、データストア、ファイルストア、会員管理・認証機能などのバックエンド機能をクラウドから提供しています。 Andoird/iOS/JavaScript/Unityと各種SDKに対応しています。

JavaScript

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

Monaca

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

Q&A

解決済

1回答

311閲覧

Monacaの作ったアプリにニフクラを実装したい

genmai__

総合スコア1

ニフティクラウドmobile backend

ニフティクラウドmobile backend (mBaaS)はニフティが提供するBaasサービスです。プッシュ通知、データストア、ファイルストア、会員管理・認証機能などのバックエンド機能をクラウドから提供しています。 Andoird/iOS/JavaScript/Unityと各種SDKに対応しています。

JavaScript

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

Monaca

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

0グッド

0クリップ

投稿2024/01/13 15:52

編集2024/01/14 03:10

実現したいこと

ニフクラを使えるようにし、最新の人から五人までの問題に正解できた数(スコア)を表示させたい

発生している問題・分からないこと

やってみようとしたが、「const ncmb = new NCMB(APP_KEY, CLIENT_KEY);」でエラーが起きてしまう
エラー文
↓↓↓↓
Uncaught ReferenceError: NCMB is not defined
at quiz.js:24:14

該当のソースコード

JavaScript

1const main = document.getElementById("main"); 2const scores = document.getElementById("scores"); 3const home = document.getElementById("home"); 4const quiz = document.getElementById("quiz"); 5const btnbox = document.getElementById("btn-box"); 6const sansyou = document.getElementById("sansyou"); 7const gakas = document.getElementById("gakas"); 8const backbutton = document.getElementById("backbutton"); 9const score = document.getElementById("score"); 10 11quiz.style.display = "none"; 12btnbox.style.display = "none"; 13backbutton.style.display = "none"; 14scores.style.display = "none"; 15 16let correct = 0; 17let quizCnt = 0; 18 19function startGame(){ 20 quiz.style.display = "block"; 21 btnbox.style.display = "block"; 22 backbutton.style.display = "block"; 23 main.style.display = "none"; 24 scores.style.display = "none"; 25 home.style.display = "none"; 26 sansyou.style.display = "none"; 27 correct = 0; 28} 29 30const question = []; 31 32 33 const monndai = document.getElementById("question"); 34 const ans1 = document.getElementById("ans1"); 35 const ans2 = document.getElementById("ans2"); 36 const ans3 = document.getElementById("ans3"); 37 38 function quizSet(){ 39 monndai.textContent = question[quizCnt][0]; 40 ans1.textContent = question[quizCnt][1]; 41 ans2.textContent = question[quizCnt][2]; 42 ans3.textContent = question[quizCnt][3]; 43 } 44 45 quizSet(); 46 47 function answerCh(ans){ 48 if(ans == question[quizCnt][4]){ 49 alert("正解"); 50 correct++; 51 } else { 52 alert("不正解"); 53 } 54 quizCnt++; 55 if(quizCnt == question.length){ 56 monndai.textContent = '正解数は'+ correct +'つでした。'; 57 ans1.textContent = ""; 58 ans2.textContent = ""; 59 ans3.textContent = ""; 60 btnbox.style.display = "none"; 61 } else { 62 quizSet(); 63 } 64 } 65 function back(){ 66 quiz.style.display = "none"; 67 btnbox.style.display = "none"; 68 backbutton.style.display = "none"; 69 main.style.display = "block"; 70 scores.style.display = "none"; 71 home.style.display = "block"; 72 sansyou.style.display = "block"; 73 quizCnt = 0; 74 quizSet(); 75} 76 77function toscore() { 78 main.style.display = "none"; 79 scores.style.display = "block"; 80 home.style.display = "none"; 81 sansyou.style.display = "none"; 82} 83 84function toMain() { 85 main.style.display = "block"; 86 scores.style.display = "none"; 87 home.style.display = "block"; 88 sansyou.style.display = "block"; 89} 90

HTML

1<body> 2 <div class="main" id="main"> 3 <h1>quiz challenge</h1> 4 <button class = "scorebutton" onclick = "toscore()">everyone's score</button> 5 <button class = "startbutton" onclick = "startGame()">start</button> 6 </div> 7 </div> 8 <div id="quiz" class="quiz"> 9 <h1 class="quizmei">quiz</h1> 10 <h2 class="qusstion" id="question">ここに問題</h2> 11 <ul> 12 <li id="ans1">1.</li> 13 <li id="ans2">2.</li> 14 <li id="ans3">3.</li> 15 </ul> 16 </div> 17 <div class="btn-box" id="btn-box"> 18 <button id="answer1" onclick="answerCh(1)">answer1</button> 19 <button id="answer2" onclick="answerCh(2)">answer2</button> 20 <button id="answer3" onclick="answerCh(3)">answer3</button> 21 </div> 22 <br> 23 <br> 24 <button id="backbutton" class = "backbutton" onclick = "back()">back</button> 25 <div class="score" id="score"></div> 26 <div id="scores"> 27 <button onclick="toMain()">back</button> 28 <div class="title"> 29 みんなのスコア 30 </div> 31 <table id="scoreTable"> 32 <tr> 33 <td class="rank">player1: </td> 34 <td id= "score_1">-</td> 35 </tr> 36 <tr> 37 <td class="rank">player2: </td> 38 <td id = "score_2">-</td> 39 </tr> 40 <tr> 41 <td class="rank">player3: </td> 42 <td id = "score_3">-</td> 43 </tr> 44 <tr> 45 <td class="rank">player4: </td> 46 <td id = "score_4">-</td> 47 </tr> 48 <tr> 49 <td class="rank">player5: </td> 50 <td id = "score_5">-</td> 51 </tr> 52 </table> 53 </div> 54 <br> 55 <br> 56 <br> 57 <br> 58 <br> 59 <br> 60 <br> 61 <div id="home"> 62 <button class="home" onclick="location.href='index.html'">home</button> 63 </div> 64 <br> 65 <br> 66 <br> 67 <br> 68 <br> 69 <br> 70 <br> 71 <br> 72 <script src="js/quiz.js"></script> 73 <script src="js/ncmb.min.js"></script> 74</body>

試したこと・調べたこと

  • teratailやGoogle等で検索した
  • ソースコードを自分なりに変更した
  • 知人に聞いた
  • その他
上記の詳細・結果

学校の授業で
const APP_KEY = "*****";
const CLIENT_KEY = "
****";
const ncmb = new NCMB(APP_KEY, CLIENT_KEY);

async function saveScore (score) {
let myClass = ncmb.DataStore("******");
let mc = new myClass();
mc.set("score", parseInt(score));
mc.save();
}
こんな感じで書いてありこれをベースに改良してみたけどうまくいかなかった。

補足

ニフクラを自力で実装しようとしたプログラムは消去してしまった。
プログラムは絵画の制作された年、誰が制作したかを3択で答えるクイズとなっている。
このプログラムにどのように書けば実現できるのか教えていただきたい。

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

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

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

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

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

guest

回答1

0

自己解決

JavaScriptとニフクラの<script>タグを逆にしたらエラーが治った。

投稿2024/01/14 03:07

genmai__

総合スコア1

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.47%

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

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

質問する

関連した質問