はじめに

MathJax は、Qiita でも使用されているブラウザ上で数式を表示するためのライブラリです。LaTeXの数式の記法等で数式を記述できます。

MathJax は v3.0 で実装が新しいものに書き直されたため、 v2 との違いが多くバージョンアップする際に注意が必要です。以下のドキュメントに移行方法が記載されています。

本記事では、その中でも特に数式の色を変えるための \color マクロに焦点を当て、v2 と v3 の違いについて紹介します。

LaTeX の `color` パッケージ

MathJax の話に移る前に、元となっている LaTeX の color パッケージについて簡単に説明します。

LaTeXは理系の分野で論文を書かれる際に使用される文書作成ツールです。詳細は以下のWikiなどを読んでください。

LaTeX では標準で式に色を付ける機能はないため、color パッケージ等を使う必要があります。
環境によって多少方法は異なりますが、プリアンブルに \usepackage{color} と書くことで、\color マクロが使えるようになります。

以下のように文字の色を指定すると、マクロ以降の {} で囲った範囲の色が変えることができます。（{} で囲まない場合、\color より後の式の色がすべて変わります。）

LaTeX の color

あかしけ　やなげ　{\color{red} 緋色の鳥よ}　くさはみ　ねはみ　けをのばせ

MathJax には LaTeX の人気のパッケージのマクロ多くが実装されています。

もちろん \color も MathJax v2 で使用できますが、 LaTeX の color パッケージと使い方が異なります。
MathJax v2 では、以下のように第一引数に色、第二引数に色を変えたい式を記述します。

MathJax v2 の color

あかしけ やなげ \color{red}{緋色の鳥よ} くさはみ ねはみ けをのばせ

See the Pen Untitled by Wataru Yamada (@wataru86) on CodePen.

また、設定に以下を加えることで、LaTeX 互換の記法も可能です。

MathJax.Hub.Config({
  tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]},
  TeX: {
    extensions: ["color.js"]
  }
});

MathJax v2 の color (LaTeX 互換)

あかしけ やなげ {\color{red} 緋色の鳥よ} くさはみ ねはみ けをのばせ

See the Pen MathJax v2 color by Wataru Yamada (@wataru86) on CodePen.

詳細は以下の記事に記載があります。

MathJax v3 ではどうなるかというと、デフォルトが LaTeX の \color の書き方と同じになります。

MathJax v3

あかしけ やなげ {\color{red} 緋色の鳥よ} くさはみ ねはみ けをのばせ

See the Pen MathJax v2 color by Wataru Yamada (@wataru86) on CodePen.

これは、color 拡張と呼ばれます。

また、設定を変更することで MathJax v2 の \color と同じ書き方もできます。
以下のように、

window.MathJax = {
  loader: {load: ['[tex]/colorv2']},
  tex: {packages: {'[+]': ['colorv2']}}
};

See the Pen MathJax v2 color by Wataru Yamada (@wataru86) on CodePen.

LaTeX 互換が color 拡張であるのに対し、MathJax v2 の記法は colorv2 拡張と呼ばれます。詳細は以下に記載されています。

このように、v2 から v3 へバージョンを上げる際、そのままでは色がおかしくなり、式全体が真っ赤になってしまう可能性もあります。さらに、今回紹介した変更点以外にも多くの変更がありますが、以下ドキュメントに丁寧に変更点や移行方法が載っているので、それをしっかり読めば問題なく以降できると思います！！

v3移行時に colorv2 拡張の設定を行い、 \color を v2 の記法のまま書けるようになっています。

```math
あかしけ　やなげ　\color{red}{緋色の鳥よ}　くさはみ　ねはみ　けをのばせ
```

あかしけ　やなげ　\color{red}{緋色の鳥よ}　くさはみ　ねはみ　けをのばせ

警告:プロトコル"焚書"発動下に無い状況で以下リンクにアクセスすることは禁じられています