Web ページにきれいな数式を載せるなら、MathJax がオススメ。

LINEで送る
Pocket

ふと、Web上できれいな数式を書きたい気分になったので、少し調べました。

Web ページ内に TeX の記法で表示させる MathJax という Javascript を試してみます。

スポンサードリンク

導入方法

ホームページへの MathJax の導入は簡単。

<head>と</head>の間に

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script>

という文を追加すればよいだけです。

WordPressなら、メニュー画面から、外観、テーマの編集、ヘッダーと進めば、head タグが編集できますね。

 

使用例

テストをしてみましょう。

x^2 = 2, x= √2 を MathJax で表示すると、\(x^2 =2 , x=\sqrt{2}\) となります。

\[a,A,\alpha, \mathbf{A},\mathcal{A},\mathscr{A},\mathbb{A},\mathfrak{A} \]

a,A,\mathbf{A},\mathcal{A},\mathscr{A},\mathbb{A},\mathfrak{A} を表示させたものです。

いやあきれいですね。

B-WqaMkCIAAVs-o

iPhone からだと、数秒時間はかかりますが、表示されます。ルートが少し崩れていますね。読み込み前にちゃんと、Aという文字だけは表示されていて、その後処理してくれるのがありがたいですね。

 

スポンサードリンク

TeX記法で書く

数学の教科書の式は \(T_E X\) (TeX,テフ)という数式用のプログラミング言語で記述されていることが多いです。

\(T_E X\) の記法を知っている人は、MathJax もそれに従って入力すればよいのです。

文中に表示させるインライン数式モードでは\ ( , \)で囲い、中央に表示させるディスプレイモードでは\ [ , \]を使います。

囲いの文字を自分で決めた文字にしたいなら、このページを見てヘッダーに記述を追加すればよいです。

 

\[\lim_{n\to \infty}\int_\Omega f_{n}d\mu=\int_\Omega fd\mu\]

昔は、数式を表示させるにも、簡単だがギザギザとした画像か、きれいだけれど手間がかかるような方法しかありませんでした。読む人も何かフォントを入れる必要もなく、書く側もかなり簡単にきれいな式を表示させられるのはいいですね。

「きれいな数式をWebページに表示させたい」とかふと思ったら(思うことはあんまりなさそう)、ぜひ Mathjax を試してみてください。

スポンサードリンク
LINEで送る
Pocket

ネット文化 古典
ネット文化全記事まとめ(150記事以上) 古典・全記事まとめ(50記事以上)
ニコニコ動画の面白キケン地帯「例のアレ」とは?
淫夢本編 淫夢派生ネタ
クッキー☆
ホモと見るYoutuber
MAD全般
哲学・宗教・人文社会学
Twitter 数学・自然科学
にちゃんねる・ふたば
ハセカラ
ウェブ・ビジネス書
考察・研究記事 古典とは?
スマホでアニメを合法・無料で見る!おすすめの動画配信サービス