GitHubのMarkdownで「数式」のネイティブレンダリングが可能に：JavaScriptベースの「MathJax」ライブラリを使用

GitHubで数式がネイティブにレンダリングされるようになった。ドル記号を区切り文字として使う。

[＠IT]

　GitHubは2022年5月19日（米国時間）、複雑な数式をネイティブにレンダリング表示できるようになったと発表した。エンジニアや科学者、データサイエンティスト、数学者の間で情報を共有するための鍵は数式であるとして、新機能の意義を強調した。

　GitHubによると、8年以上前から数式表示のサポートについて要望が多かったという。

　今回、ドル記号「$」と「$$」を区切り文字としてネイティブに使用し、「TeX」や「LaTeX」スタイルの構文で数式を挿入できるようになった。挿入された数式は、人気のある「MathJax」ライブラリを使ってレンダリング表示される。

　MathJaxは、オープンソースでJavaScriptベースの表示エンジンだ。さまざまなLaTeXマクロをサポートし、アクセシビリティを高める幾つかの拡張も可能だ。

どのように数式を書き下すのか

　数式をテキストにインラインで記述するには、次のように、「$」で数式部分を囲む。

This sentence uses `$` delimiters to show math inline:  $\sqrt{3x-1}+(1+x)^2$

インライン式のMarkdownレンダリング（提供：GitHub）

数式をブロックとして追加できる

　数式をブロックとして追加するには、次のように、新しい行を開始し、「$$」で数式を囲む。

**The Cauchy-Schwarz Inequality**
$$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$$

コーシーシュワルツの不等式（提供：GitHub）

インラインとブロックを組み合わせることもできる

　上記2つの式の書き方を組み合わせた例を示す。

When $a \ne 0$, there are two solutions to $(ax^2 + bx + c = 0)$ and they are 
$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$

「$」記号を数式内で文字として使うには

　ドル記号を数式と同じ行に文字として表示するには、区切り文字でない「$」をエスケープする必要がある。

• 数式内でドル記号をエスケープ

数式内のドル記号表現（提供：GitHub）

• 数式と同じ行内でドル記号をエスケープ

数式と同じ行内でのドル記号表現（提供：GitHub）