Processing math: 33%

MathJax のテスト

MathJax は、数式を美しく表示するための JavaScriptライブラリです。

1. 使い方

1-1. MathJax.js を読み込む

HTMLファイルに以下を記述して MathJax.js を読み込みます。

<script type="text/javascript" async
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">
</script>

1-2. 式を書く

HTMLファイルに LaTeX形式で式を書き、\[\] で囲みます。もしくは、バッククォートで囲みます。

2. 使ってみる

2-1. \[\] で囲って書いてみる

記述した式

\[
  E = mc^2
  \tag{1}
\]

\[
  E = \frac{mc^2}{\sqrt{1-\frac{v^2}{c^2}}}
  \tag{2}
\]

\[
  e^{iπ} = -1
  \tag{3}
\]

表示結果

E=mc2 E=mc21v2c2 e^{iπ} = -1 \tag{3}

2-2. バッククォートで囲って書いてみる

記述した式

`E = mc^2``E = \frac{mc^2}{\sqrt{1-\frac{v^2}{c^2}}}`、それから `e^{iπ} = -1`

表示結果

E = mc^2E = \frac{mc^2}{\sqrt{1-\frac{v^2}{c^2}}}、それから e^{iπ} = -1

参考