快適すぎて涙がでるっ！サクッとTableタグの表がつくれる「MobTabGen」が便利すぎる件【使い方メモ付き】

isloop

13年前

Photo by : tz1_1zt

こんにちは。HTMLを書き始めてはや16年目・・・のするぷ（ @isloop ）です。

95年からネットを初めて、ずっとHTMLを書き続けてきた私ですが、未だになれないタグがあります。

それはTableタグ。

人にデータをわかりやすく提示する表をつくるタグなのに、このタグ自体がちょーわかりにくい。

そんな手強いTableタグですが、ひとりぶろぐの @hitoriblogさんが、このTableタグをちょーわかりやすく作れるウェブサービスをつくってくれました！

その名も「MobTabGen」！今日はこのネ申サービスをご紹介します！

MobTabGenとは？

ひとりぶろぐの @hitoriblogさんが開発した、ちょーカンタンにTableタグを生成できるウェブサービス。元々スマートフォン向けのサービスですが、もちろんPCでも使えます。

MobTabGenにアクセスします。

Tableにヘッダーをつけたい場合はヘッダー行ありをYESにします。

あとは、表にしたいデータを書き込んでいきます。

たとえば、上のような表を作る場合は、以下のように書きます。

|iPhone 4S|iPad 2
Retina display|○|×
解像度|640×960|768×1024

もう自分の頭に描いている表をそのままテキストに書けばいいんです！ネ申すぎる！

MobTabGenでの表の書き方と注意点は以下の通り。

MobTabGenの書き方と注意点。
1. 表の項目は半角の|で区切ります。
2. ヘッダー行ありをYesにした場合1行目がヘッダーの行になります。
3. |の左側がなにも内場合空白となります。
4. 改行することでタグとプレビューに反映されます。

表が出来たら、あとはここの部分に生成されているタグをコピペして自分のブログに貼り付けるだけ。

	iPhone 4S	iPad 2
Retina display	○	×
解像度	640×960	768×1024

うお！できた！カンタンすぎる！！

ちなみに、MobTabGenと同じスタイルにしたい場合は、自分のスタイルシートに、このCSSを反映させれば出来ます。

いやー、AppStoreHelperといい、このMobTabGenといい、ネ申ツールを呼吸をするように作り上げる、@hitoriblogさんかっこよすぎる・・・。こりゃもう、AppStoreHelper同様ゴリゴリ使わせて頂きますよ！

というわけで、僕と同じく、Tableタグのめんどくささに頭を抱えてたみなさん！ぜひMobTabGenをつかって快適なTableタグ生活を送りましょうじゃありませんか！