50代から理数を学ぶ - Mathjax の文字に色を付けるのに苦労しました

Home > ブログ > 時空解 > パソコンソフト関連 > Mathjax の文字に色を付けるのに苦労しました

時空解さんの日記

2018

11月 18

(日)

09:18

Mathjax の文字に色を付けるのに苦労しました

前の日記次の日記

カテゴリーパソコンソフト関連

本文

皆さん、おはようございます。時空解です。

昨日は会社がお休みでしたので、なんとかサイトのコンテンツを１つ作りました。"実数" です。でもこのコンテンツページには、絶対値の定義も追記したいと思っていますけどね。それはまた次の休日にでも実施する予定です。

このコンテンツを作るのには苦労しました。まずは、定義と定理…この２つをそもそも区別した方が良いか否かで迷いました。
結局は分ける事にしましたが。

定義と定理の区別。皆さんはちゃんとご存知でしたでしょうか？
私は何となくは分かっているつもりでしたが、今回の事で再認識した次第です。下記のサイトを参照しました。
・【数学用語の説明】定義と定理の違いとは？

このサイトの要点を取り出すと、下記のようになります。

「定義」とは，用語の意味をはっきり述べたもので，基本的には，1つの用語に対して1つの説明しかありません。それに対して，定義から導かれたもの(証明された事柄)を「性質」や「定理」といいます。これは1つとは限りません。いろいろな「性質」の中でよく使われるものを特に「定理」とよんでいます。

これに加えて、定理と公式の違いは？と言う点もありますが、これは Wikipedia に載っています。
・公式

Wikipedia によると "公式とは数式で表された定理" と言う説明がありますのでそれに従う事にします。

さてもう１つ、今回のコンテンツ作りで苦労したのが、Mathjax の文字の色を任意に指定する方法ですね。
分かってしまえば簡単なんですけどね。下記の２つを実施すれば色を指定できます。
(1) color.js ファイルを起動する
(2) 色を付けたい文字に \color コマンドを付ける

私のサイトはローカルで Mathjax を利用できるようにしてありますので、Mathjax オプションを指定するファイル local.js に、まずは (1) を実施するためのソースを追記しました。そのソースコードが下記。

  // 文字色指定を可能にするために、color.js を起動している。\color[RGB]{*,*,*} で指定できる。 * は10進数

MathJax.Hub.Config({

   TeX: {

   extensions: ['color.js']

  }

});

これで、後は色を付けたい文字に Mathjax の \color コマンドで色指定してやれば任意の色を付ける事が出来ます。
例えばブルーならば

{ \frac{ \color[RGB]{30,120,200}ここの部分の文字が指定される}

です。参考にしたサイトは下記です。
・Web上で綺麗な数式を記述できるMathjax.jsプラグインの使い方

このコンテンツ作りで昨日は終わってしまいましたが、まぁ形になったので良しですよね…。

では今日も１日の習慣を始めます。小さな一歩・挑戦を試みます。

応援してね。
千里の道も一歩から。そしてその道は登り坂です。ローマは１日にして成らず、です。

(ポチッとブログ村のバナーをクリックしてね）

「休日の使い方」の実施状況
★ 平日を充実させるために…	☆ 実施状況
斜め懸垂１回 (ボルダリングの体力獲得) &fnbsp; ブログ投稿後	グリップ４０回、腕立て２０回、腹筋２０回
そろばんの練習５問 (暗算の獲得) 朝食後	加減算１～１００の足し算１回、１～１００の引き算１回掛け算せず
数学の問題１問 (物理学の数式の理解力の獲得) ９時４５分～１１時１５分 ,９０分	チャート式数学白II+B：できずチャート式数学青I+A：できず数学の答え合わせは後でまとめてやる：機会なし２時間は机から離れず、パソコンの画面も見ずに数学の学習に取り組む：機会なし
規則正しい休日の生活基本習慣	昨日・良い習慣を休日でも実施する：× 昨日・コンテンツを中途半端でも良いので作る：〇昨日・２１時以降は、カフェインなしのドリンクを楽しむ：〇昨日・寝床に入った時間：２３時５６分今朝・７時に布団から出る：７時２５分朝 --- ブログの投稿 ---

閲覧(5414)

コメントを書く
コメントを書くにはログインが必要です。