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

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


07.vue.jsでクイズアプリ:index.html


文書の過去の版を表示しています。


07.Vue.jsでクイズアプリ

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

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

方針をたてる

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

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

となります。

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

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

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

ソースコード

これから作るもの

0.用意するもの(開発環境)

パソコン

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

Chrome(くろーむ、WEBブラウザの一つ)

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

Vue.jsでクイズアプリのリンク


07.vue.jsでクイズアプリ/index.html.1544536445.txt.gz · 最終更新: 2018/12/11 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki