タイダログ

もっと怠けますか? (y/n)

10進数->2進数の練習ツールを作った

10進数と2進数の変換を素早くできるようになるにはどうすればいいか考えていたら、カヲル君の言葉が頭に浮かびました。

反復練習さ。同じ事を何度も繰り返す。自分が"いいな"って感じられるまでね。それしかない。

ヱヴァンゲリオン新劇場版:Qより

そんなわけで、反復練習ツールを作りました。パソコンとスマートフォンの両方に対応しています。

taidalog.html.xdomain.jp

経緯

  • 10進数->2進数を素早くするために、反復練習をしたい
  • Web 上で動くプログラムを作りたい
  • サーバを借りて何かしたい

-> 作ってみるか。

完成品

taidalab という Web サイト上で利用できます。

taidalog.html.xdomain.jp

GitHub - taidalog/taidalab: Really simple JavaScript application for repeated practice of decimal-to-binary conversion.

HTML + CSS + JavaScript で作りました。レンタルサーバを借りたのも、インターネット上で動くプログラムを作ったのも、まともに JavaScript で書いたのも、全て初めてです。何か間違っていたらこっそり教えてください。

taidalab - Home

taidalab - 10進数→2進数 (1) コース

taidalab - 10進数→2進数 (1) コース 履歴

taidalab - 10進数→2進数 (1) コース ヒント

taidalab - Home(スマホ

taidalab - 10進数→2進数 (1) コース(スマホ

taidalab - 10進数→2進数 (1) コース 履歴(スマホ

taidalab - 10進数→2進数 (1) コース ヒント(スマホ

機能

  • 10進数から2進数への変換問題を出し続けます。
  • 「2のn乗」や「エンドレス」など複数のコースがあります。
  • コースによっては、ヒントやちょっとした解説が付いています。

使い方

  1. taidalab にアクセスしてください。
  2. 解きたい問題のボタンを押してください。
  3. 10進数が表示されます。
  4. その数の2進数を入力して、[確認] ボタンを押すか、[Enter] キーまたは [return] キーを押してください。
  5. 結果が表示されます。正解なら次の10進数が表示され、不正解なら再挑戦できます。

利用について

  • 著作権は作成者(私)が有しています。
  • 利用に必要な通信料は利用者の負担となります。
  • 当ツールを使用したことにより、コンピュータウィルス等による被害やデータの損失、その他いかなる不利益が発生した場合も、作成者は一切の責任を負いません。
  • ソースコードの利用は可能ですが、再頒布時には著作権表示とライセンス表示を消さずに残しておいてください。

ご感想やエラーの報告などありましたら、この記事のコメント欄にいただけますと私がたいそう喜びます。

勉強に使った書籍

1冊ですべて身につくHTML & CSSとWebデザイン入門講座
著者:Mana
出版社:SB Creative

www.sbcr.jp

レスポンシブデザインについてよくわかりました。

結び

ツールが完成したらたくさん練習しようと思っていたのですが、制作中の動作チェックで何度も解いたので、もはやそれが練習になってしまいました。

情報教員の採用試験を受けるときに作ったらよかったなー。

参考

更新履歴

  • 勉強に使った書籍」を追加 (2022/06/11)
  • サイトの URL 変更に伴う訂正 (2022/06/11)
  • サイトの機能変更に伴い、「機能」と「使い方」に追記 (2022/06/11)
  • 完成品」に画像を追加 (2022/07/02)