この記事は最終更新日から1年以上経過して情報が古い可能性があります。
アメブロの記事に表を載せたいと思っても、実際にやってみると、(できないわけではないですが）とても大変ですよね。
アメブロに限らず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を使って書こうと思ったら気が狂いそうです。
というわけで、もう少し簡単にできるものを作ってみました。
詳しい使い方は↓こちら
