サルでもわかるWEBプログラミング

クイズアプリを作ってみたいと思います。

前回に続き、Javascriptのフレームワーク（便利なものがつまった一式）であるVue.jsというものを、CodeSandbox上で、使用していきます。

今回作成するチャットアプリは、

1. 3択クイズ
2. 文字のみ
3. 3問
4. 最終ページで正解数を表示

となります。

1. クイズ結果データは保存せずに、リロードで破棄する

ものとします。ランキング機能つきクイズアプリについては、次回以降、記載したいと思います。

今回は、こちらのサイトのソースコードを利用させていただこうと思います。

ソースコード

これから作るもの

パソコン

Windowsパソコンでも、Macでも、かまいません。

Chrome（くろーむ、WEBブラウザの一つ）

オンラインエディタであるCodeSandboxを利用するために、ChromeというWEBブラウザをインストールして、そのソフトでWEBページをご覧になってください。こちらのページからインストールできます。

また、GitHubアカウントを作成（無料）していると、CodeSandboxで作成したアプリを保存できます。

1. https://codesandbox.io/へ行き、画面右上の、『Create Sandbox』をクリック
2. Vue　をクリック
3. index.htmlの編集
4. src/App.vueの編集

参考：

参考2：

作成中

https://blog.capilano-fw.com/?p=2499
2018年11月21日 投稿者: SUKOHI
初心者向き！VueJS で３択クイズゲームをつくってみよう

https://www.raymondcamden.com/2018/01/22/building-a-quiz-with-vuejs

https://codeburst.io/create-a-quiz-with-vue-js-ed1e8e0e8294

https://github.com/TakahiRoyte/quiz-vue