みなさん、こんにちは！
HTMLを使えば大体のことは表現できますが、時々、どうやって表現すればいいのか分からなくなる時があります。
その一つが、数式。
紙に書くのが一番早いんだけどね、、、
昨今はネットで調べればすぐに分かるので、わざわざ記事にするまでもないと思うのですが、自分への備忘録もかねて一応記事にしておきます。
まず、HTML上で数式を表現する方法として大きく以下の２つがあります。
画像で表現する方法は、頭を使わなくていいので楽です。
画像編集ソフトなどを用いて、
のように書けばいいですね。
ただ、この方法、簡単なのはいいのですが、一々画像編集ソフトを起動してファイルを保存し、HTML上に埋め込む必要があり、少々手間がかかります。
手書き感しかない（笑）
今回のメインは、数式記述言語（MathJax）を用いる方法です。
まず、数式を記述する前に、JavaScriptを用いて以下のように記述します。
上の、（ここに数式を挿入）の部分に数式を入れることになります。
例えば、実際に（ここに数式を挿入）を「x+1=3」に変えると次のように表示されます。
\[ x+1=3 \]これで準備が整いました。
さて、次に具体的な数式を入れていくのですが、数式の書き方にはちょっとしたルールがあります。
代表的なものは以下の通り。
| 名前 | 数式の書き方 | 表示 |
|---|---|---|
| べき乗 | a^b | \[a^b\] |
| 分数 | \frac{a}{b} | \[\frac{a}{b}\] |
| 平方根 | \sqrt{a} | \[\sqrt{a}\] |
| 積分 | \int_{a}^{b}\,dx | \[\int_{a}^{b}\,dx\] |
| 総和 | \sum_{i=0}^{n} | \[\sum_{i=0}^{n}\] |
| 極限 | \lim_{x→0} | \[\lim_{x→0}\] |
| サイン | \sin{a} | \[\sin{a}\] |
| コサイン | \cos{a} | \[\cos{a}\] |
| タンジェント | \tan{a} | \[\tan{a}\] |
| 円周率 | \pi | \[\pi\] |
「∫」や「√」など特殊な記号を配置する前には「\」を入力し、その記号の下に文字を配置する場合は「_」を、上に配置する場合は「^」をそれぞれ置くイメージ。
もちろん、「x+1=3」のように簡単な数式なら、何も考えずに書けます
実際に、上の表に示すルールに従って先の数式を表現すると、以下のようになります。
教科書みたい
さて、本記事の内容はこれでおしまいですが、実践例として以下の記事を貼っておきます。
こちらも是非ご覧ください。
また来てねっ！
