=== 読者が配色を変更したい場合 ===
◎外側の色を変えるには,次の色をクリック
◎内側の色を変えるには,次の色をクリック
標準文字色を変えるには,次の色をクリック

【Google Chart Toolsを使った数式の書き方】
《目次》・・・項目名をクリック
はじめに
演算子
累乗,添え字
分数, 繁分数
根号(ルート), 累乗根
かっこ
文字数の制限
画像としての上下位置
ギリシャ文字
記号定数π, ∞など
角度,∠,⊥,‖
直立文字
三角関数,対数関数
和や積の記号Σ,Π, 偏微分の記号
極限記号
積分記号
式に色を付けるには
式に背景色を付けるには
下線, 上線,打消し線
囲み文字
等号,不等号,ダッシュ
集合記号
矢印
ベクトル
行列
バー,チルダ,ハット,ドット
語句を区切るには
2つ上の文字を添字や累乗にするには
式を拡大縮小するには

•はじめに
 ウェブページで数式を表示するには次のような方法がある.
(1) WordやLaTeXなどで数式を組んでおき,PDFに変換する方法
(2) MathML, jsMath → MathJaxによる方法
(3) Google Chart Toolsによる方法

 ここでは,(3)の方法を扱う・・・(注*p<.5).テキストエディタを使ってHTMLファイルを書くことを想定している.
 Google Chart Toolsでは,
<img src="https://chart.googleapis.com/chart?cht=tx&chl=・・・"> という形の式を書いてGoogleのサーバに送信すると,これをGoogle側がPNG形式の画像ファイルとして素早く送り返すという仕組みでウェブページ上に数式を表示する仕組みになっているようである.
 数式は基本的に「TeX」の書き方に沿って書くことになっているが,TeXの書き方がすべてサポートされているわけではない.筆者もいろいろと探してみたが,サポートされている書き方の一覧表が見当たらないので,Google Chromeで実際にテストしてみて,利用可能であったものを書き並べて備忘録としている.
 以下の文書は,Windows PC版 Chromeで,Google Chart Toolsを実験してみた結果を要約したものです.
最終更新年月日:2022.03.15 Google Chrome 99.0.4844.51(Official Build)(32bit)
↑ページ内の目次に戻る
•演算子, 累乗
+という文字は使えないので要注意」
+の代わりに,URL エスケープ文字で%2Bと書かなければならない.
ダメな書き方
<img src="https://chart.googleapis.com/chart?cht=tx&chl=a+b">
⇒見え方
 
よい書き方
<img src="https://chart.googleapis.com/chart?cht=tx&chl=a%2B b">
⇒見え方
 
URL エスケープ文字としては,%の後の2文字までが解釈されるので,%2Bbと書いても,%2Bとbが分離されるが,安全のために半角スペースを1つ入れて,%2B bと書くとよい.
(注*p<.5) まれに
 この記事を書いている日付は,2024.01.19.
 現在まで,20年近く,GoogleのサイトがDDOS攻撃などを受けて,サービスを停止するということは,ほとんどなかったと思われるが,今年に入ってから,Googleサイトのサービスを受けにくいことが散見されるようになった.例えば,2024.01.04, 2024.01.09.
 そこで,このページの下端に,「はじめに,Googleの数式サービスを利用することにして,ネットワークのトラフィック渋滞など何らかの原因で,それが利用できないときにMathJaxで数式を表示することに切り替える方法」を考えたので,自分用のメモとして書き残しておく.
 この方法は,筆者がやむなく自分で考えたもので,どこか権威のある記事の裏付けのあるものではないので,真似される場合は,そのリスク管理は自己責任ということでよろしく.

「+ 以外の演算子は,TeXの書式で¥を付けて書けば,反映される.ただし,マイナス(−),カレット(^)は,そのまま半角文字(1バイト文字)で−,^ と書けばよい.
マイナスは,そのまま書けばよい.ただし,マイナス単独の1文字だけでは何も表示されない.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=-x">
⇒見え方
 
掛け算の記号(×)は,¥timesと書く.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=a¥times b">
⇒見え方
 
¥timesbと書くと,¥timesとbが分離されず,¥timesbという記号があるかどうか解釈することになり,ないので,エラーになる.したがって¥timesの後には半角スペースを入れなければならない.
割り算の記号(÷)は,¥divと書く.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=a¥div b">
⇒見え方
 
プラスマイナスの複号(±)は,¥pmと書く.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥pm 3">
⇒見え方
 
マイナスプラスの複号(∓)は,¥mpと書く.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥mp 3">
⇒見え方
 
↑ページ内の目次に戻る
累乗は,カレットの記号(^)に続けて書く.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=x^3">
⇒見え方
 
 ただし,2文字以上を使って累乗を表すには^{ }の形で,ブレス{ }の中に書く.
[間違った例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=x^12">
⇒見え方
 
[12乗の書き方]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=x^{12}">
⇒見え方
 
 ブレス{ }を使えば,累乗の累乗も表せる.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=3^{3^3}">
⇒見え方
 
添え字(下付き文字)は,アンダーバー(_)に続けて書く.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=x_0">
⇒見え方
 
 ただし,2文字以上を添え字にするには_{ }の形で,ブレス{ }の中に書く.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=y_{50}">
⇒見え方
 
 なお,組み合わせ記号のように,前後に下付き文字があってもよい,化学に使われる,質量数を左上に,原子番号を左下に書くこともできる. [例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=_5C_3=10">
⇒見え方
 
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=_{92}^{235}U">
⇒見え方
 
アンダーバーとカレットは,どちらが先でもよい
↑ページ内の目次に戻る

分数は,¥frac{ }{ }の形で書く.{ }{ }では分子を先に書き,分母を後に書く
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥frac{a}{x-1}">
⇒見え方
 
• 分数の分母や分子にさらに分数が書かれているものを繁分数という.繁分数は,¥frac{ }{ }の分母や分子に,さらに¥frac{ }{ }を書けばよい.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥frac{a}{x-¥frac{1}{y-1}}">
⇒見え方
 
↑ページ内の目次に戻る
根号(ルート)は,¥sqrt{ }の形で書く.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥sqrt{5}">
⇒見え方
 
累乗根は,¥sqrt[ ]{ }の形で書く.3乗根は¥sqrt[3]{ },4乗根は¥sqrt[4]{ }のように,何乗根であるかを[ ]内に書く.[ ]を省略すれば平方根を表す.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥sqrt[3]{2}">
⇒見え方
 
 高校の数学で習うように,分数(有理数)の指数で表される数は,累乗根に対応する.
 a>0m, nは正の整数のとき,
↑ページ内の目次に戻る

かっこ(パーレン)は,単純に( )の形で書けばよい.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=(x%2B 1)^2">
⇒見え方
 
 分数のように高さがある式を大きなかっこで囲むには,概ね次の書式で囲むとよい.(分数式のは比較のために示したもの)
左(小さい順見え方例右)小さい順見え方例
)
)
¥big(¥big)
¥(¥)
¥Big(¥Big)
¥Bigl(¥Bigr)
¥Bigg(¥Bigg)
なお,茶色で示したものは,予想した大きさと異なる表示なっている可能性がある.
波かっこ(中かっこ,ブレス)は,TEXの区切り文字として使っているので,{ }を文字として使うには,¥{ ¥}と書く.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥{(x%2B 1)^2%2B(x-1)^2¥}^3">
⇒見え方
 
※なお,波かっこ(中かっこ,ブレス)は,¥lbrac, ¥rbracと書いてもよいが,長いつづりを覚えるメリットは特に感じられない.
※波かっこ(中かっこ,ブレス)は,分数のように高さがある式を囲んだ場合,自動的に最大の高さに調整される.このことは,¥{ ¥}とした場合でも,¥left{ ¥right}とした場合でも同じであるが,記号の厚み(横幅)が少し違う.
 また,小かっこ(パーレン)と同様に,左右1組になっていれば問題ないが,¥right}が単独で書かれたり,左側に書かれているときはエラーになる.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥{¥frac{x%2B 1}{x-1}¥}^3">
⇒見え方
 
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥left{¥frac{x%2B 1}{x-1}¥right}^3">
⇒見え方
 
↑ページ内の目次に戻る
絶対値記号は,単純に| |の形で書けばよい.
(¥mid ¥midで囲む方法もある)
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=|x-1|">
⇒見え方
 
 ただし,分数のように高さがある式を式の高さに応じた大きなかっこで囲むには,¥left|  ¥right|で囲むとよい. [よくない例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=|¥frac{x%2B 1}{x-1}|">
⇒見え方
 
[よい例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥left|¥frac{x%2B 1}{x-1}¥right|">
⇒見え方
 
※なお,絶対値記号は,右側も左側も同じもの( | )であるが,Google Chart Toolsで使うときは,左右1組をこの順に書かなければ,エラーになる.
四角かっこ(ガウス記号)は,単純に[ ]の形で書けばよい.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=[x-1]">
⇒見え方
 
 ただし,定積分の時に上端の値と下端の値を代入して差を求める式は,¥left[ ¥right]で囲むとよい. [例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥[¥left[¥frac{x^2}{2}¥right]_0^1¥]">
⇒見え方
 
 なお,全体を囲んでいるディスプレイモードの¥[ ¥]は,シグマ記号・積分のところで解説する.
↑ページ内の目次に戻る
文字数の制限・・・Google Chart Toolsでcht=tx&chl=以下に書ける文字数は200文字以内という制限がある.
 たとえば,大きな行列を,一度に書くと容易に200文字を超えてしまう.このような場合は,200文字以下の式に分けて並べるしかないようである.
↑ページ内の目次に戻る
画像としての上下位置
 Google Chart Toolsで表示される数式は,PNG画像なので,1つの行に高さの異なる文字や画像があるときは,ブラウザの設定に従って縦位置が決まる.Google Chromeの場合は,次のようになる
(1) 各々の式,画像に特に縦位置の指定がないときは,align="bottom"として文字と下端が揃う.
[規定値:align="bottom"での見え方]
A
(2) 各々の式,画像を,align="top"とすれば,文字と上端を揃えることができる.
[align="top"での見え方]
A
(3) 各々の式,画像を,align="middle"とすれば,文字と上下の中央位置が揃うという建前であるが,実際の見え方は微妙になる
[align="middle"での見え方]
A
※式,画像,文字の縦位置を思い通りに並べるには,各々に対して,align="top"として上端を揃えておいてから(または,align="bottom"で下端を揃えておいてから),style="position:relative;top:**px;"によって,各々を下げるピクセル数を指定すれば,詳細に指定できる.
A
↑ページ内の目次に戻る

ギリシャ文字は,次のように書く.
 アルファベットのように1文字で書けないので,初めは煩わしく感じることもあるが,¥sinなどの関数に続くときに,ギリシャ文字を使えば,¥sinaという関数はないという形のエラーは起こらない.
「¥sina→エラー」「 ¥sin¥alpha→正常に表示」
○ギリシャ小文字
¥alpha
¥beta
¥gamma
¥delta
¥epsilon
.¥varepsilon
¥zeta
¥theta
.¥vartheta
¥iota
¥kappa
¥lambda
¥mu
¥nu
¥xi
o(英語と同じ)
¥pi
¥rho
¥sigma
¥tau
¥upsilon
¥phi
.¥varphi
¥chi
¥psi
¥omega

○ギリシャ大文字(英語大文字と同じ形のものは特に定義されていない)
¥Gamma
¥Delta
¥Theta
¥Lambda
¥Xi
¥Pi
¥Sigma
¥Phi
¥Psi
¥Omega

↑ページ内の目次に戻る
記号定数π, ∞などは,次のように書く.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥pi">
⇒見え方
 
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥infty">
⇒見え方
 
↑ページ内の目次に戻る

60分法(度数法)で角度の単位を表すには,次のように書く.(〇を累乗に書く)
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=60^{¥circ}">
⇒見え方
 
 なお,¥degreeや¥ang{ }は,Google Chart Toolsでは使えない.

• 図形の問題で角度を表すときに,ABCなどと書きたいとき
TeXでは,¥angleと書くが,Google Chart Toolsで使うと,次のような記号になって,日本の中高生が使う記号にならない.
よくない例
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥angle ABC">
⇒見え方
 
※2022.3.13現在,筆者はこの∠の記号をGoogle Chart Toolsで書く方法を見つけていない.したがって,単純に式をそこで区切って,HTML文章の中の文字として∠を書き,必要に応じてGoogle Chart Toolsにつないでいくようにしている.
 なお,∠の文字はWEBで通常使われるゴシック体(sans-serif)よりは,明朝体(serif)の方が見栄えが良い.さらに,頂点を表す文字ABCはイタリック体よりは直立体の方がよいとされているので,後出の直立体にする記号¥rm{ }で囲むとよい.
[例]
<span style="font-family:serif">∠</span><img src="https://chart.googleapis.com/chart?cht=tx&chl=¥rm{ABC}">
⇒見え方
 
⊥,‖などと書きたいとき
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=l¥perp m">
⇒見え方
 
 なお,平行を表す記号 ¥parallel は,中学,高校の数学で使う記号 ‖ とは異なり,の形になり,使えない.疑似的にスラッシュ2個を並べるとのように1つの/が終わってから次の/が始まるので,数学記号とは少し違う.
 HTML文に戻って,unicode U+2225の漢字(‖)を使えばできる.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=l">‖<img src="https://chart.googleapis.com/chart?cht=tx&chl=m">
⇒見え方
 
HTMLのスタイルシートを使って,上下の位置を調整して,自然な形に直すと:
↑ページ内の目次に戻る
直立文字で書きたいとき.
 TeXで書くと,通常のアルファベットはイタリック体で表示される.(アラビア数字は直立体で表示される)
[例] 
 何らかの都合で,アルファベットを直立体で書きたいときは¥mathrm{ }または¥rm{ }で囲むとよい.(Roman字体ということらしい)
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥rm{abc}¥mathrm{ABC}">
⇒見え方
 
 三角関数や対数関数の関数記号は,直立体で書かれ,書き方が決まっている.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥sin x">
⇒見え方
 
 ところで,日本の高校でと書くが,この記号は英語圏ではと書くらしく,日本の高校生にこれを見せても意味が通じない.この場合,次のように書けばよい.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥rm{cosec}¥hspace{2}x">
⇒見え方
 
 なお,¥sin x, ¥log xのようなTeXで既知の関数では,引数xとの間に自動的にスペースが入れられるが,自作の記号では入らないので,上記の例では,2ピクセル分の空白を¥hspace{2}によって入れている.
↑ページ内の目次に戻る

三角関数,対数関数などを書くとき.
 三角関数や対数関数を表す記号は,TeXの側で決まった書き方があり,その記号を使うと直立体で書かれ,引数との間にスペースが入って表示される.
 注意点としては,関数名が引数を取り込んで別名と解釈されないように,スペースを空けて書くこと.
以下は,
<img src="https://chart.googleapis.com/chart?cht=tx&chl=・・・">
・・・部分の書き方と見え方の一覧
** 対数関数 **
書き方見え方
\log x
¥log_ex
¥log_{10}x
¥log_{¥frac{1}{3}}x
** 三角関数 **
書き方見え方
¥sin x
¥cos x
¥tan x
¥rm{cosec}¥hspace{2}x
¥sec x
¥cot
※前述のように,cosec xだけは,英語圏の書き方(¥csc x)と違う
** 逆三角関数 **
書き方1見え方1
¥sin^{-1}x
¥cos^{-1}x
¥tan^{-1}x
¥rm{cosec}^{-1}x
¥sec^{-1}x
¥cot^{-1}x

書き方2見え方2
¥arcsin x
¥arccos x
¥arctan x
対応する記号は
ないようだ

** 双曲線関数 **
書き方見え方
¥sinh x
¥cosh x
¥tanh x

と書かざるを得ないようだ
¥coth
** 逆双曲線関数 **
書き方1見え方1
¥sinh^{-1}x
¥cosh^{-1}x
¥tanh^{-1}x
¥rm{cosech}^{-1}x
¥rm{sech}^{-1}x
¥coth^{-1}x
¥arcsinh x, ¥arccosh xなどの記号は使えないようだ.
↑ページ内の目次に戻る
和や積の記号Σ,Π, 偏微分の記号を書くには
○和の記号シグマや積の記号パイは,1行の文中に収まるインラインモードと数学の教科書などで見かけるディスプレイモードがある.ディスプレイモードにするには,式の前後を¥[ ¥]で囲めばよい.
(インラインモード)
¥sum_{k=1}^n k^2
¥prod_{k=1}^5 k=120

(ディスプレイモード)
¥[¥sum_{k=1}^n k^2¥]
¥[¥prod_{k=1}^4 k=4!¥]
〇偏微分の記号は,分数を使って書き,ラウンド記号は¥partialで表す.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥frac{¥partial y}{¥partial x}">
⇒見え方
 
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥frac{¥partial^2 z}{¥partial x¥partial y}">
⇒見え方
 
↑ページ内の目次に戻る
極限記号を書くには
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥lim_{x¥to¥infty}f(x)">
⇒見え方
 
(1) ∞や−∞は,それぞれ¥infty, −¥inftyと書く.
(2) ¥limの中の矢印は¥rightarrowでもよい
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥lim_{n¥rightarrow¥infty}a_n">
⇒見え方
 
(3) 極限の条件が2つあるときは,¥underset{下の式}{上の式}や¥overset{上の式}{下の式}が使える.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥lim_{¥overset{m¥neq n}{m,n¥rightarrow¥infty}}¥frac{a_mb_n}{m-n}">
⇒見え方
 
↑ページ内の目次に戻る

積分記号を書くには
(1) 不定積分
 ア)インラインモード
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥int f(x)dx">
⇒見え方
 
 イ)ディスプレイモード
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥[¥int f(x)dx¥]">
⇒見え方
 
(2) 定積分
 ア)インラインモード
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥int_a^b f(x)dx">
⇒見え方
 
 イ)ディスプレイモード
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥[¥int_a^b f(x)dx¥]">
⇒見え方
 
※Google Chart Tools で定積分の記号をそのまま使うと,積分区間の下端を表す文字が,上端と同じ並びの横位置に来て,右に寄り過ぎる.(次の式のaの位置を見る)

この下端を表す文字の位置をもう少し左に移動するために¥hspace{-5}のような水平移動に負の値を指定しても,Google Chart Toolsでは有効にならない.
次のように¥int^bを上に,_aを下に置くと,ほぼ数学の教科書での表示に一致する.
ただし,¥overset{¥int^b}{_a}では上の方に飛び出るが,¥underset{_{a}}{¥int^b}で合う.ただし,下端の文字がやや小さくなるので,文字サイズを調整して¥underset{_{¥small a}}{¥int^b}程度がベストになる.

この方法は,積分区間の下端を下に置き,積分記号付きの上端を上に置いただけのものなので,積分区間の上端が長い式になると,下端の文字は次のように左右の中央に来たがる.これを避けるには,下端の文字が疑似的に長くなるように見せかけるとよい.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥[¥underset{¥small a}{¥int^{b^2%2B b %2B 1}}f(x)dx¥]">
⇒見え方
 
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥[¥underset{¥small a¥hspace{40}}{¥int^{b^2%2B b %2B 1}}f(x)dx¥]">
⇒見え方
 

(3) 定積分の途中経過で差を表す記号を書くには
 前に「四角かっこ」(ガウス記号)のところで述べた内容を,ディスプレイモードで行えばよい.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥[¥underset{¥small 0}{¥int^{1}}xdx=¥left[¥frac{x^2}{2}¥right]_0^1=¥frac{1}{2}¥]">

式に色を付けるには
 次の赤で示した例にならって,&chco=の部分を追加する.
<img src="https://chart.googleapis.com/chart?cht=tx&chl=x^2%2B1&chco=ff0000">
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=x^2%2B 1&chco=ff0000">
⇒見え方
 
※カラーコードはRRGGBBスタイルで,文字列としてシングルクォートで囲むこともせず,数字を表す#も付けずにそのまま書く.
 色を省略すれば黒で表示されます.
≪幾つかの例≫ 名前で書く場合,16進数で書く場合
red:ff0000
darkgreen:006400
blue:0000ff
orange:ffa500
indigo:4b0082
darkred:8b0000
※この方法では,1つの式全体の色を指定できるが,部分ごとに色を変えることはできないようだ.
↑ページ内の目次に戻る
式に背景色を付けるには
 HTMLファイルで,背景色が設定されている場所に,Google Chart Toolsで式を描くとき,式が画像なので背景色が消えてしまう.このような場合に,式の背景色を画面の背景色に合わせると,自然に見える.  Google Chart Toolsの式に背景色を設定するには,&chf=bg,s,カラーコードとすればよい.
[背景色を設定しない場合]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=x^3-4x^2">
⇒見え方



[背景色を合わせる場合]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=x^3-4x^2&chf=bg,s,ffffdd">
⇒見え方



↑ページ内の目次に戻る

下線, 上線,打消し線を書くには
 TeXの書式で,下線, 上線,打消し線となっているもののうち
Googleで使えたものGoogleで使えなかったもの
¥underline{ } @
 下線,二重も可
¥overline{ } A
 上線,二重も可
¥strike{ } B
 打消し線,二重は重なる
¥sout{ } C
 打消し線,二重は重なる
¥cancel{ } D
 右上り斜線,二重は重なる
¥uline{ } 下線
¥uuline{ } 二重下線
¥uwave{ } 波型下線
¥Strike{ } 二重打消し線
¥xout{ } ×型打消し線
¥dashunderline{ } _ _下線
¥dotunderline{ } ..下線
¥bcancel{ } 左上り斜線
¥xcancel{ } ×型打消し線
@[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥underline{x^2-3x}">
⇒見え方
 
@を二重に使った場合[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥underline{¥underline{x^2-3x}}">
⇒見え方
 
A[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥overline{x^2-3x}">
⇒見え方
 
Aを二重に使った場合[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥overline{¥overline{x^2-3x}}">
⇒見え方
 
BCは全く同じ[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥sout{x^2-3x}">
⇒見え方
 
D[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥cancel{x^2-3x}">
⇒見え方
 
※なお,下線, 上線,打消し線のみ赤などで着色することはできないようだ.
[応用]・・・約分の途中計算
↑ページ内の目次に戻る
囲み文字を書くには
 TeXとしては,様々な囲み文字が可能なようであるが,Google数式で扱えるのは,¥fbox{ }だけのようである.
 丸英数字,角丸英数字などは,Google数式ではサポートされていないようである.

 なお,¥fbox{ }は二重に使うこともできるが,隙間に何もないと明瞭な二重にはならない.

↑ページ内の目次に戻る
等号,不等号,ダッシュなど
  1. ¥ne¥neq(いずれも≠を表す)
  2. ¥lt
  3. ¥gt
  4. ¥le¥leq(いずれも≦を表す)
  5. ¥ge¥geq(いずれも≧を表す)
    TeXで使える¥leqq, ¥geqqはGoogle数式では使えない.
  6. ¥simeq (ほぼ等しい)
  7. ¥approx (ほぼ等しい)
    日本で使われる≒に対応するTeXの¥fallingdotseq,もしくは¥risingdotseqはGoogle数式では使えない.
     要するに,≒はGoogle数式では書けないので,一旦HTML上のtextとして書いてから,Google数式を続けるしかないように思われる
  8. ¥equiv (合同式)

  9. 以下の説明において,変数は理屈上は不要であるが,変数の文字と記号の位置関係を確かめるために,書いている.

  10. x¥apos (一重引用符)
  11. x¥quox¥quotx¥quote
    x"
  12. 9.10. は,本来は文章の中で引用符として使われるもので,数式用の記号ではない.(便利なので,筆者も使っている場合があるが,本来は違う)
    ¥quo, ¥quot, ¥quote は同じものになる.
    二重引用符をGoogle数式の書式に載せてGoogleのサーバに送るためには,<img src="https://chart.googleapis.com/chart?cht=tx&chl=・・・">の形で送らなければならないが,その文章の区切り記号にダブルクォートを使っている場合には,ダブルクォート自体をデータとして送りことはできないので,区切り記号をシングルクォートに変えれば,単純にダブルクォートを送ることができる.そうでなければ,上記のように,¥quo, ¥quot, ¥quoteを使えばよい.
    二重引用符( " )が引用符になるのに対して,下に述べる一重引用符はダッシュ,プライムと呼ばれる数学記号になることに注意.
  13. x'
  14. x¥prime
  15. x^{¥prime}x^{^{¥prime}}
  16. 11.は単純に,キーボードの7の所にあるシングルクォートを書き込んだもの.12.は,やや大きすぎて下過ぎる.そこで,1段階上にあげて小さくしたものが13.の初めの式で,さらに2段階上げて小さくしたものが13.の2番目の式.この程度で,教科書などでよく見るスタイルに近い.
  17. ¥dot{x} (時間微分)
  18. ¥ddot{x} (時間の2回微分)
  19. x¥ast (アスタリスク)
  20. ¥circ (丸)
    60分法(度数法)の角度は,この丸を指数にすればよい.30^{¥circ}
  21. ¥bigcirc
  22. ¥cdot
  23. ¥cdots
  24. ¥cdotは中点(なかてん)という意味で,¥cdotsはその複数形になっている.しかし,¥cdotを3回書いたものが¥cdotsになるわけではない.
    ¥cdot¥cdot¥cdot → は詰まり過ぎ
    ¥cdots → は広がり過ぎ
    %2B¥cdots%2B → が見やすい
  25. ¥ldots (下位置の3点)
    ¥vdots (縦並びの3点)
    ¥ddots (右下がりの3点)
  26. ¥bullet¥bull
      上記2つは同じ
↑ページ内の目次に戻る

(補足説明)
1. のの記号をそのまま使うと,文字の高さが前後と合わないことがある.
 [例] x¥ne 3
 気になるときは,「≠をHTML文書に戻す」「≠だけ高さを変える」こともできる.
 [例]
 [例]
4.5. の記号は,学会誌や英語圏で使われるようだが,日本の中学高校で使われる等号付き不等号は,≦と≧になっている.
 TeXで使える¥leqq → ≦, ¥geqq → ≧は,Google数式では使えない.
 これらは,¥underset{下の式}{上の式}または¥overset{上の式}{下の式}で書ける.
[例4.1]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=x¥underset{=}{¥lt}3">
⇒見え方
 
[例4.2]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=x¥underset{=}{¥lt}3">
⇒見え方
 
 上記のうちで,4.1の方が縦位置がよい.5.についても同様.(¥undersetされる方,すなわち¥underset{こちら}{}は標準位置よりも下に来る.¥oversetされる方,すなわち¥overset{こちら}{}は標準位置よりも上に来る.つまり,第2引数の方が標準の高さに来ると考えると,結果と一致する.)
11.12.13.のダッシュまたはプライムの記号は,別の変数や微分を表すときに用いられる.ただし,高校や大学の教科書を見ると「x, y, g(x)の上端がダッシュまたはプライムの下端と同じ高さに来る」「f(x), F(x),  ),  }の上端がダッシュまたはプライムの上端と同じ高さに来る」.
 はちょうどよい高さ
 は,ダッシュまたはプライムの位置がやや高い
 f{^{¥small{¥prime}}}(x)など→
でよい位置に来る
↑ページ内の目次に戻る

集合の表し方
  1. ¥cap (共通部分)
  2. ¥cup (和集合)
  3. ¥subset (部分集合)
    ・・・ABの部分集合である.ABに含まれる
  4. ¥supset
    ・・・ABを含む
  5. ¥subseteq
  6. ¥supseteq
  7. ¥in
  8. ¥notin
  9. ¥ni
  10. ¥notniはない
  11. ¥empty
  12. ¥emptyset
  13. ¥vee
  14. ¥wedge
  15. ¥forall
  16. ¥exists
↑ページ内の目次に戻る
(補足説明)
3.4.5.6.について
 大学以上,学会誌,英語圏の出版物では,様々なものがあり,一律には言いにくいが,高校数学での集合の包含関係を表す記号は,次のように決まっている.
(T) 5.6.の記号は使わない.
(U)
A) 昭和の途中まで
 不等号の記号(<,≦,>,≧)に合わせて,集合の包含関係の記号()を用い,の場合を含めないのと同様に,は真部分集合の場合だけを表す.
 だから,かつならばと言えるが,かつが成り立つことはない.
B) 今日の教え方
 は真部分集合の場合だけでなく,等しい場合も含める.
 要するに,の定義とする.
 この立場からは,かつならばと言える.
 真部分集合を表すには,などと書く.
 大学以上,学会誌,英語圏の出版物で,の記号が使われている場合,真部分集合がどの記号で表されているかは,決まっていないように思う.

11. 12. 空集合という考えは,ブール(イギリス,1815〜1864)に始まる.当時は数字の0で表していた.[数学の歴史U/メルツバッハ&ボイヤー].今日でも論理学の書物では,この書き方を用いる場合がある.昭和の時代の高校数学Vの教科書を見ると,空集合をO(大文字のオー)で書いてあった.
 空集合を∅という記号で表すようになったのは,ブルバキ(フランスの数学集団)からだと言われており,ノルウェー語のØ,ø(オースラッシュ,読み方はウー)に由来する.(*)[Wikipedia]
(*) 数字の0に手を加えたもの:0̸という解釈もある:スカンジナビア語系の文字.筆者は,大学数学の講義でそのように聞いた.はその解釈と合う・・・「数学基礎論序説/R.L.ワイルダー/吉田洋一訳」などの論調.
 出版物にする場合は,活字を特注する手間がかかるせいか,ギリシャ語の(ファイ)で代用することも多い.[定理・公式の例解事典/聖文新社]
:高校数学Aの教科書[T社,K社,D社]
∅:高校数学Aの教科書[S社]◎
:モノグラフ公式集/科学新興新社
Ø,ø:ノルウェー語
 どれを使っても,許容範囲のようだが,筆者のお気に入りは,上記の◎で,HTML文書の中に&empty;と書けばよい.ただし,ファイと読むのだけは避けたい.空集合(くうしゅうごう)もしくはempty setと読むべき.
↑ページ内の目次に戻る

矢印を書くには
[例:左向き矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥leftarrow">
⇒見え方
 
[例:左向き二重矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥Leftarrow">
⇒見え方
 
[例:左向き長い矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥longleftarrow">
⇒見え方
 
[例:左向き長い二重矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥Longleftarrow">
⇒見え方
 
[例:右向き矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥rightarrow">
⇒見え方
 
[例:右向き二重矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥Rightarrow">
⇒見え方
 
[例:右向き長い矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥longrightarrow">
⇒見え方
 
[例:右向き長い二重矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥Longrightarrow">
⇒見え方
 

[例:両向き矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥leftrightarrow">
※ ¥rightleftarrowは不可
⇒見え方
 
[例:両向き二重矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥Leftrightarrow">
※ ¥LeftRightarrowは不可
⇒見え方
 
[例:両向き長い矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥longleftrightarrow">
⇒見え方
 
[例:両向き長い二重矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥Longleftrightarrow">
⇒見え方
 
[例:上向き矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥uparrow">
※ north,eastの順に書く
⇒見え方
 
[例:上向き二重矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥Uparrow">
※ north,eastの順に書く
⇒見え方
 
いずれも長い矢印はないらしい.
[例:下向き矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥downarrow">
⇒見え方
 
[例:下向き二重矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥Downarrow">
⇒見え方
 
いずれも長い矢印はないらしい.
[例:上下向き矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥updownarrow">
⇒見え方
 
[例:上下向き二重矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥Updownarrow">
⇒見え方
 
いずれも長い矢印はないらしい.

[例:北東向き矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥nearrow">
※ north,eastの順に書く
⇒見え方
 
[例:北西向き矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥nwarrow">
※ north,westの順に書く
⇒見え方
 
[例:南東向き矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥searrow">
※ south,eastの順に書く
⇒見え方
 
[例:南西向き矢印]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥swarrow">
※ south,westの順に書く
⇒見え方
 
※各々,「二重」「長い」「二重で長い」ものはないようだ.
[応用例]
y=x2−2xの増減表
y’=2x2−2=2(x−1)
xx<111<x
y’0+
y−1
↑ページ内の目次に戻る

ベクトルを書くには
[例:1文字の名前のベクトル]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥vec{a}">
⇒見え方
 
[例▼:2点を結ぶベクトル]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥vec{PQ}">
⇒見え方
 
※詳しく言えば,2点を結ぶベクトルにおいては,始点と終点は点の名前になっており,このような点や頂点の名前は「直立体」で書くのが望ましいとされている.直立体にする書式は¥rm{ }・・・romanの意味・・・なので,次のように書くとよい.
[例〇:2点を結ぶベクトル]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥vec{¥rm{PQ}}">
⇒見え方
 
↑ページ内の目次に戻る
行列を書くには
(1) 行列は,¥begin{matrix}・・・¥end{matrix}の間に要素を書き並べて書く.
(2) 丸いかっこで囲んだ行列にするには,¥begin{pmatrix}・・・¥end{pmatrix}とする.
(3) 行列式のように縦棒で囲んだ行列にするには,¥begin{vmatrix}・・・¥end{vmatrix}とする.
(4) 角かっこ[ ]で囲んだ行列にするには,¥begin{bmatrix}・・・¥end{bmatrix}とする.
(5) 波かっこ,ブレス,中かっこ{ }で囲んだ行列にするには,¥begin{Bmatrix}・・・¥end{Bmatrix}とする.
(6) 1つの行の中での要素間には %26 と書く.
(7) 行の間には ¥¥ と書く.最後の行末には不要.
[例(1):囲みのない行列]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥begin{matrix}a%26 b¥¥ c%26 d¥end{matrix}">
⇒見え方
 
[例(2):丸いかっこで囲んだ行列]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥begin{pmatrix}a%26 b¥¥ c%26 d¥end{pmatrix}">
⇒見え方
 
※前後のかっこ指定が不一致の場合(¥begin{?matrix},¥end{?matrix}の?に齟齬があるとき),前の記述に沿って表示される.
[例(3):行列式のように縦棒で囲んだ行列]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥begin{vmatrix}a%26 b¥¥ c%26 d¥end{vmatrix}">
⇒見え方
 
(4)(5)も同様にして,bmatrix, Bmatrixを使えばよい.
↑ページ内の目次に戻る

バー,チルダ,ハット,ドットを書くには
[例:バー]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥bar{a-i b}">
⇒見え方
 
[例:チルダ]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥tilde{a}">
⇒見え方
 
[例:ハット]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥hat{b}">
⇒見え方
 
[例:ドット]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥dot{x}">
⇒見え方
 
[例:ドット2個]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥ddot{x}">
⇒見え方
 
ドット3個以上(時間微分の3階以上など)の記号はないようなので,¥overset{¥cdot¥cdot¥cdot}{x}などで作る.
↑ページ内の目次に戻る
語句を区切るには
 ¥で始まる語句の後は原則としてスペースで区切るい.これらは区切りを表すだけで,詰めて表示される.
[例]
× ¥timesb という語句は定義されていないからそのように入力するとエラーになる. →

○ a×bと表示するためには,a¥times b のように¥timesの後にスペースを入れる →
 ただし,¥, +, &, #, {, }, _, ^ の文字が登場するとその前に区切りがあるのと同様に振舞うので,これらの文字を使う場合はその前にスペースがなくてもよい.また,¥timesのような書式に数字が続く場合も,その前にスペースがなくても区切りがあるとみなされる.
[例]
○ 3¥times4
○ 3¥times 4
× ¥sqrt{a}¥pmb
 スペースは何個入れても1つの区切りがあるのと同じになる.英字と数字の間は,スペースがあってもなくても詰めて表示される. [例]
スペースがたくさん:a¥div.b
文字数字間にスペースあり:2x 3 y
↑ページ内の目次に戻る

2個以上の文字を添字や累乗に使うには
 {で始まり,}で終わる範囲が一塊の語句として扱われる.
[例]
添字:a_n%2B1a_{n%2B1}
2文字の添字:a_12a_{12}
累乗:e^x%2B2e^{x%2B2}
2文字の累乗:a^10e^{3x}
分数:¥frac34¥frac{34}5
分数:¥frac3{45}¥frac{x}{x%2B1}
↑ページ内の目次に戻る
式を大きく,または,小さく表示するには
(1) 式全体を拡大または縮小表示するには,次の赤で示した例にならって,&chs=の部分を追加する.
[例]
<img src="https://chart.googleapis.com/chart?cht=tx&chl=¥[¥sum_{k=1}^n k^2¥]&chs=75x50">
⇒見え方
 
 Google Chromeで式を右クリックして「検証」を選ぶと,現在の横×縦のピクセル数が表示されるので,それを見ながら,新しい横×縦のサイズを書き込めばよい.縦横の比率も変えられる.
(2) 個々の文字ごとに,大きく表示,小さく表示する部分を指定するには,次の大きさを参考にして,適当な大きさを選ぶとよい.
倍率書き方見え方の例
50%¥tiny{文字}
70%¥scriptsize{文字}
80%¥footnotesize{文字}
90%¥small{文字}
100%¥normalsize{文字}
1.2倍¥large{文字}
1.22¥Large{文字}
1.23¥LARGE{文字}
1.24¥Huge{文字}
• 60%はどこに行ったと突っ込みが入りそう.
• 標準サイズ(100%)のものは,特に指定しなくてもその大きさになる.
• 文字サイズの指定は,後続の文字に引きずって行くので,それを防ぐために,{\Large{aA}}{\tiny{cC}}のように前後を波かっこで囲むとよい.
[見え方]⇒
↑ページ内の目次に戻る

(注*p<.5) まれに
【要点】
@ MathML, jsMath→MathJaxを利用して,数式を表示するには,ページのhead部分に,次のコードをコピーして貼り付ける.
A HTMLのbodyにおいて,MathJaxの書式に従って,数式を書き込めば,それで数式になるが,ここでは「GoogleAPIsによって数式を表示して,何らかの事情でそのサービスが受けられないときに,MathJaxのサービスを受ける」ことによって,数式を表示する」のであるが,単純に書けば「Googleの数式とMathJaxの数式が二重に表示される」.そこで,Googleのサービスが受けられないときだけ,画面上の縦横位置が全く同じ場所にMathJaxの数式を表示するためには,次のように書けばよいようである.
 なお,abc1などは,各自で付ける名前で識別子とするものだから,1つのページに数式の数だけ別の名前を付ける.
 また,MathJaxのdisplayモードで書くときは,\\[ \\]で囲むことなどは,MathJaxの書式に従う.
[テストの仕方]
 ネットが正常の場合(95%以上の確率で),Googleの数式が表示されるから,MathJaxの数式が意図した通りに表示されているか否かをテストすることはできない.たまたま,近所の強いWifiに負けて電波事情が悪くなった場合や,本当にGoogle側のトラフィックが渋滞しているような事態は,たまにしか起こらない.そこで,(1)GoogleのURLを,わざと間違えてGooogleとする(ファイルを上書き保存してから、ブラウザをリロード)などの工夫をするとMathJaxの式のテストができる.(2)次に,テキストエディタの「元に戻す」機能を使って,GoogleのURLを正しく書いた清書版に戻して(ファイルを上書き保存してから、ブラウザをリロード)テストすると,Googleの数式が表示される.
 この2段階で,エラー処理が作動しているかどうかをチェックできる.
[残る問題]
 @GoogleAPIs AMathJax の両方とも使えないとき,「例えば,隣の家のWifiの電波に負けてしまって,Wifiがつながらない場合」「自宅の電子レンジによって電波障害が起きているとき」など,そもそもご自分のネットワーク環境に問題があるときは,何も見えないから,教材の問題ではない.
 Aは年のスパンで,URLが変わったことがあるようなので,1箇所書き換えるだけで数百ページの教材のURLが書き換わるように,メンテが容易な書き方が必要かも
B GoogleAPIsによる数式とMathaJaxによる数式は,いずれもTeXの文法に基づいて書かれるが,細部の違いとして,ここまでに気づいたことをメモしておくと
GoogleAPIsによる数式MathaJaxによる数式
+は使えない:%2B と書く+ と書けばよい
横空白の\hspace{2}\hspace{2px}
文字色は&chco=...で指定
このシステムの普通の設定では,式の一部の色だけを変えることはできない
文字色がついている文脈ではそれに従う
そうでないときは\color{#xxxxxx}{式}とする
文字の大きさは,式全体で&chs=WxHで指定
Wは横幅,Hは縦幅をピクセル数(数値)で書く
\Large{式}>\large{式}
>\small{式}など部分ごと,または全体を記号で囲む
分数式を多項式や根号と同じ行に並べると小さくなること防ぐには,\dfrac{}{}を使うとよい
式の一部の色を変えるには,\textcolor{\xxxx}{その部分}とする
\Bigl(, \Bigr)は使える
\big{ \big}は使える
\lbrac , \rbracは使える
\{ \}も可
\Bigl(, \Bigr)は使える
\big{ \big}は使えない
\lbrac , \rbracは使えない
\{ \}は可
\sout{ }は可
\cancel{ }も可
\strike{ }も可
\sout{ }, \strike{ }は不可
右上がり\cancel{ },右下がり\bcancel{ },×印\xcancel{ }, Aを打ち消してBにする\cancelto{A}{B}
\lim, \sumなど,インラインとディスプレイで見かけが異なる式を,どちらもインラインで表示することは可能\lim, \sumなどを,ディスプレイで表示すると,別行立てでセンタリングされて表示される
Σ,lim, 積分の記号において,数式仕立てで添え字を上(b)下(b)に付けたいとき,\sum, \lim, \intに続けて limits _a^bと書く.この場合,limitsは極限とは関係なく,上下の添え字の形状を示す
背景色:引数の末尾に&chf=bg,s,#xxxxxx\colorbox{#xxxxxx}{$...$}
式を$で囲む
≦, ≧:たぶんない
\underset{=}{\lt}, \underset{=}{\gt}
でらしくなる
\leqq, \geqq
最後に閉じるかっこが欠けていても許してもらえる:\sqrt{2 , \frac{a}{b →許容最後でも閉じるかっこが欠けていればエラーになる
ベクトル:1文字で名前を表す場合も,2点間を結ぶ場合も\vec{a}, \vec{AB}でよいネット記事などでは,2点間を結ぶ場合は\overrightarrow{AB}と書くべしとされているが,この書き方では矢印の根本だけ太い影が付き,矢印の先は細くなる:\(\overrightarrow{AB}\) ⇒\overset{\longrightarrow}{AB}できれいに書ける:\(\overset{\longrightarrow}{AB}\)

...メニューに戻る