個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

激易!YouTubeなどの動画やGoogleMapsをコピペだけでレスポンシブ化「Embed Responsively」

激易!YouTubeなどの動画やGoogleMapsをコピペだけでレスポンシブ化「Embed Responsively」

YouTubeやViemoなどの動画、あるいはGoogleMapsをコピペだけでレスポンシブ化できて

記事を読む

アイコンはCSSの時代へ!?こんなにある無料のCSSアイコン500+

アイコンはCSSの時代へ!?こんなにある無料のCSSアイコン500+

CSSだけ作られたアイコン(ピュアアイコン)をご紹介します。 アイコン制作手法も様変わりを見せてお

記事を読む

今この瞬間もサイバー攻撃が行われている!DDoS攻撃を可視化する「Digital Attack Map」に戦慄

今この瞬間もサイバー攻撃が行われている!DDoS攻撃を可視化する「Digital Attack Map」に戦慄

戦慄を覚えるマップです。 サービス自体は1年前に公開されていましたが、海外で再び注目され、私自身が

記事を読む

ブラウザの閲覧履歴をファビコンで一覧表示するChrome機能拡張

もはやアート?ブラウザの閲覧履歴をファビコンで一覧表示する「Iconic History」

ブラウザの閲覧履歴をファビコンで一覧表示するChromeの機能拡張「Iconic History」を

記事を読む

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

背景画像をサッとつくれる便利ツール20選

背景画像をサッとつくれる便利ツールやサイトをご紹介します。 背景にちょっと手を加えるだけで、見た目

記事を読む

信じられないほど美しい!CSSだけで絶滅危惧種30を表現した「In Pieces」

信じられないほど美しい!CSSだけで絶滅危惧種30を表現した「In Pieces」

CSSだけで表現されているのに、信じられないほど美しいサイト「In Pieces」をご紹介します。

記事を読む

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

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

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

記事を読む

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80

WEBデザインを勉強するうえで大切なのが、自分でいいなあと感じたデザインをそのままマネしてつくってみ

記事を読む

タイポグラフィ/WEBフォントに関する作業を簡単にするツール14

WEBフォントがどんどん使われるようになるにつれ、関連するツールもたくさん出来てきています。 多い

記事を読む

リボン風の見出しをCSS3だけで実装する方法

リボン風の見出しをCSS3だけで実装する方法

見出しでリボン風の装飾をCSS3だけで実装する方法をご紹介します。 利用するのはboderプロパテ

記事を読む