07.vue.jsでクイズアプリ:index.html
文書の過去の版を表示しています。
07.Vue.jsでクイズアプリ
クイズアプリを作ってみたいと思います。
前回に続き、Javascriptのフレームワーク(便利なものがつまった一式)であるVue.jsというものを、CodeSandbox上で、使用していきます。
方針をたてる
今回作成するチャットアプリは、
- 3択クイズ
- 文字のみ
- 3問
- 最終ページで正解数を表示
となります。
- クイズ結果データは保存せずに、リロードで破棄する
ものとします。ランキング機能つきクイズアプリについては、次回以降、記載したいと思います。
今回は、こちらのサイトのソースコードを利用させていただこうと思います。
ソースコード
これから作るもの
0.用意するもの(開発環境)
パソコン
Windowsパソコンでも、Macでも、かまいません。
Chrome(くろーむ、WEBブラウザの一つ)
オンラインエディタであるCodeSandboxを利用するために、ChromeというWEBブラウザをインストールして、そのソフトでWEBページをご覧になってください。こちらのページからインストールできます。
Vue.jsでクイズアプリのリンク
https://blog.capilano-fw.com/?p=2499
2018年11月21日 投稿者: SUKOHI
初心者向き!VueJS で3択クイズゲームをつくってみよう
https://www.raymondcamden.com/2018/01/22/building-a-quiz-with-vuejs
07.vue.jsでクイズアプリ/index.html.1544536445.txt.gz · 最終更新: 2018/12/11 by adash333