見出し画像

note: 数式がうまく表示されないとき

【要約】
noteに数式機能が追加されました。数式がうまく表示されないことがあったので、正しく表示させるコツを書いておきます

本日(07Dec.2021)noteに数式機能が追加されました。感動です。
早速数式を書いてみたいのですが、最初うまく表示されず試行錯誤したので、コツを書いておきます。

(でも、なによりもまずは以下のnoteヘルプセンター「数式記法の使い方」に目を通すのがよいかと思います:
https://www.help-note.com/hc/ja/articles/4410665086873 )

段落をきちんと分ける

おそらくこれがいちばんひっかかるところだと思います。
段落を独立させないと、別行立ての数式は正しく表示されません

noteでは、文の左端に、段落がどう別れているかを示す「薄い縦棒」が表示されます。別行立ての数式は、この縦棒が上下の文章と独立してることを確認してください。空白行があっても、上の文章と段落が分かれているとは限りません。

以下に数式が書かれています。上の式はうまく表示されておらず、下の式は正しく表示されています。上の式は、ここの文と段落が分かれていないために正しく表示されていません。下の式は段落として独立しています。

$$
a=b
$$

$$
a=b
$$

カーソルを合わせてもプレビューが表示されないとき

新しいエディターを使っている方は、カーソルを式に合わせるとプレビューが表示されます。全く表示されないとき、または式にならず、書いた文字がそのまま表示されるときは、何か間違っている可能性があります。ところが、インラインの数式では、正しく書いていてもプレビューが正しく表示されないことがあります。このようなことは段落の中で改行があると起こります。たとえば

$${\$\$\{a=b\}\$\$}$$はプレビューが正しく表示されます。
しかし$${\$\$\{c=d\}\$\$}$$はプレビューが正しく表示されません。

ただし、これはプレビューの表示が正しくないだけで、「下書き保存」してから見る、または投稿すれば正しく表示されます。

時に、正しく表記し、かつ段落内で改行していなくても、インライン数式のプレビューが表示されないことがあります。そのときは、式の最後の文字と}の間に1つ空白を入れてみてください。私の環境ではこれによりプレビューが表示されることがあります(記事末(注)参照)。

align環境等のプレビュー

別行立てではalign環境等使えますが、これら環境を使うとプレビューは正しくは表示されないようです。例えば以下の式はalign環境を使って書かれていますが、現在の私の環境ではプレビューは表示されません。

$$
\begin{align}
a&=b\\
c&=d
\end{align}
$$

正しい記法で書く

これは当然なのですが、記法は正しくしましょう。

TeXやMarkdown (というかMathJaxとかKaTeX)における数式の記法に慣れている人ほど間違うかもしれません。

インラインでは「ドル2つに中括弧」で式を囲みます。
別行立てでは

$$
a=b
$$

のように「最初と最後のドル2つ」は必ず別の行に配置してください。
(および段落をわける。上記式が正しく表示されないのは、段落がわかれていないからです)



以上です。
みなさんどんどん数式を使った記事をかきましょう!
                          ■


(注)note公式のヘルプでは

また、開始の記号の直後と終了の記号の直前にスペースを入れることはできません。
(例: $${\$\$\{\ y = x^2\}\$\$}$$や$${\$\$\{y = x^2\ \}\$\$}$$は数式として認識されません)

noteヘルプセンター「数式記法の使い方」
https://www.help-note.com/hc/ja/articles/4410665086873

とあります。ところが今の所、これらの表記で正しく式が表示されます。むしろ、プレビューを見るためには、終了記号の直前にスペースを入れないといけない時があるように見受けられます。
さらに、引用ではインライン数式が使えない旨の記述があるのですが、いまのところ私の環境では引用でも(投稿すれば)インライン数式が表示されます。
(08Dec.2021現在私の環境のお話)

この記事が気に入ったらサポートをしてみませんか?