MathJaxとは？

*このページは web-dou.com のアーカイブです。(2025年サイト統合)

　MathJaxは世界最大の数学論文データベース MathSciNetにも採用されている、数式表示の仕組みです。数式の入力方法は、古くから論文作成に使用されている LaTeX のコマンドを使用するため、LaTeXに慣れている方は簡単に数式を入力することができます。

MathJaxの公式サイト

MathJaxで数式の実行例

　MathJaxで表示した数式の例です。

(式1)

\[ f(x) = \sum_{n=1}^\infty\frac{1}{n^x} \]

(式2)

\[ \int_0^{2\pi} \sin x \mathrm{d}x = 0 \]

(式3)

　文章中に \( f(x) f'(x) = ax + by + C \)　のような数式も表示できます。

MathJaxの導入方法と実行

MathJaxはJavaScriptで動作し、ページ中にあるTexコマンドを自動解析して数式に変換します。導入方法は簡単で、①HTMLのヘッダに以下のJavaScriptを定義し、②数式を記述する。たったこれだけで利用することができます。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">

<!-- ①ヘッダにMathJaxを定義 //-->
<script type="text/x-mathjax-config">
MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ["\(","\)"]] } });
</script>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>

</head>
<body>

<!-- ②数式を記述 //-->
\[ \int_0^{2\pi} \sin x \mathrm{d}x = 0 \]
\[ 3x + 4y = 10 \]

</body>
</html>

上記の結果、②の部分は \[ \int_0^{2\pi} \sin x \mathrm{d}x = 0 \] \[ 3x + 4y = 10 \] と表示されます。MathJaxはこれ以外にも様々な構文があり、複雑な数式を作成することができます。構文はこちらで解説しています。またリアルタイムプレビューを利用して様々な数式の作成にチャレンジしてみてください。

Amazonで購入 Googleアナリティクス HTML CSS JavaScript Unity React Vue.js

>MathJaxとは？

MathJaxとは？

MathJaxで数式の実行例

MathJaxの導入方法と実行