【Unity（C#）】NCMBからクイズの正答率を取得＆表示する【SAP】

こんにちは、ばいおです。

今回は、SAPクイズゲームの改修報告（v1.07）の記事になります。
v1.07では、タイトル画面でNCMB（ニフティクラウド mobile backend）から取得したクイズの正答率を表示するようにしましたので、その実装方法について主に記載します。

記事執筆当時のゲームはこんな感じです（動画です）。

ゲームは以下リンク先よりプレイできます。是非やってみてください！
https://unityroom.com/games/sapquiz

実際にゲームやってみての感想や改善点などがありましたら、ゲームリンク先のUnityroomにコメントを残せるので、是非コメントしてください！泣いて喜びます！
（ランキング機能も実装しているので、是非登録してくださいまし！）

また、クイズゲーム制作についての記事は↓にまとめていますので、あわせてご参照ください！

私がゲーム作成にあたり、勉強に使用したUnity本はコチラ↓
実際にサンプルゲームを作成しながら楽しく学べるので、オススメです！

Unityの教科書 Unity 2021完全対応版 2D&3Dスマートフォンゲーム入門講座 (Entertainment&IDEA)

Unity 2021に最速対応! いちばん売れているUnity入門書が最新バージョンに対応最新環境でゲーム制作を楽しく体験しましょう! ■本書の特徴 ●初めてゲーム制作にチャレンジする人に最適! 最初は簡単な2Dゲームの制作からスタートし、徐々に難しいゲームへと進めていきます。サンプルゲームの制作を通じて、Unity...

v1.07で追加した機能
1. 正答率表示機能
2. ツイート機能＆ブログリンク機能
おわりに

v1.07で追加した機能

正答率表示機能

冒頭に記載したとおり、タイトル画面に新しくクイズの平均正答率を表示するようにしました。

正答率を表示するためには、まず正解数をデータベースに保持しなくてはいけないので、10問答えた段階でNCMB（ニフティクラウド mobile backend）にデータを送信するようにしました。

こちらの「tama-lab」さまの記事を参考にしています。

https://tama-lab.net/2018/06/%E3%80%90unity%E3%80%91ncmb%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%82%B5%E3%83%BC%E3%83%90%E3%81%AB%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E4%BF%9D%E5%AD%98%E3%80%81%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B/

クイズ結果を表示するシーンに遷移した時に、自動でNCMBに正答数を送信するようにしています。データベースはこんな感じになっています。

これで、正答数はNCMB上に保持できるようになりました。

後は、ここからデータを引っ張ってくるだけ、、だったのですがこれがなかなか上手く行かず、平均正答率が0％になってしまうという状況になってしまいました。

原因は、恐らくNCMBからデータを取得する前に、画面出力するテキストへデータ取得結果を反映させてしまっていたからだと思います。

この問題を解決するためには、何やら「非同期処理」なるものを理解しなくてはいけない模様。ここで完全にハマりました、非同期処理ムズカシイ、、、

「コルーチン」なるものを使用すればできそうなのですが結局ちゃんと理解できず、とりあえず２秒待つというパワープレイで当座は凌ぐことにしました。

ちなみに２秒待つ処理は、「yield return new WaitForSeconds (秒数);」というコードにより実装しています。

次の改修タイミングまでに非同期処理についての理解を深め、今度は「データが取得できたらそのデータをテキスト表示する」というロジックを実装したいです。

該当部分のソースコードは、ちゃんと上記ロジックが実装できたら公開しようと思います。

v1.09の更新に伴いロジック公開しました！（8/22更新）

ツイート機能＆ブログリンク機能

ツイート機能については、こちらのQiita記事を参考にしました。

【Unity】Twitterボタン設置とツイートの報酬付与 - Qiita

UnityにTwitterボタン設置して、ボタンを押してくれたユーザに報酬をプレゼントします。 ■Twitterボタンの入手自作するとレギュレーションが面倒なので、特にこだわりのない場合はTwitterの公式からボタン画像をダウン...

この記事にあるソースをそのまま使用してしまうと、UnityroomからTwitterのページに遷移してしまうので、別ウィンドウで開かれるように少し手を加えました。

これでクイズゲームの結果を簡単にツイートできるようになりました！

SAPクイズ（４択式）の結果、10問中8問正解でした！https://t.co/9HIArOaxfP #SAPクイズ
— ばいお_SAPコン (@beo0422) May 16, 2021

まあ、ツイートしてるの私以外誰もいないんですけどね（涙）

ブログリンク機能については、こちらの「ゲタバコ倶楽部」さまの記事を参照しました。
とてもわかりやすいです。

UnityでURLを開く | ゲタバコ倶楽部 (げたばこくらぶ)

画面構成とか考え直さないといけないですが、クイズに関連するブログ記事へリンクできれば、もっと勉強になるクイズにできそうな気がします。

実際に書いたソースコードはこんな感じ。

//ブログリンク機能
public void buttonpushb()    
    {
        Application.ExternalEval(string.Format("window.open('{0}','_blank')", "https://yobaioi.com/"));
    }
//ツイート機能
public void buttonpusht()    
    {
        int getpoint = resultmanager.getscore();
        bool quizflag = inputquestion.inputflagget();
        if(quizflag == true)
        {
            string tweet = "SAPクイズ（入力式）の結果、10問中" + getpoint.ToString() + "問正解でした！\nhttps://unityroom.com/games/sapquiz \n#SAPクイズ";
            Application.ExternalEval(string.Format("window.open('{0}','_blank')", "http://twitter.com/intent/tweet?text=" + WWW.EscapeURL(tweet)));                    
        }         
        else
        {
            string tweet = "SAPクイズ（４択式）の結果、10問中" + getpoint.ToString() + "問正解でした！\nhttps://unityroom.com/games/sapquiz \n#SAPクイズ";
            Application.ExternalEval(string.Format("window.open('{0}','_blank')", "http://twitter.com/intent/tweet?text=" + WWW.EscapeURL(tweet)));    
        }        
    }

４択式クイズの結果と入力式クイズの結果とで、条件分岐するようにしています。