2009年09月30日 00:30 [Edit]

#google - chart API で数式表示

logo

これはおいしい。

Google Chart APIを使って数式を埋め込む - Hello, world! - s21g
ちょっと前からGoogleDocsで数式が書けるようになりましたが、 これがGoogle Chart APIを使って実装されているようです。

Demo

というわけで早速JSで。

LaTex Expression:
Formula:

ソースはこれくらい簡単です。

<input type="text" size="64"
 value="\int_{}^{}e^{i\theta}d\theta=\frac{1}{i}e^{i\theta}+C=-ie^{i\theta}+C"
 onkeyup="
(function(tex, img){
 img.alt = tex;
 img.src = 'http://chart.apis.google.com/chart?cht=tx&chl='
 + encodeURIComponent(tex);
})(this.value, document.getElementById('gcharteq'))
">

LaTeX記法をWYSIWYGで

google-docs-equations

むしろ数式の>LaTeX記法を覚える方が大変そうですが、それこそ Google Doc を使えばいいだけ。

右のようにすれば...


google-doc-equation-edit

このとおり。

Enjoy!

Dan the MathPhile


この記事へのトラックバックURL

この記事へのトラックバック
トップページ English by excite, Google, Yahoo! プログラミング/プログラミング言語/アルゴリズム レンダリング関連/数学関連/物理エンジン / ネット界隈 英語学習/ニュースサイト/ワンポイント英語辞書 mokehehe ブログ 作られてないページ 人気の10件 FrontPage(3757...
FrontPage【assari (PukiWiki/TrackBack 0.3)】at 2010年09月10日 15:15
前のエントリをいつ書いたのかすっかり忘れてしまうほど間が開いてしまったが、11月...
数式表示のテスト【けんたろうのへや】at 2009年12月10日 01:44
トップページ English by excite, Google, Yahoo! ゲームランキング推定販売本数ランキングmimetexViewerインタラクティブ数式確認アプリRSSTypingRSSを使ったタイピングゲームあけ美動画でジグゾーパズルPerfMeter場所をとらないCPU負荷メータZ80CodeGolfanarchy golfにZ...
FrontPage【assari (PukiWiki/TrackBack 0.3)】at 2009年10月07日 21:42
この記事へのコメント
数式の美しさでは
jsMath
http://www.math.union.edu/~dpvc/jsMath/
が優れていると思います。

綺麗さを追求するとフォントを入れることになりますが。
でも、TeXのレンダリングがクライアントサイドだけでできちゃうのが凄いです。
Posted by etale at 2009年09月30日 19:29
これはおいしいじゃねえよ
お前数式なんか使わねえジャン
Posted by あ at 2009年09月30日 16:52
↑自然対数のeは?
Posted by namasute at 2009年09月30日 12:51
細かい点ですが,論文では斜体は変数を表すのが通常なので,cosとsinの前には\をつけるのが普通です.(斜体ではなくなります)
Posted by nar at 2009年09月30日 11:47
便利ですね。
これまでは LaTeX → PNG のWebサービスを使っていましたが
記述&修正がその場で反映されるのは嬉しいです。

これが はてな でも使えればいいのに。
Posted by rin at 2009年09月30日 04:34