HTML上でLaTeX形式の数式を表示する方法

　こんにちは、Taropouです。今回は、HTML上でLaTeX形式の数式を表示する方法について解説していきます。

LaTeXとは

　まず前提ですが、LaTeXとは、TeXをもとにした文書作成システムです。LaTeXを使うことで、通常のHTMLだとうまく表示できない分数やルートなどを表示することができるのです。

　今回は、MathJaxを使って、HTML上で数式をLaTeX形式で表示します。

　MathJaxを読み込む方法はとても簡単です。

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

　HTML上でこのように書けば、MathJaxがHTMLで使えるようになります。

　次にMathJaxの使い方です。MathJaxは、読み込んでしまえば、あとはLaTeXの記法を用いて数式を表示できます。

　一応、例のコードを書いておきます。

<body>
<p>\(\sqrt{2}\)</p>
</body>

　数式は上のように、\(～\) で囲むことでLaTeX形式で表示することができます。（ちなみに上のコードでは、ルート2を表示しています。）

　指数や分数、シグマまで、LaTeXでは完璧に表示できるのでLaTeXは本当に便利ですね。

　上の動画は、MathJaxの確認のために試しに作った、計算問題作成Webアプリです。MathJaxでしっかりと分数表示ができているのが伝わると思います。

　今回は、MathJaxを使い、HTML上でLaTeX形式の数式表示をする方法を解説しました。

　最後まで読んでくださり、ありがとうございました。ぜひ、他の記事も読んで見て下さい。