MathML - 代数記号

MathMLと代数記号の紹介

こんにちは、数学の志願者たちとウェブ開発者たち!今日は、MathMLの魅力的な世界に especialmente 代数記号に焦点を当てて潜り込むことになります。あなたの近所の親切なコンピュータ教師として、私はこの旅を案内することを楽しみにしています。コードを一行も書いたことがない人でも心配しないでください。このチュートリアルの終わりまでに、あなたはプロのように数学的な表現を書けるようになるでしょう!

MathML - Algebra Symbols

MathMLとは?

MathMLは、Mathematical Markup Languageの略で、ウェブページ上に数学記号を表示する方法です。まるで数学用のHTMLのようなものです!複雑な方程式をテキストだけで説明しようとするのはどれだけ噩梦的なことか考えてみてください。それがMathMLが救世主的な存在になる理由です。

MathMLの始め方

代数記号に飛び込む前に、基本的なMathMLドキュメントを設定しましょう。これがどんな感じか見てみましょう:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>私の最初のMathMLドキュメント</title>
</head>
<body>
<math xmlns="http://www.w3.org/1998/Math/MathML">
<!-- 我々の数学的表現はここに入ります -->
</math>
</body>
</html>

これは少し威圧的見えるかもしれませんが、レシピを考えたと同じです。我々はただ、数学的な傑作の舞台を設定しているだけです!

MathMLの基本的な代数記号

それでは、基本的な代数記号から始めましょう。我々は識別子(変数)には<mi>タグ、演算子には<mo>タグを使用します。

変数と演算子

<math xmlns="http://www.w3.org/1998/Math/MathML">
<mi>x</mi>
<mo>+</mo>
<mi>y</mi>
<mo>=</mo>
<mn>10</mn>
</math>

これは以下のように表示されます:x + y = 10

以下に分解します:

  • <mi>x</mi><mi>y</mi>は我々の変数を表します
  • <mo>+</mo>は加算演算子です
  • <mo>=</mo>は等号です
  • <mn>10</mn>は我々の数です

高度な代数記号

基本を理解したところで、少し凝った代数記号に挑戦してみましょう!

分数

分数を作成するために、<mfrac>タグを使用します:

<math xmlns="http://www.w3.org/1998/Math/MathML">
<mfrac>
<mi>x</mi>
<mn>2</mn>
</mfrac>
<mo>+</mo>
<mn>3</mn>
<mo>=</mo>
<mn>7</mn>
</math>

これは以下のように表示されます:x/2 + 3 = 7

<mfrac>タグは二つの引数を取ります:分子と分母。まるで数学的なサンドイッチを作るようなものです!

指数

指数を作成するために、<msup>タグを使用します:

<math xmlns="http://www.w3.org/1998/Math/MathML">
<msup>
<mi>x</mi>
<mn>2</mn>
</msup>
<mo>+</mo>
<msup>
<mi>y</mi>
<mn>2</mn>
</msup>
<mo>=</mo>
<msup>
<mi>z</mi>
<mn>2</mn>
</msup>
</math>

これは以下のように表示されます:x² + y² = z²

<msup>タグは変数に小さな帽子をかけるようなものです。第一要素は基盤で、第二要素は指数です。

複雑な表現

今まで学んだことを全部組み合わせて、より複雑な表現を作成してみましょう:

<math xmlns="http://www.w3.org/1998/Math/MathML">
<mfrac>
<mrow>
<msup>
<mi>x</mi>
<mn>2</mn>
</msup>
<mo>+</mo>
<mn>3</mn>
<mi>x</mi>
<mo>+</mo>
<mn>2</mn>
</mrow>
<mrow>
<mi>x</mi>
<mo>+</mo>
<mn>1</mn>
</mrow>
</mfrac>
<mo>=</mo>
<mi>y</mi>
</math>

これは以下のように表示されます:(x² + 3x + 2) / (x + 1) = y

ここで、我々は<mrow>を使用して要素をグループ化しています。まるで数学的な表現に大きな抱擁を与えるようなものです!

一般的なMathML代数記号の一覧

以下は、簡単な参照のための一般的なMathML代数記号の一覧です:

符号 MathMLコード 説明
+ <mo>+</mo> 加算
- <mo>-</mo> 減算
× <mo>&times;</mo> 掛け算
÷ <mo>&divide;</mo> 除算
= <mo>=</mo> 等しい
<mo>≠</mo> 等しくない
< <mo>&lt;</mo> 小さい
> <mo>&gt;</mo> 大きい
<mo>≤</mo> 小さいか等しい
<mo>≥</mo> 大きいか等しい
<msqrt></msqrt> 二次根
<mo>∑</mo> 総和
<mo>∏</mo>
<mo>∫</mo> 積分

結論

そして、みなさん!我々はMathMLの代数記号の土地を旅しました。シンプルな変数から複雑な分数や指数まで。覚えるのには時間がかかるかもしれませんが、練習すれば完璧になります。実験を恐れず、自分自身の数学的な表現を作成してみてください。

このチュートリアルを終えるに際して、ある生徒が私に言ったことを思い出します。「数学はただの恐ろしい記号の山だ」と。MathMLを学んだ後、彼は言いました。「今、私はその恐ろしい記号を自分の意のままに動かせるんだ!」MathMLの力は、抽象的な数学を創造し、コントロールできるようにすることです。

それでは、若い数学者たち、あなたの方程式が常に優雅で、変数が常に良く振る舞うことを祈りつつ、ハッピーコーディングを!

Credits: Image by storyset