【Glideアプリ制作例】ランキング表示に対応した4択式クイズ
こちらの記事では、ノーコードアプリ開発ツールGlideを利用して作成したアプリの紹介をしています。
これからWebサービスやアプリ開発を検討している人は、Glideを利用して制作・開発が出来る機能やサービスの参考にして頂けると嬉しいです。
今まで制作したアプリは、こちらの記事でまとめています。
https://note.com/a3710/m/mf01f9c27b8a5
アプリ例:4択クイズ
クイズアプリを以前に作成しましたが、色々とGlideの利用にも慣れてきて使える機能も増えたのでアップグレードしてみました。
以前のクイズアプリは、ただ正解を見るというあまりにつまらない仕様でしたが、今回は4択式にして更にランキング表示もつけました。
こちらのURLからアクセス出来ます。
https://ghibliquiz.glideapp.io
機能一覧
ニックネーム登録
クイズのランダム表示
クイズ回答の正誤判定
点数による画像表示
ランキング表示
ホーム画面
アプリへのログイン機能などはつけていませんが、ログインをつけることによって他の用途も活用できるようになります。
まず、ホーム画面からクイズの回答へ進みます。
次にランキング表示に使うニックネームを登録します。
ニックネームを登録すると、次の画面からクイズ問題が表示されます。
次回からクイズに回答するときには、ニックネーム登録なしでそのままクイズ画面に移ります。
クイズ画面
今回、作成した仕様では、作成したクイズからランダムで10問表示されます。
クイズに回答して、結果を見るボタンを押します。
クイズ回答結果画面
1問1点として計算されて正解した点数が表示されます。
あえて、正解した問題や間違えた問題の回答など詳細は表示していません。
他の機能として、獲得した点数によって表示を変更してみました。
例えば、5点以下の場合は「不合格」6点以上は「合格」といった表示に出来ます。
ランキング表示画面
ランキング表示にも対応させました。
現在の他の回答者の点数と比べて、自分のランキングが表示されます。
ランキング表示は、累計点数や期間限定(月間など)で作ることも可能です。
今回は、以前のクイズアプリをアップグレードさせましたが、他にもこんな機能はつけられるだろうと考えてみました。
【更に追加出来そうな機能】
クイズの作成投稿
ランキング画面
クイズ結果詳細の表示
回答制限(1人1回のみなど)の設定
Amazonアフィリエイトの表示
まとめ
クイズアプリのように4択で選べる方式は、個人で何かコミュニティを運営している人は色々と使い道はありそうです。
この記事が気に入ったらサポートをしてみませんか?