アメブロの記事に表を載せたいと思っても、実際にやってみると、(できないわけではないですが）とても大変ですよね。
アメブロに限らずHTMLで表を作るのはかなり面倒なので色んなジェネレーターが公開されていますが、アメブロの場合はそれらのジェネレーターとの相性も良くないので、輪をかけて大変です。
スマホ表示のことを考えるとスタイルをCSSで一括指定できないので、基本的には各セルにスタイルを一つ一つ指定していくことになるからです。
なので、表を載せる場合は、文字は諦めて画像にしてしまう人が多いのではないでしょうか？
↓例えばこんな表や、
| 品番 | 商品名 | 個数 |
|---|---|---|
| PS1111 | ピンセット | 100 |
| KG0011 | 消しゴム | 50 |
| BP2001 | ボールペン | 80 |
| A40001 | ノート(A4) | 25 |
↓例えばこんな表を、
| 商品コード | XS | S | M | L | XL |
|---|---|---|---|---|---|
| AA-0001 | 0 | 10 | 5 | 10 | 8 |
| BB-0002 | 1 | 1 | 20 | 123 | 94 |
| CC-0003 | 21 | 38 | 7 | 1005 | 0 |
| DD-0004 | 9 | 1 | 9 | 0 | 0 |
| XX-XXXX | – | – | – | – | 1 |
アメブロでHTMLを使って書こうと思ったら気が狂いそうです。
というわけで、もう少し簡単にできるものを作ってみました。
詳しい使い方は↓こちら
