「Mathjax2.x 練習場」の版間の差分

2025年1月10日 (金) 17:52時点における版

Mathjax 2.7に戻る。

Mathjax コード一覧に戻る。

概要

　Mathjax2.x系で使えるコード一覧を作成したいと思います。しばらくはコード動作確認調整期間になります。Mathjax3.x系向けのサンプルを全部貼りましたので、動いていないものは非対応だったんだなと思っていいと思います。

Checking environment...

　Version2.0系に関する記事です。このページのMathJaxバージョンは

Loading MathJax version...

数

分数

\frac{1}{2}

$$ \frac{1}{2} $$

分数（大）

\displaystyle \frac{1}{2}

$$ \displaystyle \frac{1}{2} $$

分数（大）2

\dfrac{1}{2}

$$ \dfrac{1}{2} $$

増減表

\begin{array}{c|ccccc}
  x     & \cdots & -1 & \cdots & 1 & \cdots \\ 
  \hline
  f’(x) & + & 0 & – & 0 & + \\ 
  \hline
  f(x)  & \nearrow & e & \searrow & -e & \nearrow
\end{array}

$$ \begin{array}{c|ccccc} x & \cdots & -1 & \cdots & 1 & \cdots \\ \hline f’(x) & + & 0 & – & 0 & + \\ \hline f(x) & \nearrow & e & \searrow & -e & \nearrow \end{array} $$

平方根

\sqrt{ 2 }

$$ \sqrt{ 2 } $$

微分（ラグランジュ）

f'

$$ f' $$

微分サンプル

\begin{eqnarray}
f'(x)
 = \frac{ df }{ dx }
 = \lim_{ \Delta x \to 0 } \frac{ f(x + \Delta x) - f(x) }{ \Delta x }
\end{eqnarray}

$$ \begin{eqnarray} f'(x) = \frac{ df }{ dx } = \lim_{ \Delta x \to 0 } \frac{ f(x + \Delta x) - f(x) }{ \Delta x } \end{eqnarray} $$

表サンプル

\begin{array}{c|ccccc}
  x     & \cdots & -1 & \cdots & 1 & \cdots \\ 
  \hline
  f’(x) & + & 0 & – & 0 & + \\ 
  \hline
  f(x)  & \nearrow & e & \searrow & -e & \nearrow
\end{array}

$$ \begin{array}{c|ccccc} x & \cdots & -1 & \cdots & 1 & \cdots \\ \hline f’(x) & + & 0 & – & 0 & + \\ \hline f(x) & \nearrow & e & \searrow & -e & \nearrow \end{array} $$

下線

\underline{ A }

$$ \underline{ A } $$

下線

\underline{ A }

$$ \underline A $$

下線

\underline{ AB }

$$ \underline{AB} $$

@@ 19行目: / 19行目: @@
        },
        TeX:{
-        equationNumbers:{autoNumber: "AMS"},
+//        equationNumbers:{autoNumber: "AMS"},
-         extensions: ["[Contrib]/physics/physics.js","[Contrib]/siunitx/siunitx.js"]
+         extensions: ["[Contrib]/physics/physics.js","[Contrib]/siunitx/siunitx.js", "color.js", "cancel.js"]
        },
        "HTML-CSS": {
@@ 28行目: / 28行目: @@
      }
    );</script>
-<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/latest.js?config=TeX-AMS_HTML-full"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/MathJax.js?config=TeX-AMS_HTML-full"></script>
-<script></freescript><freescript></script>
+<script></freescript>
+<freescript></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/vs2015.css">
 <link rel="stylesheet" href="https://wiki.yo-net.jp/custom.css">
 <script src="https://wiki.yo-net.jp/highlight/highlight.js"></script>
-<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>-->
 <script src="https://wiki.yo-net.jp/custom.js"></script>
 <script></freescript>
-[[Mathjax 2.7]]へ戻る。
+[[Mathjax 2.7]]に戻る。
-[[Mathjax2.x 設定]]へ
+[[Mathjax コード一覧]]に戻る。
-<!--<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML-full"></script>-->
+== '''概要''' ==
+　Mathjax2.x系で使えるコード一覧を作成したいと思います。しばらくはコード動作確認調整期間になります。Mathjax3.x系向けのサンプルを全部貼りましたので、動いていないものは非対応だったんだなと思っていいと思います。
+　<div id="output">Checking environment...</div>
-　最新版に拘りたい人は以下の設定かな。@2で、2.x系の最新版が使えます。現時点では、2.7.9でした。でも、あとで説明する最強設定は使えません。
+　Version2.0系に関する記事です。このページのMathJaxバージョンは
+　<div id="version">Loading MathJax version...</div>
 <freescript></script>
-<div class="hljs-wrap"><pre data-label="Mathjax(最新版CDN).html" class="pre-wrap"><code class="language-html"><script type="text/x-mathjax-config">
+<script type="text/javascript">
-ここに設定を記述しますが、省略。
+// 読み込み後にグローバルスコープのオブジェクトを調べる
+window.onload = function() {
+  const keys = Object.keys(window).sort(); // グローバル変数を列挙
+  const output = keys.includes("MathJax") ? "MathJax is defined." : "MathJax is not defined. Global keys: " + keys.join(", ");
+  document.getElementById("output").textContent = output;
+  if (typeof MathJax !== "undefined") {
+    if(MathJax.version) {
+    // MathJax のバージョンを取得して表示
+      document.getElementById("version").textContent = "MathJax version: " + MathJax.version;
+    }
+  } else {
+    console.error("MathJax is not defined or failed to load.");
+    document.getElementById("version").textContent = "MathJax failed to load.";
+  }
+};
 </script>
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@2/MathJax.js?config=TeX-AMS_HTML-full"></script></code></pre></div>
 <script></freescript>
+=== 数 ===
+*分数
+<freescript></script>
+<div class="hljs-wrap"><pre data-label="MathJaxSample" class="pre-wrap">
+<code class="tex">\frac{1}{2}
+</code></pre></div><script></freescript><div style="background-color:#eeeeee; border:2px solid;">
+$$ \frac{1}{2} $$
+</div>
+*分数（大）
+<freescript></script>
+<div class="hljs-wrap"><pre data-label="MathJaxSample" class="pre-wrap">
+<code class="tex">\displaystyle \frac{1}{2}
+</code></pre></div><script></freescript><div style="background-color:#eeeeee; border:2px solid;">
+$$ \displaystyle \frac{1}{2} $$
+</div>
+*分数（大）2
+<freescript></script>
+<div class="hljs-wrap"><pre data-label="MathJaxSample" class="pre-wrap">
+<code class="tex">\dfrac{1}{2}
+</code></pre></div><script></freescript><div style="background-color:#eeeeee; border:2px solid;">
+$$ \dfrac{1}{2} $$
+</div>
+*増減表
+<freescript></script>
+<div class="hljs-wrap"><pre data-label="MathJaxSample" class="pre-wrap">
+<code class="tex">\begin{array}{c|ccccc}
+  x     & \cdots & -1 & \cdots & 1 & \cdots \\
+  \hline
+  f’(x) & + & 0 & – & 0 & + \\
+  \hline
+  f(x)  & \nearrow & e & \searrow & -e & \nearrow
+\end{array}
+</code></pre></div><script></freescript><div style="background-color:#eeeeee; border:2px solid;">
+$$ \begin{array}{c|ccccc}
+  x     & \cdots & -1 & \cdots & 1 & \cdots \\
+  \hline
+  f’(x) & + & 0 & – & 0 & + \\
+  \hline
+  f(x)  & \nearrow & e & \searrow & -e & \nearrow
+\end{array} $$
+</div>
+*平方根
+<freescript></script>
+<div class="hljs-wrap"><pre data-label="MathJaxSample" class="pre-wrap">
+<code class="tex">\sqrt{ 2 }
+</code></pre></div><script></freescript><div style="background-color:#eeeeee; border:2px solid;">
+$$ \sqrt{ 2 } $$
+</div>
+*微分（ラグランジュ）
+<freescript></script>
+<div class="hljs-wrap"><pre data-label="MathJaxSample" class="pre-wrap">
+<code class="tex">f'
+</code></pre></div><script></freescript><div style="background-color:#eeeeee; border:2px solid;">
+$$ f' $$
+</div>
+*微分サンプル
+<freescript></script>
+<div class="hljs-wrap"><pre data-label="MathJaxSample" class="pre-wrap">
+<code class="tex">\begin{eqnarray}
+f'(x)
+ = \frac{ df }{ dx }
+ = \lim_{ \Delta x \to 0 } \frac{ f(x + \Delta x) - f(x) }{ \Delta x }
+\end{eqnarray}
+</code></pre></div><script></freescript><div style="background-color:#eeeeee; border:2px solid;">
+$$ \begin{eqnarray}
+f'(x)
+ = \frac{ df }{ dx }
+ = \lim_{ \Delta x \to 0 } \frac{ f(x + \Delta x) - f(x) }{ \Delta x }
+\end{eqnarray} $$
+</div>
+*表サンプル
+<freescript></script>
+<div class="hljs-wrap"><pre data-label="MathJaxSample" class="pre-wrap">
+<code class="tex">\begin{array}{c|ccccc}
+  x     & \cdots & -1 & \cdots & 1 & \cdots \\
+  \hline
+  f’(x) & + & 0 & – & 0 & + \\
+  \hline
+  f(x)  & \nearrow & e & \searrow & -e & \nearrow
+\end{array}
+</code></pre></div><script></freescript><div style="background-color:#eeeeee; border:2px solid;">
+$$ \begin{array}{c|ccccc}
+  x     & \cdots & -1 & \cdots & 1 & \cdots \\
+  \hline
+  f’(x) & + & 0 & – & 0 & + \\
+  \hline
+  f(x)  & \nearrow & e & \searrow & -e & \nearrow
+\end{array} $$
+</div>
-　同じ最新版でも2.7.1になる以下の残念なCDNもあります。何がlatestやねん。
+*下線
 <freescript></script>
-<div class="hljs-wrap"><pre data-label="Mathjax(最新版と言いながら2.7.1のCDN).html" class="pre-wrap"><code class="language-html"><script type="text/x-mathjax-config">
+<div class="hljs-wrap"><pre data-label="MathJaxSample" class="pre-wrap">
-ここに設定を記述しますが、省略。
+<code class="tex">\underline{ A }
-</script>
+</code></pre></div><script></freescript><div style="background-color:#eeeeee; border:2px solid;">
-<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML-full"></script></code></pre></div>
+$$ \underline{ A } $$
-<script></freescript>
+</div>
+*下線
+<freescript></script>
+<div class="hljs-wrap"><pre data-label="MathJaxSample" class="pre-wrap">
+<code class="tex">\underline{ A }
+</code></pre></div><script></freescript><div style="background-color:#eeeeee; border:2px solid;">
+$$ \underline A  $$
+</div>
+*下線
+<freescript></script>
+<div class="hljs-wrap"><pre data-label="MathJaxSample" class="pre-wrap">
+<code class="tex">\underline{ AB }
+</code></pre></div><script></freescript><div style="background-color:#eeeeee; border:2px solid;">
+$$ \underline{AB}  $$
+</div>