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」は、簡単に導入できて、しかも数式がキレイに表示できるので、気になった方は、ぜひお試しください。

 関連記事

もう少し「頭のいい文章が書きたい」と思っている方へ

 「スマートなブログを運営しているにも関わらず、なぜ人気が出ないんだろう…」という悩みを抱えていました。  人気ブロガーのブログ論を読むと、読者を惹きつける記事を100記事ほど書けば、PVは劇的に増えていくと書かれていま …

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

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

WordPressでダッシュボードからテーマやプラグインをダウンロードしたい!?プラグイン「WP Downloader」を導入しよう

 WordPressでWebデザインをしていると、どうしても今使っているテーマやプラグインをダウンロードしてカスタマイズしたくなることがありますよね。そんなときにおすすめのプラグインが「WP Downloader」です。 …

ブログ初心者におすすめの本『マジ文章書けないんだけど』

 「ブログを書こう!」と決意しても、思うような文章が書けずに挫折した人は多いはず。  そんな人におすすめなのが、本『マジ文章書けないんだけど』。文章の基本中の基本から、人に読んでもらえる文章が書けるようになるまでの道のり …

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

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

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

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

【WordPress】Twitterのツイート数を取得する方法

 前回のエントリでFacebookのシェア数を取得する方法を紹介しましたが、Twitterのツイート数もいつの間にか表示されなくなっていました。  そこで今回は、ツイート数を取得する方法について紹介します。   …

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

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

プロのライターとアマチュアライターの決定的な違い

 プロのライターとアマチュアライターの違いとは何か。これからプロのライターを目指す人たちにとって、この違いは何がなんでも知りたいはず。  そのひとつの答えとして、フリーライターである永江朗さんは、「アマチュアの文書が『書 …

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

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