Shogo Computing Laboratory Blog
Shogo Computing Laboratoryの管理者の日記
QLOOKアクセス解析
18:22 07月23日   [金]
Webページの数式を整形する
ツイッターのユーザによる拡張機能を調べていたら、pbtweet+というスクリプトを発見。
このソフトの機能についてはあとで触れるとして、スクリプトの中身を見てちょっと感心。


var pb_script = document.createElement('script');
pb_script.src = 'http://twitter.trauma2u.com/pbtweet/pbtweet.user.js';
document.getElementsByTagName('head')[0].appendChild(pb_script);


こんな感じにすれば、外部jsファイルを読み込めるんだ!

更新が必要になったときは、サーバに置いてあるファイルを更新するだけ。
ユーザは何もしなくても常に最新のスクリプトが使えるわけです。

そこで思い出したのはMathJax。MathJaxはHEAD部分でスクリプトを読みこめば、数式をキレイに整形してくれるもの。この方法を使えば、すでにあるWebサイトにMathJaxを埋め込んで数式表示ができる!

と言うわけでやってみた。ここのサイトの仕様でドットの入ったファイル名がつけられなかったので、クリックしてもすぐにはインストール出来ません…。
一度保存してから、mathjax.user.jsと名前を変えてFireFoxにいれるとインストールできます。
Greasemonkey用スクリプト

ブックマークレットも作ってみた。
数式変換をブックマークに登録して、数式を変換したいページでクリックすると、数式が変換されます。

ちょっとテスト
\begin{eqnarray}\nabla\cdot E&=&\frac{\rho}{\varepsilon_{0}}\\\nabla\cdot B&=&0\\\nabla\times E&=&\frac{\mathrm{d}B}{\mathrm{d}t}\\\frac{1}{\mu_{0}}\nabla\times B&=&\varepsilon_{0}\frac{\mathrm{d}E}{\mathrm{d}t}+i\end{eqnarray}
「数式変換」をクリックすると画像に変換されて、読みやすくなります。

…まあ、TeXで書いた数式をコードのままページに書いておく人なんてなかなかいないわけで、ちょっとしたお遊びです。
携帯向け RSS ATOM GoogleSitemap 管理ページ