天才物理学者の気分を味わえる「Scientist Typer」を作ろうとした

のですが、あんまりおもしろくできませんでしたというメモ。

f:id:fal-works:20171211230341p:plain — Scientist Typer

概要
TeXで数式を書く
物理学に関する情報源

概要

作成動機

私は学校でいちおう物理学をやったはずなのですが、どうしても授業についていけず、ほとんど何も分からないまま卒業してしまいました。
なぜあんなチンプンカンプンな状態で卒業できたのか。
日本の教育は一体どうなっているんだッッ！！

というわけで、数式を自由自在に操れる人に対して、なんとなく羨ましいという思いがあります。

しかし今の私は、未熟ながらもプログラミングという手段を手にしている。
プログラミング × 数式で何か面白いものを作れたら溜飲を下げられるのではないか？
そういう安直な考えです。

できたもの

これです。
最初は真っ白で、キーボードをカチャカチャするとランダムで数式が出てくるんですが、なんというかそれだけで、うーんという感じです。

物理学の数式だけなので、タイトルは Physicist Typer にするべきかもしれませんが、Scientistの方が通りがよさそうだったので……。

パクリ元： Hacker Typer

もちろんこれはあの「Hacker Typer」のパクリです。

紹介記事：
dohack.jp

しかし、ハッカーがコードを書くときはいいとして、科学者が数式を書くときにキーボードをカチャカチャするのはあんまりイメージできない。
やるならやっぱり黒板かホワイトボードですよね。

TeXで数式を書く

ついでなので一応説明を書いておきましょう。

TeXとは

TeXというのは組版処理システムである。
TeX - Wikipedia

正式には $T e X$ と書きます。
このEをちょっと下げる書き方からしても、組版へのこだわりが見て取れますね。
$T e X$ の「 $X$ 」の発音については、ドイツ語を習ったことがあると少しイメージしやすいんですが、まあWikipediaの方をご覧ください。

TeXを使うと数式をきれいに書けるので、理系の書籍や論文とかで使われています。
（はてな記法にも含まれていますね。さすがにウクレレ記法よりは使われているのではないか。）

例えば

1 \over \sqrt{2}

と書くと、 $1 \over \sqrt{2}$ になります。

Texで書いた数式をWeb上で表示できるJavaScriptライブラリ「MathJax」

論文みたいなやつを書こうとすると、ちょっと環境を整える必要がある。
しかし、ちょっとWebサイト上で手軽に表示したいという場合は、MathJaxというライブラリがあります。
www.mathjax.org

これを読み込むためのおまじない的なコードを自分のWebページに仕込んでおくと（本家サイトにある案内に従ってコピペするだけでOK）、そのページにTeX記法で書かれた数式を、いい感じに表示してくれるのです。
（注： TeX部分を $$ とか \[ ～ \] とか $ ～ $ とかで囲む必要があります）

実際のところ、このMathJaxの使い方を確認したかっただけというのが今回の本当の動機です。

今回のプログラムでの使い方

オンデマンドでTeXを変換・表示させる方法はよくわからなかった。
しかしプログラムを起動する時点でHTML要素（＜P＞タグとか）を作っておけば、あとはその中に含まれるTeX部分をMathJaxが勝手に変換してくれるようです。
なので、最初に大量に＜P＞タグを作っておいて、キーが押されるたびに出したり隠したりする、という割とおバカっぽい実装をしました。
今のところWebプログラミングはさっぱりなんだ。