灼熱の木星へようこそ雑記

【2017/07/28 (金) 12:34】 | 雑記
トラックバック() | コメント(0)

忍者ブログに Mathjax を導入してみる

ブログに数式を表示したい

自分のウェブサイトやブログ上で数式を表示したいという場面がしばしばあります．

上付き文字や下付き文字 (10^-15 とか H₂O とか) のような html タグの機能で表示できる範囲内なら良いんですが，もうちょっと込み入った数式の表示となるとそれでは対応できなくなります．

一つの解決策としては，LaTeX で数式を生成して，その画像をアップロードするという方法があります．PDF に出力したのをキャプチャするとか，あるいはもっとシンプルに適度なサイズの png や jpeg ファイルとして出力させるツールもあります．ただ，画像を作ってアップロードして，それを貼り付けるというのも面倒．

この LaTeX で画像を生成してくれるオンラインサービスもあって，例えばオンライン LaTeX 数式エディタがその一例です．
ここで LaTeX のコードを打ち込むとその画像を自動で生成してくれるので，その画像に対応する URL を貼り付ければ表示できるというわけです．

例えばこんな感じ．
$\sin^{2}\theta+\cos^{2}\theta=1$

これはこれで悪くないんですが，そこそこ手間がかかることや，検索性が良くないなどなど，いろいろ思う所はあります．

ただ，最近はウェブ上で LaTeX のコマンドを使えるようにする機能があるようで，しかもヘッダ部分に数行追加すればオッケーという手軽っぷりなので，導入してみることにしました．導入を試みるのは Mathjax です．

Mathjax の導入方法

基本的な導入方法や使い方については，既存の様々なサイトを当たったほうが早いし，そちらの方が説明も的確でしょう．

個人的には，

このあたりのウェブサイトの記述を参考にしました．

端的に言うと，ヘッダの部分に

を追加しただけです．いろいろなカスタマイズが不要なのであれば，この 3 行をヘッダに追加するだけで OK．何かのインストールとかは不要です．

この script が，表示のために必要な諸々を読み込んでくる部分です．読み込み先として "cdn.mathjax.org" を紹介しているウェブページもありますが，ここは最近廃止になったので，"cdnjs.cloudflare.com" から読み込むようにします．上記で紹介したウェブサイトでも説明がされていますが，廃止になった cdn.mathjax.org もリダイレクトされているので問題なく使えているようですが，わざわざ廃止になっているのが分かっている方を使う必要はありません．新しい cdnjs.cloudflare.com の方を使いましょう．

ヘッダのどこに追加すればいいのか

追加する場所は，ヘッダのタグ内ならどこでも問題ありません．
で，そのヘッダとは？というのがブログサービスではイマイチわかりづらいところです．

忍者ブログの場合，ブログをある程度カスタマイズしている場合はわかると思いますが，まずはブログ管理画面の上の方にある「デザイン」を選択します．そこで「PC用テンプレート」を選択し，使用中のテンプレートの「修正」を選択します．

そうするとブログデザインの編集画面が出てくるので，左上の「HTML編集」のウィンドウの中に追加します．このウィンドウの中をよく見ると，<head> と </head> というタグがあるので，この 2 つのタグの間に先ほどの 3 行を貼り付けます．
カスタマイズで更に別のスクリプトを貼り付ける際も，同じ範囲内に貼り付ければ良いです．

これで，PC 版のページでは Mathjax が使えるようになりました．

スマホからは数式が表示されない？

ところで上の方法だと，PC用のテンプレートしか編集していません．そのためパソコン用ページを表示した際は数式が表示されますが，スマホから見ると LaTeX コマンドがそのまま表示されてしまいます．

スマートフォン用のテンプレートではどうやらヘッダタグ内をいじるという高度な設定が出来ないようです．そのため個別に設定はできませんが，PC用とスマートフォン用の共通タグを設定することは可能です．

再び「デザイン」を選択し，「共通タグ」を選択します．そうすると，ヘッダタグの間，body タグの間，記事下スペースのそれぞれを PC用とスマートフォン用同時に設定できる画面になります．

ここで，選択肢が </head> になっていて，説明書きに "</head>タグの直前に登録内容を表示します。" と出ていることを確認します．確認ができたら，下のウィンドウに先ほどの script をそのままコピペして保存します．

これで PC用ページもスマートフォン用ページも共通で設定してくれるので，実はそもそも PC 用のテンプレートの方をいじる必要は無かったのでした．

これで，PC 用のページでもスマートフォン用のページでも Mathjax が使えるようになりました．

実際に使ってみる

インライン表示の場合は $x=\frac{-b\pm\sqrt{b^{2}-4ac}}{2a}$ と表示できます．普通の LaTeX と同じく，displaystyle を用いれば $\displaystyle{x=\frac{-b\pm\sqrt{b^{2}-4ac}}{2a}}$ と分数が大きく表示されます．

個別の数式の場合は例えば
\begin{align*}
x=\frac{-b\pm\sqrt{b^{2}-4ac}}{2a}
\end{align*}
となります．

数式番号を付けたり参照したりも出来ます．
\begin{align}
x=\frac{-b\pm\sqrt{b^{2}-4ac}}{2a}
\label{eq1}
\end{align}

\eqref{eq1} 式は二次方程式の解の公式です．

\begin{align}
x=\frac{-b\pm\sqrt{b^{2}-4ac}}{2a}
\tag{A}
\label{eq2}
\end{align}

式の番号を自由に変更して \eqref{eq2} 式という表示にも出来ます．

画像ではなく文字として扱われるので，式 \eqref{eq3} のように色を変えたり，文字サイズを変えたりも可能です．

\begin{align}
x=\frac{-b\pm\sqrt{b^{2}-4ac}}{2a}
\tag{C}
\label{eq3}
\end{align}

設定の方法は上記リンク先を参考にして下さい．

[0回]

【2017/06/05 (月) 19:09】 | 雑記
トラックバック() | コメント(0)

駅名難易度勝手にランク付け東海道本線・JR東海区間編

駅名の読みにくさを完全に個人的な主観で勝手にランク付けする、駅名難易度勝手にランク付け。

前回はこちら
東海道本線・JR東日本区間編

勝手にランク付けの基準は、

S…初見ではまず間違いなく正しく読めない、文句無しの難読駅名
A…初見で読むことが難しいと思われる駅名
A-…Aに準ずるが、知名度が高いため正しく読めやすいと思われる駅名
B…難読と言うほどではないが、若干読みづらいと思われる駅名
B-…難読ではないが、他の読み方も考えられるため一発では読めない可能性がある駅名
C…難しくない駅名

ランク分けも完全に主観だし、駅名へのランク付けも完全に個人的な主観です！

今回は東海道本線のJR東海区間です。

A- 熱海 (あたみ)
A 函南 (かんなみ)　"函"がいまひとつ馴染みのない漢字。
C 三島 (みしま)
C 沼津 (ぬまづ)
C 片浜 (かたはま)
C 原 (はら)
B 東田子の浦 (ひがしたごのうら)　周辺の駅がどれもすっきりした駅名なので、ちょっと面食らう駅名ではある。
B- 吉原 (よしわら)　「よしはら」という読みと混同しそう。
C 富士 (ふじ)
B- 富士川 (ふじかわ)　「ふじがわ」との誤読可能性有り。河川名も自治体名も正式に「ふじかわ」だけど、「ふじがわ」と表記されてしまうことも多々有る様子。
A 新蒲原 (しんかんばら)
A 蒲原 (かんばら)　"かん"と読むのは以外と難易度高いのではないだろうか。
S 由比 (ゆい)　「由比ヶ浜」など他の例もあるが、初見で読むのは無理だろう。
S 興津 (おきつ)　同じ地名は各地にあるようだけど、シンプルな難読地名だと思います。
C 清水 (しみず)　「きよみず」との区別はさすがにつくだろうと考えてCランク。
A 草薙 (くさなぎ)　人名にあるといえばあるが…
C 東静岡 (ひがししずおか)
C 静岡 (しずおか)
B- 安倍川 (あべかわ)　こちらも「あべがわ」では無い。
B 用宗 (もちむね)　歴史上の人物名のような駅名。
A- 焼津 (やいづ)　焼津の地名自体が有名だと勝手に判断。
A- 西焼津 (にしやいづ)
C 藤枝 (ふじえだ)
C 六合 (ろくごう)　普通に読めばこの通りだけど、群馬県にはかつて「六合村 (くにむら)」という超難読村名がありました。
C 島田 (しまだ)
B- 金谷 (かなや)
B- 菊川 (きくがわ)　「きくかわ」でな無い。
C 掛川 (かけがわ)
C 愛野 (あいの)
C 袋井 (ふくろい)
B 磐田 (いわた)　サッカーチームもあるので知名度は高いか。
B- 豊田町 (とよだちょう)
C 天竜川 (てんりゅうがわ)
C 浜松 (はままつ)
B- 高塚 (たかつか)
C 舞阪 (まいさか)
C 弁天島 (べんてんじま)
B- 新居町 (あらいまち)　駅名の由来である地名の方は「あらいちょう」と読むようです。
B- 鷲津 (わしづ)
B 新所原 (しんじょはら)
B- 二川 (ふたがわ)
C 豊橋 (とよはし)
B 西小坂井 (にしこざかい)
S 愛知御津 (あいちみと)　「御津」が難読。ちなみにかつての御津町 (みとちょう)が属していた郡「宝飯郡 (ほいぐん)」もなかなかの難読。
C 三河大塚 (みかわおおつか)
A 三河三谷 (みかわみや)　「みたに」では無い。
A 蒲郡 (がまごおり)
B- 三河塩津 (みかわしおつ)
A 三ケ根 (さんがね)　読みを聞いてしまえばどうということはないが、いまひとつ読みづらい駅名。
B- 幸田 (こうだ)
C 相見 (あいみ)
C 岡崎 (おかざき)
C 西岡崎 (にしおかざき)
C 安城 (あんじょう)
C 三河安城 (みかわあんじょう)
C 東刈谷 (ひがしかりや)
C 野田新町 (のだしんまち)
C 刈谷 (かりや)
C 逢妻 (あいづま)
C 大府 (おおぶ)
C 共和 (きょうわ)
B- 南大高 (みなみおおだか)
B- 大高 (おおだか)
C 笠寺 (かさでら)
C 熱田 (あつた)
C 金山 (かなやま)
B 尾頭橋 (おとうばし)
C 名古屋 (なごや)
A- 枇杷島 (びわじま)　名鉄の西批杷島・東枇杷島と同様の理由で、「枇杷」の読みはある程度知名度があるだろうとの判断。
C 清洲 (きよす)
B- 稲沢 (いなざわ)
C 尾張一宮 (おわりいちのみや)　「尾張」などの旧国名の扱いには結構困る…。おそらく読めない人はいるだろうけど。
C 木曽川 (きそがわ)
C 岐阜 (ぎふ)
C 西岐阜 (にしぎふ)
C 穂積 (ほづみ)
C 大垣 (おおがき)
B 垂井 (たるい)
C 関ケ原 (せきがはら)　読みとは関係ないけど、"ケ"なのか"ヶ"なのかは表記として悩ましいところ。自治体名としては「関ケ原町」、駅名も関ケ原を使っている様子。
B- 柏原 (かしわばら)　「かしわら」という読みもある上に、「かいばら」という読みもあるので、漢字だけ出されても正しく読めない。この読み方を題材にしたミステリー小説があったような。
C 近江長岡 (おうみながおか)
A 醒ケ井 (さめがい)　いまひとつ読みづらい。
B 米原 (まいばら)　"米"の読み方にいろいろあるので分かりづらいだろうとしてBランク。

(通称)美濃赤坂支線。

C 大垣 (おおがき)
C 荒尾 (あらお)
C 美濃赤坂 (みのあかさか)

東海道本線のJR東海区間では、
由比
興津
愛知御津
をSランクにしました。

由比は東海道の交通の結節点として有名ではありますが、やはり難読だろうと思います。
興津も初見ではまず読めないだろうという点で難読度が高いと思われます。
愛知御津も、「おんつ」とか「みつ」とかだろうと思いきや、「みと」だという意外性でSランクです。

[1回]

【2015/07/06 (月) 20:20】 | 雑記
トラックバック() | コメント(0)

駅名難易度勝手にランク付け東海道本線・JR東日本区間編

駅名の読みにくさを完全に個人的な主観で勝手にランク付けする、駅名難易度勝手にランク付け。

前回はこちら
名鉄・岐阜県路線編

勝手にランク付けの基準は、

ランク分けも完全に主観だし、駅名へのランク付けも完全に個人的な主観です！

今回は東海道本線のJR東日本区間です。

C 東京 (とうきょう)
C 新橋 (しんばし)
C 品川 (しながわ)
C 川崎 (かわさき)
C 横浜 (よこはま)
B- 戸塚 (とつか)　「とづか」と読む地名も有り。
B- 大船 (おおふな)　「おおふね」と誤読する人もいるとかいないとか…
C 藤沢 (ふじさわ)
C 辻堂 (つじどう)
B 茅ヶ崎 (ちがさき)
C 平塚 (ひらつか)
C 大磯 (おおいそ)
C 二宮 (にのみや)
S 国府津 (こうづ)　『国府で「こう」と読むシリーズ』の仲間。知っていれば読めるが…という駅名。
B 鴨宮 (かものみや)
B 小田原 (おだわら)
C 早川 (はやかわ)
B 根府川 (ねぶかわ)
B 真鶴 (まなづる)
B 湯河原 (ゆがわら)
A- 熱海 (あたみ)　冷静に考えると読みづらいが、いかんせん知名度が高すぎる駅名・地名の代表格。

東海道本線のJR東日本区間では、ダントツで国府津が一人勝ちと言って良いでしょう。
名鉄名古屋本線でも出てきた、「国府 (こう)」や「国府宮 (こうのみや)」と同じ仲間ですね。

そもそも知名度が高い駅名が多いのでなんともランクが付けづらいです。
「熱海」を難読地名だと思う人なんていないでしょうけど、それはあくまで地名そのものが有名だからだと個人的には思うのです。

[0回]

【2015/06/13 (土) 00:29】 | 雑記
トラックバック() | コメント(0)

駅名難易度勝手にランク付け名鉄・岐阜県路線編

駅名の読みにくさを完全に個人的な主観で勝手にランク付けする、駅名難易度勝手にランク付け。

前回はこちら
名鉄・愛知西部路線編

勝手にランク付けの基準は、

ランク分けも完全に主観だし、駅名へのランク付けも完全に個人的な主観です！

今回は岐阜県にある名古屋鉄道の路線です。

まずは各務原線から。

C 名鉄岐阜 (めいてつぎふ)
C 田神 (たがみ)
C 細畑 (ほそばた)
A 切通 (きりどおし)　一般名詞として「切り通し」がありますが、やや難読です。
B 手力 (てぢから)　読めないことはないですが…これも珍駅名と言えます。
C 高田橋 (たかだばし)
C 新加納 (しんかのう)
C 新那加 (しんなか)
C 市民公園前 (しみんこうえんまえ)
S 各務原市役所前 (かかみがはらしやくしょまえ)　「各務原」がかなり難易度の高い地名です。
C 六軒 (ろっけん)
B 三柿野 (みかきの)
B 二十軒 (にじっけん)
S 名電各務原 (めいでんかかみがはら)　同じく「各務原」の読み。
S 苧ケ瀬 (おがせ)　"苧"という漢字は見慣れない上に、"お"とは読めない、相当難易度の高い駅名です。"芋(いも)"と見間違えるという間違え方も。
C 羽場 (はば)
B 鵜沼宿 (うぬまじゅく)
B 新鵜沼 (しんうぬま)

各務原線は路線名からしてすでに難読ですが、
各務原市役所前
名電各務原
苧ケ瀬
の3つがSランクとなりました。

各務原市の市名は「かかみがはら」ですが、これも超難読地名として知られています。
市名としては「かかみがはら」ですが、「かかみはら」や「かがみはら」、「かがみがはら」などの読み方もあり、統一されていない場合も。
さらに、漢字表記でも「各務ヶ原」となっているものもあります。

次は広見線。

C 犬山 (いぬやま)
C 富岡前 (とみおかまえ)
B 善師野 (ぜんじの)
A 西可児 (にしかに)
A 可児川 (かにがわ)
B 日本ライン今渡 (にほんらいんいまわたり)　ライン川にちなんで日本ラインと呼ばれますが、それを駅名につけたもの。読みづらいけど難読とまではいきません。
A 新可児 (しんかに)　「可児」が結構難読です。
C 明智 (あけち)
S 顔戸 (ごうど)　正しく読まれることはまずないであろう難読駅名。
A 御嵩口 (みたけぐち)
A 御嵩 (みたけ)　"嵩"を"たけ"と読めるかどうか。字面と勢いで読めてしまえそうな気もしますが…

広見線はダントツで顔戸が難読です。
どう見ても「かおど」ですが、「ごうど」と読みます。

最後は竹鼻線・羽島線。

C 笠松 (かさまつ)
C 西笠松 (にしかさまつ)
A 柳津 (やないづ)　この読みをする地名は各地にあるようですが、"ぎ"の発音が"い"に変わっていて難読だと思われます。
B- 南宿 (みなみじゅく)
B 須賀 (すか)　「すが」と濁りません。
A 不破一色 (ふわいしき)　「ふわ」が読めればどうということはない駅名ですが…
C 竹鼻 (たけはな)
B 羽島市役所前 (はしましやくしょまえ)
S 江吉良 (えぎら)　読みを知ればなんとなく理解はできますが、初見では読めないでしょう。
B 新羽島 (しんはしま)　「羽島」が地味に読みづらかったり、「羽鳥」と混同されることがあるようです。

竹鼻線・羽島線では、江吉良をSランクとしました。
ここはバラエティが豊かなイメージです。

[0回]

【2015/06/02 (火) 23:14】 | 雑記
トラックバック() | コメント(0)