tips for productivities

数式をブラウザ上で表示する方法

October 10, 2015

MathJax を使えば、整ったタイポグラフィーで数式を表示できる。

例：

• 同じ行の中で数式を表示する：\( y = b + \sum_{i=1}^{n}{a_ix_i} \)
• 行をかえて数式を表示する： \[ SS = \frac{1}{n-1} \sum_{i=1}^{n} {(O_i - mean)^2} \]
• 複数行にわたる数式を \("="\) の位置で揃えて表示する： \begin{eqnarray} 2x_1 + x_2 & = & 5 \\ 2x_2 & = & 2 \end{eqnarray}

MathJax の使い方

html ファイルの head ブロックに、以下のコードをペーストするだけでよい。

<script type="text/javascript"
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

これは MathJax Content Delivery Service (CDS) と呼ばれるオンラインサービスを利用する方法。MathJax の最新版がサーバからダウンロードされ、TeX や MathML で書かれた命令を認識することができる。

MathJax サイトの Getting Started に、説明がある。CDS を利用する以外の方法として、自分のサイトのサーバーや PC のハードドライブ、SSD などに MathJax をインストールする方法も書いてある。