note で 表 を描く方法(KaTeX)
こちらの記事で比較表を書こうとして悩んだ話です。
Markdown で書けないの！？書けぬ！
noteでは Markdown記載ができる部分があったので、表も普通に書けると思っていたら、そうでもありませんでした。
太字 にするとか 取り消し とか簡単なのは使えるんですけどね。
（参考) Markdown で表を書く場合
noteでは使えませんが、以下のような記載になります。とても簡単。
| TH1 | TH2 | TH3 |
| :--- | :---: | ---: |
| R1C1 | R1C2 | R1C3 |
| R2C1 | R2C2 | R2C3 |ならどうやって表を書けばいいのよ！
note で 表を書くには KaTeX(カテフ)を使うのが一番手っ取り早いです
残念ながら Markdown で書くことはできません
KaTeXを使用して書く… その前に…
Googleなどで「note 表」と調べると真っ先に出てくる方法です。
真っ先に出てくる方法ですが…
試すと表示されない 人も多いのではないでしょうか？
私もその1人です… そもそも、KaTeXでカテフって…何？
※KaTeXとはWebサイトに数式を表示するためのものらしいです。
中学数学で脱落した私には… チンプンカンプン(@_@;)
note のエディタに直接入力をする(ダメ)
最初に重要なことを書きます note で直接 KaTeX を書かない方がいい
重要なことなのでもう一度 note で直接 KaTeX を書かない方がいい
なぜかと言うと、私の環境だけなのかもしれませんが、
編集中→小さくプレビューが表示される
プレビューから開く→表で表示されず、KaTeXのコードだけ
となってしまうからです。
※私はMacBookProでMicrosoft Edgeを使って書いています
例えば…下のような記載
$$
\begin{array}{|l|c|r|}
\text{TH1} & \text{TH2} & \text{TH3} \\ \hline
\text{R1C1} & \text{R1C2} & \text{R1C3} \\ \hline
\text{R2C1} & \text{R2C2} & \text{R2C3} \\ \hline
\end{array}
$$編集中は小さく表のプレビューが表示されますが、[・・・]からプレビューを表示するとコードだけが表示されてしまいます。
原因は良くわかりませんが、書いたコードをメモ帳に貼り付けると
改行位置があやふや だったりして… あやしぃ…
メモ帳を使用して note のエディタに貼り付けをする
noteのエディタで表が作成できていたら、こちらは気にする必要はありません。
noteのエディタで表が作成できていなければ、その問題を回避するには以下の手順を踏む必要があります。
１．メモ帳などのエディタを使用してKaTeXのコードを書く。
※ 改行を表す \\ は \\\\ とする必要があります。
※ \hline などの \ はそのままで大丈夫です。
$$
\begin{array}{|l|c|r|}
\text{TH1} & \text{TH2} & \text{TH3} \\\\ \hline
\text{R1C1} & \text{R1C2} & \text{R1C3} \\\\ \hline
\text{R2C1} & \text{R2C2} & \text{R2C3} \\\\ \hline
\end{array}
$$２．１で書いたコードを note の編集画面に貼り付けをする。
うまくいけば、下に表が表示されているはず！
$$
\begin{array}{|l|c|r|}
\text{TH1} & \text{TH2} & \text{TH3} \\ \hline
\text{R1C1} & \text{R1C2} & \text{R1C3} \\ \hline
\text{R2C1} & \text{R2C2} & \text{R2C3} \\ \hline
\end{array}
$$
メモ帳では \\\\ と記載した部分が変化され、こんな感じになります。
上にも書きましたが、メモ帳などを使用する場合、\\ は \\\\ と書く必要があります。
メモ帳では \\\\ と記載しますが、貼り付けをすると \\ になっているかと思いますが、これは問題ありません。
KaTeX での記載部分はちょっとしたことで表として表示されなくなります。
表として表示されなくなったら、シンプルな記載からリトライしてみてください。
