webstation plus

 Web上で技術的な記事を書こうとすると、どうしても数式を載せたくなりますよね。そんなときにおすすめのプラグインが「Mathjax-Latex」です。

 簡単に導入できて、しかも数式がきれいに表示できるのでおすすめです。

 マークアップ言語「MathML」と文章作成システム「LaTeX」

 まずは、Web上で数式を表現する方法について簡単に紹介します。

 Web標準に準拠した数式が表示できるマークアップ言語に「MathML(Mathematical Markup Language)」があります。

 ところが、ブラウザやそのバージョンによっては、MathMLに対応していないものがあるため、せっかく書いた数式を表示できないケースがありました。

 そこで開発されたのが「MathJax」というJavaScriptライブラリです。

 MathJaxを導入すれば、未対応ブラウザのことを意識することなく、Web上で簡単にきれいな数式が表示できます。

 …と、ここまでMathJaxについて紹介してきましたが、MathJaxはあくまでもマークアップ言語なので数式を記述するのが少し面倒です。HTMLのようにタグで囲んで記述していく必要があるんですよね。

 たとえば、\(3x-4=x+2\)という方程式を表示したい場合、

 と、嫌になるほどタグを書かなくてはいけません。そこで、「LaTeX(ラテフ)」という文章作成システムで使われている書式を使って数式を表示することにします。

 大学のレポート作成などで使われた経験のある方も多いのではないでしょうか。

 というわけで、今回はMathJaxとLaTeXが利用できるプラグイン「Mathjax-Latex」の導入方法を紹介します。

 「Mathjax-Latex」の導入方法

 WordPressの管理画面で「プラグイン」⇒「新規追加」を選択して、キーワードに「Mathjax-Latex」と入力します。

 表示された「Mathjax-Latex」プラグインの「今すぐインストール」ボタンを押して、インストール後に「有効化」ボタンを押せば導入完了です。簡単ですね。

 「Mathjax-Latex」の使い方

 では、実際に数式を表示してみましょう。

 まずは、エントリのどこかに [mathjax] と入力します。こうすることで、「このエントリでLaTexを使って数式を表示しますよ」と宣言をしていることになります。

 次に数式ですが、たとえば二次方程式の解の公式 \(\frac{-b\pm\sqrt{b^2-4ac}}{2a}\) を表示したい場合、

 と記載すればOKです。

 ちなみに、数式を表示する方法は3種類あります。

 文章中に数式を表示したい場合(インラインで表示したい場合)は1番上の方法で、数式のみを表示したい場合(以下のように表示したい場合)は2番目または3番目の方法で表示できます。

\begin{equation} \frac{-b\pm\sqrt{b^2-4ac}}{2a} \end{equation}

 ここで、二次方程式の解の公式に使用したLaTeXコマンドを簡単に紹介すると、

 です。他にもコマンドはたくさんあるので、必要に応じて調べてみてください。

 というわけで、プラグイン「Mathjax-Latex」は、簡単に導入できて、しかも数式がキレイに表示できるので、気になった方は、ぜひお試しください。

 関連記事

ブログには正しい答えよりも読者の心に届く文章を書こう

 ブログを書くとき、「正解を書こう」と思っていませんか。  しかし、どれだけ正しい答えを書いても読者の心には届きません。なぜなら、正解はつまらないからです。  たとえば、「人には優しくしましょう」「嘘をついてはいけません …

読者に読んでもらえる文章には「理由」があった

 ブログ書いていますか?  私はできるだけ多くの人に共感してもらえる文章を書こうとしていますが、結構苦戦しています。  最近になって、ようやくSNSに投稿すると「いいね」がつくようになりましたが、これまでは散々でした。 …

視点を変えればコンテンツ化できる!?自分をコンテンツ化する方法

 自分をコンテンツ化していますか?  私はブログを書いているので、自分をコンテンツ化できていると思っていましたが…。  実際に私のことを知っている人からすると、私らしさがあまり出ていないようです。  むしろ、上から目線で …

完璧主義者を辞めなければ「面白い文章」は書けない

 私たち日本人には、完璧主義者が多いといわれている。  たとえば、外国人旅行者が読む「日本」のガイドブックには、「日本人は完璧主義者なので、英語をマスターしていない限り英語を話してはいけないと考えている。だから、いきなり …

「読点の打ち方」に迷ったときに知っておきたい3つの原則

 文章を書くときに、いちばん頭を悩ませるもの。それは、読点(「、」)ですよね。私は一時期ノイローゼになるくらい読点に悩まされていました。 「とにかく、区切りに読点を打てばいいんだよね」 「でも、なんだか読みにくいなぁ。も …

OGP設定に必要なFacebookアプリIDの取得方法と有効化方法

 前回、プライバシーポリシーページを作成しました。これでようやく、OGP(Open Graph Protocol)設定に必要なFacebookのアプリIDが取得できます。  そこで今回は、FacebookアプリIDの取得 …

【コピペもOK】プライバシーポリシーと免責事項の書き方

 最近、久しぶりにWebデザインでもはじめようと思い、ネットで検索していたところ、ブログも含めてほとんどのWebサイトで「プライバシーポリシーページ」を設置する必要があることを知りました。  「Googleアナリティクス …

最後まで読みたくなる文章の書き方

 同じテーマについて書かれた文章でも、「最後まで読みたい!」と思える文章もあれば、途中で寝てしまいそうになる文章もありますよね。この差はいったいどこにあるのでしょうか。  結論から言えば、「独自の視点」があるかどうか。 …

【WordPress】Facebookのシェア数を取得する方法

 いつの間にかFacebookのシェア数が表示されなくなっていました。  どうやら、API仕様が変わっていたようで、Facebookのアクセストークンを取得した後に、テーマの修正が必要だったようです。  そこで今回は「ア …

WordPressでお試しでテーマを変更したい!?プラグイン「WP Theme Test」を導入しよう

 WordPressでWebデザインをしていると、どうしても自作したテーマやダウンロードしたテーマを試してみたくなることがありますよね。そんなときにおすすめのプラグインが「WP Theme Test」です。  稼働中のサ …