JSクイズゲームの作り方
（HTML5実力テストの紹介）

自己紹介

HTML5実力テストの紹介

今回は今jsdo.itで開催しているHTML5実力テストの内容を紹介したいと思います。

HTML5実力テストって？

HTML5実力テストとはHTML5の仕様を中心にしたJavaScript、HTML/CSSに関してのテストが受けられるjsdo.it上のイベントです。

JavaScript 21問、HTML/CSS 16問で、開始1週間の得点は以下の通り

JavaScript 21問、HTML/CSS 16問で、開始1週間の得点は以下の通り

（100点満点中。ちなみに、私はHTML/CSSコース 56点でした）

採点結果の他に全体順位、偏差値、レーダーチャートなんかが見れます。

デモ

（ちなみに、問題選択のところでCSSプログラミング使ってたりします）

最後に

クイズは作るより参加する方がいいです。

（問題作るの超大変。。。）

HTML5実力テストの紹介　終わり

裏HTML5実力テストの紹介

裏HTML5実力テストって？

HTML5実力テストはもともと4/1に「世界的なJavaScript協会で開催してる試験がjsdo.it上で受けられるようになりました」的なネタで出す予定でした。

その時作ってた問題は一般的にjsquizと呼ばれるようなガチのJavaScriptに関する問題。

例題の紹介

// 次のコードを実行した場合、console.logに渡される値を選べ
function hoge() {
    return !!this;
}
console.log(hoge.call(false)); // true or false ?

// 次のコードの内SyntaxErrorにならないコードを選べ
//1
while (var a in window) {}
//2
for (var a in window) {}
//3
if (var a in window) {}

// 次のコードを実行した場合、console.logに渡される値を選べ
(function X (a) {
	console.log(X.length - arguments.length);
})(1, 2, 3); // 1 or -2 or NaN

問題の全文はこちら、
回答と解説はこちらで公開しています

（普通にtxtファイルを置いてるだけなので、採点とかは手動でお願いします）

「でもjsquizみたいなのって実際知っててもしょうがないんじゃない？」

普段使うことは少ないですが、ライブラリの中身とかでは結構使われてます

（jQueryの中のコードをベースに作ってる問題とかもあります）

KAYACでは面白法人で働きたい技術者を募集しています！

以上　ご静聴ありがとうございました

jsquizに関する参考リンク