使い方｜かんたん表メーカー

先に結論。セルに文字を入れて、コピーして、ブログに貼る。作業はこれだけです。難しい部分はツール側で処理しています。

1. 表を作る

Step 1

画面左の表は、そのまま文字を打ち込めます。行や列が足りなければ「＋行」「＋列」で増やしてください。逆に多すぎたら「− 行」「− 列」で減らせます。

Step 2

すでに表計算ソフトで表を作ってあるなら、そちらを範囲選択してコピーし、左上のセルをクリックして Ctrl+V（Macは ⌘+V）で貼り付けてください。行数と列数は自動で合わせます。ゼロから打ち直す必要はありません。

Step 3

「1行目を見出しに」にチェックが入っていると、1行目が太字＋背景グレーの見出しとして出力されます。数字の列だけ右寄せにしたい、というときは、列の上にある L / C / R のボタンを押してください。押すたびに左寄せ・中央寄せ・右寄せが切り替わります。

画面右のタブで「HTML / アメブロ」を選び、コードをコピーします。

枠線や余白、見出しの色といった見た目の指定は、すべてコードの中に直接書き込んであります。CSSを追加したり、アメブロの設定をいじったりする必要はありません。貼った時点で完成です。

スマホから書いている方へ。アメブロのアプリではHTML編集が使えないことがあります。その場合はブラウザ版のアメブロを開いてから貼り付けてください。

noteには表の機能がないので、数式を書くための「TeX記法」を利用して表の形を作ります。とはいえ、TeXを覚える必要はありません。ツールが書き出したものをそのまま貼るだけです。

「note貼り付け用に変換する」のチェックは、そのままONにしておいてください。noteに貼り付けると記号の一部が消えてしまう仕様があるので、それを見越した形に変換しています。ここを外すと、コードがそのまま文字として表示されてしまうことがあります。

noteは環境によって挙動が少し変わります。うまくいかないときは、こちらの手順を試してみてください。

$$ は、必ずそれだけで1行になっている必要があります。文章と同じ行に混ざっていると、表として認識されません。

文字が多すぎて横に伸びる　noteのTeX表は、セルの中で自動的に折り返してくれません。1つのセルは短めの言葉にまとめるのがコツです。
列が多くて画面からはみ出す　スマホで読む人のことを考えると、3〜4列くらいまでが読みやすいです。項目が多いときは、表を2つに分ける方が親切だと思います。
セルを結合したい　申し訳ないのですが、現在は対応していません。特にnote側のTeX表は結合との相性が悪いので、結合なしで組み立てられる構成をおすすめしています。