Web

MathJax を試してみました。

投稿日:2017年7月6日 更新日:

MathJax は、HTML上で数式を美しく表示するための JavaScriptライブラリです。

基本的な使い方は、

  1. HTMLファイルに以下を記述して MathJax.js を読み込みます。
  2. HTMLファイルに LaTeX形式で式を書き、\[\] で囲みます。もしくは、バッククォートで囲みます。

こうしておけば、MathJax が数式を美しいHTML表現に変換してくれます。

以下のページで試してみました。

デモページ

🔗 MathJax のテスト

また、これと似たサービスとして、iTex2Img – Online Latex Equation Editor があります。
こちらは、LaTeX形式で数式を書くとそれを画像に変換してくれますので、あとは HTMLファイルにその画像を埋め込むという使い方になっています。画像ですので、拡大縮小してしまうと汚くなってしまいますし、細かい調整が難しいです。その点 MathJax は、あくまで フォントとHTMLで表示してくれますので、キレイですしCSSによる調整も可能です。

MathJaxで生成した数式(のスクリーンショット画像)
iTex2Img で生成した画像

formula というウェブサービスもありますが、これは iTex2Img とだいたい同じです。

※ TeXの記号を調べる場合は、https://ftp.yz.yamagata-u.ac.jp/pub/CTAN/info/symbols/comprehensive/symbols-a4.pdf などが参考になります。

📂-Web

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Google App Engine

Google App Engine にデプロイしてあるファイルをダウンロードする

Google App Engine にデプロイしてあるファイルをダウンロードする方法について説明します。

Web

JSFiddle を使って HTML/CSS/JavaScript をウェブページに埋め込む

JSFiddle というサービスを使って、ウェブページに HTML/CSS/JavaScript を埋め込んでみましょう。 目次1. JSFiddle とは?2. ウェブページに埋め込む手順(1) ア …

Google

Googleマップで調べた経路をホーム画面に追加する (Android)

Android版の Googleマップで調べた経路は、ホーム画面にアイコンとして追加することができます。 手順は以下となります。 Google マップで調べた経路をホーム画面に追加する手順 (1) G …

Chrome

Chrome: ツールバー上の拡張機能アイコンをメニューに移動させる方法

Chromeで、ツールバー上の拡張機能アイコンをメニューに移動させる方法について説明します。

Web

インターネットの説明に欠けているもの?

 株式会社日本レジストリサービス(以下JPRS、本社:東京都千代田区、代表取締役社長 東田幸樹)は、インターネット教育の支援活動の一環として、全国の中学校・高校・高等専門学校を対象に、マンガ小冊子『ポ …