プログラ生活

プログラム初学者のためのポイントを書いていこうと思います。たまに脇道それた記事もありますが、息抜きだとおもって気長にお付き合いください。

【数学・JavaScript】MathJaxは数学系のWebページでとても便利だ!!

LaTexをより身近にしたのが、MathJaxだろう。

数式をWebページでこんなにもきれいに表現できる、しかも簡単!!

LaTex自体は、プログラムをかくよりよっぽど単純ですので、ぜひ多くの人に使ってもらいたいものである。

以下をヘッダで宣言するだけ。

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ["\\(","\\)"]] } });
</script>
<script type="text/javascript"
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_CHTML">
</script>





必須ではないが、数式の出力が中央揃いになってしまうので左寄せにするためのもの

.MathJax_Display {   
    text-align: left !important;   
    text-indent: 2em !important; 
}





例 解の公式

\begin{eqnarray}
    ax^{2}+b^{2}+c=0 \\
    x=\frac{-b\pm\sqrt{b^{2}-4ac}}{2a}
\end{eqnarray}

以下のように表示される。

$ax^{2}+b^{2}+c=0$

$x=\frac{-b\pm\sqrt{b^{2}-4ac}}{2a}$