個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

無料でオリジナルなクイズが作成できるツール「QuizGenerator」

無料でオリジナルなクイズが作れてしまうツール「QuizGenerator」

無料でオリジナルなクイズが、簡単に作成できるツールをご紹介します。
作れるクイズは選択式、穴埋め、記述問題など実用的。
無機質なクイズ画面ではなく、かわいらしいデザインも選択可能です。
学校や学習塾はもちろんですが、お友達やお子様とのコミュニケーションツールとしても役立ちそうです。

無料でオリジナルのクイズを作れるサービス「QuizGenerator」

無料でオリジナルなクイズが作れてしまうツール「QuizGenerator」
「QuizGenerator」は無料でオリジナルのクイズを作れるサービスです。
作成できる問題形式は、択一問題、択一形式(クイック)、複数選択問題、記述問題、正誤問題、穴埋め問題、並び替え問題、組み合わせ問題と、バラエティー豊富。
専用のテンプレート(テキストファイルなど)をダウンロードして、アップロードし、デザイン(2種類)を選択するだけで完了します。
さらに、制限時間も設定することができるという充実ぶり。
専門的な知識などは一切不要で、作業時間は数分で十分でしょう。
有料の場合は、6種類のデザインのなかから選択可能です。

実際に作ってみた

すぐにクイズがつくれる「お手軽モード」をつかって実際に作ってみました。
まずは、テキストで質問と回答を作成(四択)。
準備ができたら、「クイズ作成」ボタンを押します。

無料でオリジナルなクイズが作れてしまうツール「QuizGenerator」

すると、クイズのファイル一式がダウンロードされます。
中身はこんな感じ。

無料でオリジナルなクイズが作れてしまうツール「QuizGenerator」

index.htmlをブラウザで開くとクイズになります。
出来あがったクイズはこんな感じです。

無料でオリジナルなクイズが作れてしまうツール「QuizGenerator」

楽しい!
もっと手の込んだクイズが作りたいという方は以下からどうぞ。
詳しいクイズの作り方もしっかり準備されています。
https://quizgenerator.net/

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 1
  • 4

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

CCSだけで見出しに自動で連番を記入する方法

当ブログでは「◯◯100」といった感じの記事をよく書かせていただいています。 こうしたとき、以前ま

記事を読む

トップ固定でレスポンシブ対応のナビゲーション/メニューを簡単に実装できる「Fixed Nav」

トップ固定で、レスポンシブ対応のナビゲーションが増えていますね。 これだけ増えてくると、トップ固定

記事を読む

WEBデベロッパーのためのおすすめYouTubeチャンネル15選

WEBデベロッパーのためのおすすめYouTubeチャンネルをご紹介します。 対象はHTML、CSS

記事を読む

無料で利用できる検索フォーム12(CSS3,HTML5,jQuery)

検索フォームはサイトに欠かせない重要な要素の1つになっています。 最近では、アニメーションを用いた

記事を読む

オリジナルなアイコンフォントの作り方・使い方

いまさら聞けない無料でオリジナルなアイコンフォントを作る方法・利用する方法

アイコンフォントは便利だ、という声をあちこちで耳します。 遅ればせながら私も使ってみましたが、本当

記事を読む

CSSアニメーションを使ったエフェクトライブラー9

CSSアニメーションを使ったエフェクトライブラリー9

CSSアニメーションを使ったエフェクトは、プログラムを苦手とするWEBデザイナーや一般の方々に新しい

記事を読む

CSSアニメーションを簡単・思いのままに作成できてしまう「Bounce.js」

CSSアニメーションを簡単・思いのままに作成できてしまう「Bounce.js」

最近のサイトではCSSアニメーションを使って、ユーザーに効果的な見せ方をしているサイトも増えてきまし

記事を読む

レスポンシブ対応のコンテンツスライダー/スライドショーベスト8

以前の記事「レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+」

記事を読む

見ている人を魅了するcodrops作成のマウスオーバーエフェクト21

ユーザーを魅了するcodrops作成のマウスオーバーエフェクト21

CSS3対応のブラウザーが増えているおかげで、マウスオーバーエフェクトにも凝った演出を施しているサイ

記事を読む

シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11

シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11

CSS3を使えば、シンプルなコードなのに、ユーザーを「おっ!」と思わせる楽しい動きを簡単に実装できて

記事を読む