ブログで数式を表示させる方法： @WIKIを利用

数式入力をサポートしていないブログやホームページのサービスで数式を表示させたいとき、どうすればよいのだろうか？

「とね日記（数式の部屋）を開設してみた。」という記事で紹介したように「はてなダイアリー」では数式の入力と表示がサポートされている。

[tex: - quad frac {Gm'dm}{r}]

のように入力すれば



のように表示させることができる。

このブログサービスのユーザーならばこれで問題解決というわけだが、数式をサポートしていないブログサービスのユーザーはどうしたらよいのか。そのひとつの解決方法が @WIKI サービスを併用する方法を紹介しよう。

@WIKIで数式がサポートされていることはFAQのこのページに明記されている。




ユーザー登録してから自分のWikiページを作成するとき、デフォルトのページ設定を行うのだが、その際にこのページで説明されているように数式を使うことを指定することが必要だ。



ブログの記事の中に数式を書くときはTeX形式で記述し、開始と終了を $$ ではさめばよい。数式はいつでも修正できるので、TeXのルールをよく確認しながら入力を行う。

そして数式を含んだWikiページを画面上に表示させ、ブログの記事に引用させたい数式の画像の上にマウスカーソルを合わせ、右クリックしてメニューを表示させる。




「画像だけを表示」を実行すると、参照させたい画像だけが表示されるので、赤い枠で囲った http ではじまる画像のURLアドレスをコピーする。この数式画像はpng形式になっている。（png画像は携帯サイトではサポートされていないので携帯電話では表示できない。）




あとはこの画像のURLを自分のブログ記事に「画像挿入」として引用するだけで、



のように表示したり、トップの掲載画像のように数式をブログ記事中に表示させたりできるわけだ。

数式を修正したいときは、Wikiページのほうに戻って直して保存すれば自動的にブログほうの数式画像にも反映されるので、手直しや似た数式を流用したりするのがとても楽なのがよい点。

この方法を使うメリットは次のとおり。

- TeXという標準的な記法で行っていること
- TeXや数式入力ソフトのインストールが不要
- 入力したTeX形式のファイルを@wiki内で管理できる
- つまり外出先など、どのパソコンからでも修正可能
- 数式の修正や流用が簡単で手間がかからない
- 使える文字や記号の種類が圧倒的に多くなる。外国語固有の文字もＯＫ
- 数式の文字サイズは自動的に揃えられるのでサイズ調整しなくてよい
- 本格的なTeX文書への記事の引用が後で楽に行える


なお、同様のことは @WIKI を使わず、Formulaというサービスを使ってもできるが、こちらは数式を他のユーザーと共有して管理することになるので、自分の好みに応じて @WIKI と使い分けるとよいだろう。

Formula: 数式をブログに貼り付けて共有するサービス
http://blog.s21g.com/articles/683

また「物理のかぎしっぽ」というサイトには「数式画像作成ツール」というのが用意されているが、これを使うとアウトラインが美しい数式画像を得ることができる。けれども画像ファイルとして管理しなければならないので、数式を修正するときにはあらためてTeXの文字列を入力しなおさなければならい。

数式画像作成ツール
http://hooktail.maxwell.jp/cgi-bin/mathimg.cgi

================
２月２４日に追記：

その後271828さんからコメント欄を通じて別の方法を紹介いただいた。この方法を使うととても美しく表示させることができる。これについては「ブログで数式を表示させる方法：Online LaTeX Equation Editorを利用」として紹介記事にしたので、あわせてお読みいただきたい。


TeXで数式入力するためのリンク集：

即席 TeX 講座（EMANの物理学）
http://eman-physics.net/bbs/tex_kouza.html

LaTeXコマンドシート一覧
http://www002.upp.so-net.ne.jp/latex/

TeX数式の利用方法
http://hooktail.maxwell.jp/yybbs/texuse.html

LaTeX 入門
http://mail2.nara-edu.ac.jp/~asait/latex/tex_introduction.htm

数式(TeX)
http://www.biwako.shiga-u.ac.jp/sensei/kumazawa/texindex3.html

ギリシャ文字の読み方とＴｅＸのコマンド
http://www.nyanya.sakura.ne.jp/es/math/greek.html


関連記事：

てふてふ：
http://blog.goo.ne.jp/ktonegaw/e/2edaf550cfb8db85edba4e74a847373b

とね日記（数式の部屋）を開設してみた。
http://blog.goo.ne.jp/ktonegaw/e/eafdc64dcb09ca7865bb324a3572792f


応援クリックをお願いします！このブログのランキングはこれらのサイトで確認できます。