MathJaxを使う上で注意すること

はじめに

以前ブログにwordpressを利用していたのですが、 そこでは数式を使う際にMathJaxというJavascriptで作られたエンジンを用いていました。

medemanabu.net

今までも使ったことはあったのですが、今回Wordpressを立ち上げるに伴いブラウザのコンソールでエラーが出ていないことを確認したところ…

f:id:hades-netherworld-service:20160501150613j:plain

Cross Origin問題に加えて、原因がnullですって。。。

調査

ドメイン設定の影響?

後からドメインを取得し、設定したので、その影響で上手く動いていないのかと思い、 ホストを直接指定してリクエストしてみましたが、やはりエラー… どうやら違うようでした。

その他にエラーは?

「これだけじゃ何も分からん。他にエラーはないのか」 ということでInspectorでもう少し情報を探してみると何やら赤く光るものが。

f:id:hades-netherworld-service:20160501150634j:plain

これですねぇ。

修正

MathJaxの記事を漁ってみたところ、

MathJaxによる数式表示

上記の記事で「TeX-AMS_HTML になっていましたが,今は TeX-AMS_CHTML(CommonHTML)が推奨」 と燦然と輝く文字列を発見。 早速以下のように修正を行いました。

<!--
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
↓↓↓↓↓
-->
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML"></script>

これのおかげでエラーも消えました。良かった。

おわりに

今まで使っていたMathJaxもずっとあのエラー吐いてたのかな。 と思うと少しツライです。(´・ω・`)