N-Extension

N予備校の回答チェッカー

概要

これは、N予備校の回答チェッカーであるchrome拡張機能です。
回答ボタンを押すと誤答があるかどうかのダイアログが出たり、
選択肢を押すたびにコンソールに正解かログが出たりします。

Chrome ウェブストア に公開するお金（登録料$5）は払えないし、そもそもウェブストアで公開する勇気なんてないので、それならGitHubでソースコードごと公開しようと思ったのでやってみました。

インストールの仕方

Step0 参考

インストール方法に関しては、入門コース実践編 02. Chromeの拡張機能を作ってみよう も参考にしてみてください。

Step1 クローンする

このリポジトリをローカルにクローンします。
このとき、フォルダは自分がわかる場所に置いてください。

Step2 デベロッパーモードにする

chrome://extensions/にアクセスして、右上のデベロッパー モードをONにしてください。
これをすると、拡張機能を読み込むボタンが出てくると思います。

Step3 読み込む

画面上部の「パッケージ化されていない拡張機能を読み込む」をクリックして、先ほどクローンしたフォルダを選択してください。

これで拡張機能が読み込めると思います。

使い方 & 機能

選択形式の問題式教材を開いて、回答ボタン(薄いけど気にしない)を押すと、ダイアログが出てくると思います。
そのダイアログに、回答が間違っている(または未回答)の問題一覧が表示されます。

また、選択肢から答えを選ぶたびに、ログに

• 正解 or 不正解という文字列
• 回答が間違っている問題(バグによりその時選んだものも含む)のliタグ一覧

が出力されると思います。
ログを見ながら問題を解くかどうかはあなたの自由です。

注意事項

並べ替え形式の問題には対応してません。
というか対応の仕方がわかりませんでした。すみません。

もし動かなかったら教えてください。
拡張機能作るのほぼ初めてなので自信ないです...

参考

• 入門コース実践編 02. Chromeの拡張機能を作ってみよう
• JavaScript カスタムイベントを使う カスタムイベントの解説
• 【コピペ可】DOMの変更を監視できるjavascriptスニペット | eclairのブログ MutationObserverの解説
• JavaScript 正規表現まとめ - Qiita 正規表現の解説
• 【JavaScript入門】処理を一時停止するsleep機能の実現方法まとめ | 侍エンジニアブログ sleep関数の作り方解説