MuGenP

About

このサイトについて

公立の中学校で学習する数学の主要な計算問題を 無限に演習できる無料サイトです。
学校での小テストや定期テスト対策として、何度でも練習できます。
現在開発中であり、単元は今後も増えていく予定です。

経緯(いきさつ)

当初は紙ベースの演習プリントを作成する仕組みを構築しようとして 「無限プリント」から「MuGenP」というプロジェクト名を付けました。

その後「いやこれ印刷じゃなくて画面表示で良くない?」となり、 現在の形になりました。

MuGenP は Muddled(ごちゃまぜに)Generated(生成された)Practice(練習問題)の意味です。(後付け)

計算能力の向上に役立ちます

計算能力を向上させるには、一にも二にも反復演習です。
このサイトは問題をランダムに自動生成するので、 様々なパターンの問題を繰り返し演習することができます。

また、独自の判定ロジックにより、 正解数に応じて問題のパターンが変化するようになっています。 これにより適度なレベルの演習を積むことができます。

注意点としては、問題と解答だけの構成になっており、 途中式や解説はございません。

お手軽に利用できます

このサイトのコンテンツはすべて無料で利用できます。
面倒なユーザー登録などもありません。

Google ChromeやSafariなどの、 いわゆるモダンブラウザをターゲットに制作しています。
PC、スマートフォン、タブレットなどから利用できます。
問題生成は端末側で行われるので、 ページが表示された後はサーバーとの通信を必要としません。

主要な技術的要素

このサイトは主に以下のプロダクトやサービスを使用しています。

Next.js

強力な React フレームワークです。Reactはインタラクティブなユーザインターフェイス構築のための JavaScript ライブラリです。JavaScriptはウェブページでよく使用されるスクリプト言語ですが、 このサイトではTypeScriptを採用しています。TypeScriptはマイクロソフトによって開発されたJavaScriptの拡張言語で、 静的型付けやクラスベースオブジェクト指向が特徴です。

Chakra UI

シンプルなUIコンポーネントフレームワークです。

better-react-mathjax

MathJaxを使うためのReactコンポーネントです。MathJax\(\LaTeX\)等で記述された数式をウェブブラウザで表示するJavaScriptライブラリです。\(\LaTeX\)は学術論文などでも使用される、テキストベースの組版処理システムです。

Jest

シンプルさを重視した、 快適な JavaScript テスティングフレームワークです。

Puppeteer

ChromeまたはChromiumを制御するためのライブラリです。 問題をランダムに生成する性質上、 Jestだけではテストできないので Puppeteerでスクリーンショットを撮り、問題・解答を目視で検証しています。

WebARENA VPSクラウド

このサイトをホスティングしている NTTPCコミュニケーションズのサービスです。 いっちゃん安い月額396円(税込)のプランを使っています。VPSは Virtual Private Server の略称で、 一台の物理的なサーバコンピュータ上に構築された 仮想的なサーバコンピュータのことです。

製作者について

某個別指導塾の現役講師です。 某大学の工学部情報処理学科卒、 某この木なんの木気になる木系列の会社でSEをしていたという経歴はありますが プログラミングはすべて独学です。

プログラミングに限らず、何事もすべて独力で学べます。 学ぶためのツールやリソースは探せばいくらでもあります。 大切なのは、易しすぎず難しすぎず、適切なレベルの教材に出会えるか?です。

このサイトが利用するすべての人にとって「適切なレベル」であるよう、 改善を続けていきます。

Copyright © 2022 amiiby.com