はてなブログで数式を使うには？【お役立ち】

みなさん、こんばんは藤崎です。

1.はじめに

ブログを書いていて次のように思ったことはないでしょうか？

下記ブログのように数式を記載して表現したいことがあると思います。

vazeriya-fujisaki.hatenablog.com

ポアソン分布

\begin{eqnarray*} P(X=k)= \displaystyle\frac{e^{-\lambda} \lambda^{k}}{k!} (k=0,1,2, \cdots ) \\ \end{eqnarray*}

一つの方法として、MicrosoftWordなどで記載した内容をスクショし、ブログに張り付ける方法です。

これだと

①MicrosoftWordなどで数式を記載

②スクリーンショットをとる

③ブログ内に写真を張り付ける

といった工程になり、とても手間がかかります。

2.MathJaxの紹介

そんな悩みを解決するのが、Mathjaxです。

MathJax はウェブページの製作者がページに数式を埋め込めるようにする JavaScript ライブラリ
です。閲覧者側では数式を閲覧するのに何も必要としません。
ブラウザー: MathJax は、Edge、Firefox、Chrome、Safari、Opera、ほとんどのモバイルブラウ
ザーを含む、すべてのモダンブラウザーで動作します。
（MathJax ヘルプより）

下記公式サイトより、掛け算、割り算などの四則演算はもちろんのこと、分数など様々な数式にも対応しています。

https://www.eng.niigata-u.ac.jp/~nomoto/download/mathjax.pdf

3.はてなブログに適用させるには

編集画面より、HTML編集を開き下記記述を一番下に追記します。

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    tex2jax: {
      inlineMath: [['$','$'], ['\\(','\\)']],
      displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
    }
  });
</script>
<script type="text/javascript" async="" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
</p>
<!-- Mathjaxを使うための設定 -->

これで設定完了です！

さっそく書いてみます！

分数