とほほのMathJax入門

目次

MathJaxとは

使い方

<head>～</head> の間に下記を記述してください。

HTML
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

もうそろそろ必要ないと思いますが、IE11 にも対応させるなら、上記の前に次の1行も追記してください。

HTML
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>

数式は \(...\) で囲みます。

MathJax
<p>アインシュタインは \( E=mc^2 \) の公式を導きました。</p>
表示

アインシュタインは \( E=mc^2 \) の公式を導きました。

\(...\) で囲んだ場合はインラインモードで表示されますが、\[ ... \] や $$...$$ で囲んだ場合はブロックモードでセンタリングで表示されます。

MathJax
\[ 3 + 4 = 7 \]
$$ 3 + 4 = 7 $$
表示
\[ 3 + 4 = 7 \]

後述する \begin{...}...\end{...} を用いた場合 \(...\) の中であればインラインモード、外であればブロックモードで表示します。

MathJax
\( \begin{array}{l} 3 + 4 = 7 \end{array} \)  # インラインモード
\begin{array}{l} 3 + 4 = 7 \end{array}        # ブロックモード

下記は MathJax でシュレディンガー方程式を表示する例です。

MathJax
\begin{eqnarray}
  i\hbar\frac{\partial}{\partial t}\psi(x,t)=
  \left(-\frac{\hbar^2}{2m}+V(x)\right)\psi(x,t)
\end{eqnarray}
表示
\begin{eqnarray} i \hbar\frac{\partial}{\partial t}\psi(x,t) = \left(-\frac{\hbar^2}{2m}+V(x)\right)\psi(x,t) \end{eqnarray}

記法

LaTeX の数式表現で使用される数多くの機能をサポートしています。下記では主な機能を紹介します。

四則演算(＋－×÷)

記法説明記述例表示例
+ 加算 a + b \( a + b \)
- 減算 a - b \( a - b \)
\times 乗算 a \times b \( a \times b \)
\cdot 乗算 a \cdot b \( a \cdot b \)
\div 除算 a \div b \( a \div b \)
/ 除算 a / b \( a / b \)
\pm プラスマイナス \pm 2 \( \pm 2 \)

分数

記法説明記述例表示例
\frac 分数 \frac{x}{2} \( \frac{2}{x+3} \)
\displaystyle \frac 分数(大き目に表示) \displaystyle \frac{2}{x+3} \( \displaystyle \frac{2}{x+3} \)
\dfrac 分数(大き目に表示) \dfrac{2}{x+3} \( \dfrac{2}{x+3} \)
\left(
\right)		 括弧の高さを中身に合わせる \left( \dfrac{2}{x+3} \right)^2 \( \left( \dfrac{2}{x+3} \right)^2 \)

数

記法説明記述例表示例
\dot 循環小数 \dfrac{1}{3} = 0.\dot{3} \( \dfrac{1}{3} = 0.\dot{3} \)
\ldots 無限小数 \pi = 3.14\ldots \( \pi = 3.14\ldots \)
\infty 無限大 \infty \( \infty \)

累乗・階乗・平方根・累乗根など

記法説明記述例表示例
^ 累乗 x^2 \( x^2 \)
! 階乗 n! \( n! \)
\sqrt 平方根 \sqrt{2} \( \sqrt{2} \)
\sqrt 累乗根 \sqrt[3]{2} \( \sqrt[3]{2} \)
_ 下付き文字 x_i \( x_i \)
\log 対数 \log x \log_{10} x \( \log x \)
\( \log_{10} x \)
\sin
\cos
\tan		 三角関数 \sin θ \cos θ \tan θ
\sin (x+2)		 \( \sin θ \cos θ \tan θ \)
\( \sin (x+2) \)

総和・総乗・積分・極限

記法説明記述例表示例
\sum 総和(コンパクト) \sum_{i=1}^{n}x_i \( \sum_{i=1}^{n}x_i \)
\displaystyle \sum 総和(ノーマル) \displaystyle \sum_{i=1}^{n}x_i \( \displaystyle \sum_{i=1}^{n}x_i \)
\prod 総乗(コンパクト) \prod_{i=0}^{n} x_i \( \prod_{i=0}^{n} x_i \)
\displaystyle \prod 総乗(ノーマル) \displaystyle \prod_{i=0}^{n} x_i \( \displaystyle \prod_{i=0}^{n} x_i \)
\int 積分(コンパクト) \int_{0}^{\infty} f(x) dx \( \int_{0}^{\infty} f(x) dx \)
\displaystyle \int 積分(ノーマル) \displaystyle \int_{0}^{\infty} f(x) dx \( \displaystyle \int_{0}^{\infty} f(x) dx \)
\lim 極限(コンパクト) \lim_{x \to \infty} f(x) \( \lim_{x \to \infty} f(x) \)
\displaystyle \lim 極限(ノーマル) \displaystyle \lim_{x \to \infty} f(x) \( \displaystyle \lim_{x \to \infty} f(x) \)

配列

記法説明記述例表示例
\begin{array}{dir}
...
\end{array}		 配列。& はカラム区切り。\\ は行区切り。{rl} は各列のアライン(left, center, right)。 
\begin{array}{rl}
  abcdefg & 1234 \\
  hij     & 12
\end{array}
 \( \begin{array}{lr} abcdefg & 1234 \\ hij & 12 \end{array} \)
\begin{subarray}{dir}
...
\end{subarray}		 小さな配列。 
\begin{subarray}{rl}
  abc & 1234 \\
  def &   12
\end{subarray}
 \( \begin{subarray}{lr} abc & 1234 \\ def & 12 \end{subarray} \) 
\begin{pmatrix}
...
\end{pmatrix}
 括弧を用いた行列 
\begin{pmatrix}
  a & b \\
  c & d
\end{pmatrix}
 \( \begin{pmatrix} a & b \\ c & d \end{pmatrix} \) 
\begin{bmatrix}
...
\end{bmatrix}
 カギ括弧を用いた行列 
\begin{bmatrix}
  a & b \\
  c & d
\end{bmatrix}
 \( \begin{bmatrix} a & b \\ c & d \end{bmatrix} \) 
\begin{Bmatrix}
...
\end{Bmatrix}
 中括弧を用いた行列 
\begin{Bmatrix}
  a & b \\
  c & d
\end{Bmatrix}
 \( \begin{Bmatrix} a & b \\ c & d \end{Bmatrix} \) 
\begin{vmatrix}
...
\end{vmatrix}
 縦棒を用いた行列 
\begin{vmatrix}
  a & b \\
  c & d
\end{vmatrix}
 \( \begin{vmatrix} a & b \\ c & d \end{vmatrix} \) 
\begin{Vmatrix}
...
\end{Vmatrix}
 二重縦棒を用いた行列 
\begin{Vmatrix}
  a & b \\
  c & d
\end{Vmatrix}
 \( \begin{Vmatrix} a & b \\ c & d \end{Vmatrix} \)

改行

記法説明記述例表示例
\begin{eqnarray}
... \\
...
\end{eqnarray}
 改行 
\begin{eqnarray}
  a + b = c \\
  d + e = f
\end{eqnarray}
 \( \begin{eqnarray} a + b = c \\ d + e = f \end{eqnarray} \) 
\\[length]
 改行幅。負数も指定可能 
\begin{eqnarray}
  a + b = c \\[8px]
  d + e = f
\end{eqnarray}
 \( \begin{eqnarray} a + b = c \\[8px] d + e = f \end{eqnarray} \)

方程式

記法説明記述例表示例
\begin{eqnarray}
...
\end{eqnarray}
 = の位置合わせ 
\begin{eqnarray}
  2x + 3x & = & 25 \\
        x & = & 5
\end{eqnarray}
 \( \begin{eqnarray} 2x + 3x & = & 25 \\ x & = & 5 \end{eqnarray} \)
\left{
...
\right.		 連立方程式 
\begin{eqnarray}
  \left\{
    \begin{array}{l}
      x + y = 8 \\
      2x + 3y = 21
    \end{array}
  \right.
\end{eqnarray}
 \( \begin{eqnarray} \left\{ \begin{array}{l} x + y = 8 \\ 2x + 3y = 21 \end{array} \right. \end{eqnarray} \)

等号・不等号・大なり・小なり

記法説明記述例表示例
\gt \lt
\geq \leq
\geqq \leqq
\gg \ll		 大小 
x \gt y
x \lt y
x \geq y
x \leq y
x \geqq y
x \leqq y
x \gg y
x \ll y
 \( \begin{array}{l} x \gt y \\ x \lt y \\ x \geq y \\ x \leq y \\ x \geqq y \\ x \leqq y \\ x \gg y \\ x \ll y \end{array} \)
=
\neq
\fallingdotseq		 等号、不等号、ほぼ等しい 
x = y
x \neq y
x \fallingdotseq y
 \( \begin{array}{l} x = y \\ x \neq y \\ x \fallingdotseq y \end{array} \)

集合

記法説明記述例表示例
\subset
\subseteeq
\subseteqq		 部分集合 
A \subset B
A \subseteq B
A \subseteqq B
 \( \begin{array}{l} A \subset B \\ A \subseteq B \\ A \subseteqq B \end{array} \)
\supset
\supseteq
\supseteqq		 上位集合 
A \supset B
A \supseteq B
A \supseteqq B
 \( \begin{array}{l} A \supset B \\ A \supseteq B \\ A \supseteqq B \end{array} \)
\not \subset
\not \subseteq		 部分集合の否定 
A \not \subset B
A \subsetneq B
A \subsetneqq B
 \( \begin{array}{l} A \not \subset B \\ A \subsetneq B \\ A \subsetneqq B \end{array} \)
\cap
\cup		 集合の交わり、集合の結び 
A \cap B
A \cup B
 \( \begin{array}{l} A \cap B \\ A \cup B \end{array} \)

スタイル

記法説明記述例表示例
\color フォント色 \color{red}{a + b} \( \color{red}{a + b} \)
\colorbox 背景色 \colorbox{pink}{a + b} \( \colorbox{pink}{a + b} \)
\fcolorbox 背景色と枠線 \fcolorbox{#966}{pink}{a + b} \( \fcolorbox{#966}{pink}{a + b} \)
\bbox 背景色、パディング、惑星を細かく指定 \bbox[pink, 4pt, border:2px dotted #966] {a + b} \( \bbox[pink, 4pt, border:2px dotted #966] {a + b} \)

フォント

記法説明記述例表示例
\Huge
\huge
\LARGE
\Large
\large
\normalsize
\small
\scriptsize
\tiny		 文字の大きさ 
\Huge{ABC}
\huge{ABC}
\LARGE{ABC}
\Large{ABC}
\large{ABC}
\normalsize{ABC}
\small{ABC}
\scriptsize{ABC}
\tiny{ABC}
 \( \begin{array}{l} \Huge{ABC} \\ \huge{ABC} \\ \LARGE{ABC} \\ \Large{ABC} \\ \large{ABC} \\ \normalsize{ABC} \\ \small{ABC} \\ \scriptsize{ABC} \\ \tiny{ABC} \\ \end{array} \)
\mathrm ローマン \mathrm{ABC} \( \mathrm{ABC} \)
\mathbf 太字 \mathbf{ABC} \( \mathbf{ABC} \)
\mathit イタリック \mathit{ABC} \( \mathit{ABC} \)
\mathsf サンセリフ \mathsf{ABC} \( \mathsf{ABC} \)
\mathtt タイプライター \mathtt{ABC} \( \mathtt{ABC} \)
\mathbb 中抜き \mathbb{ABC} \( \mathbb{ABC} \)
\mathscr スクリプト \mathscr{ABC} \( \mathscr{ABC} \)
\mathcal カリグラフィー \mathcal{ABC} \( \mathcal{ABC} \)
\mathfrak フラクトゥール \mathfrak{ABC} \( \mathfrak{ABC} \)

空白

記法説明記述例表示例
\! 空白無し x \! y \( x \! y \)
通常 x y \( x y \)
\ 狭い空白。\ の後にスペースが必要 x \ y \( x \ y \)
\quad 少し広い空白 x \quad y \( x \quad y \)
\qquad 広い空白 x \qquad y \( x \qquad y \)
\hspace{length} 長さ指定の空白 x \hspace{50px} y \( x \hspace{50px} y \)
\, \: \> \; それぞれ幅の異なるスペース 
x\,x\,x\,x\,x
x\:x\:x\:x\:x
x\>x\>x\>x\>x
x\;x\;x\;x\;x
 \( \begin{array}{l} x\,x\,x\,x\,x \\ x\:x\:x\:x\:x \\ x\>x\>x\>x\>x \\ x\;x\;x\;x\;x \end{array} \)

ギリシャ文字

記法説明記述例表示例
\alphaアルファ\alpha\( \alpha \)
\betaベータ\beta\( \beta \)
\gammaガンマ\gamma\( \gamma \)
\deltaデルタ\delta\( \delta \)
\epsilonイプシロン\epsilon\( \epsilon \)
\varepsilonイプシロン\varepsilon\( \varepsilon \)
\zetaゼータ\zeta\( \zeta \)
\etaイータ\eta\( \eta \)
\thetaシータ\theta\( \theta \)
\varthetaシータ\vartheta\( \vartheta \)
\iotaイオタ\iota\( \iota \)
\kappaカッパ\kappa\( \kappa \)
\lambdaラムダ\lambda\( \lambda \)
\muミュー\mu\( \mu \)
\nuニュー\nu\( \nu \)
\xiクシー\xi\( \xi \)
oオミクロンo\( o \)
\piパイ\pi\( \pi \)
\varpiパイ\varpi\( \varpi \)
\rhoロー\rho\( \rho \)
\varrhoロー\varrho\( \varrho \)
\sigmaシグマ\sigma\( \sigma \)
\varsigmaシグマ\varsigma\( \varsigma \)
\tauタウ\tau\( \tau \)
\upsilonユプシロン\upsilon\( \upsilon \)
\phiファイ\phi\( \phi \)
\varphiファイ\varphi\( \varphi \)
\chiカイ\chi\( \chi \)
\psiプシー\psi\( \psi \)
\omegaオメガ\omega\( \omega \)
AアルファA\( A \)
BベータB\( B \)
\Gammaガンマ\Gamma\( \Gamma \)
\varGammaガンマ\varGamma\( \varGamma \)
\Deltaデルタ\Delta\( \Delta \)
\varDeltaデルタ\varDelta\( \varDelta \)
EイプシロンE\( E \)
ZゼータZ\( Z \)
HイータH\( H \)
\Thetaシータ\Theta\( \Theta \)
\varThetaシータ\varTheta\( \varTheta \)
Iタウ/td>I\( I \)
KカッパK\( K \)
\Lambdaラムダ\Lambda\( \Lambda \)
\varLambdaラムダ\varLambda\( \varLambda \)
MミューM\( M \)
NニューN\( N \)
\Xiクシー\Xi\( \Xi \)
OオミクロンO\( O \)
\Piパイ\Pi\( \Pi \)
\varPiパイ\varPi\( \varPi \)
PローP\( P \)
\Sigmaシグマ\Sigma\( \Sigma \)
\varSigmaシグマ\varSigma\( \varSigma \)
TタウT\( T \)
\Upsilonユプシロン\Upsilon\( \Upsilon \)
\varUpsilonユプシロン\varUpsilon\( \varUpsilon \)
\Phiファイ\Phi\( \Phi \)
\varPhiファイ\varPhi\( \varPhi \)
XカイX\( X \)
\Psiプシー\Psi\( \Psi \)
\varPsiプシー\varPsi\( \varPsi \)
\Omegaオメガ\Omega\( \Omega \)
\varOmegaオメガ\varOmega\( \varOmega \)

その他

記法説明記述例表示例
% コメント E=mc^2 % Einstein's equations \( E=mc^2 % Einstein's equations \)
\phantom 見えない文字。数値の桁そろえなどに利用 123\phantom{456}789 \( 123\phantom{456}789 \)
Copyright (C) 2023 杜甫々
初版:2023年4月23日 最終更新:2023年4月23日
https://www.tohoho-web.com/ex/mathjax.html