ヘッダー・コニファロゴ
ヘッダー・コニファロゴ2
コニファ・シンボルキャラクター
カテゴリー:サーバー、web、ネットワーク関連


使える無料のwebサービス25:TABLEIZED!(html table作成ツール)

TABLEIZER! -- Spreadsheets to HTML Tables Tool:
http://tableizer.journalistopia.com/

Excelなどの表計算データから、すばやくhtmlのtableを作成してくれる無料のwebサービスです。表計算データのtableにしたい範囲をコピーし、TABLEIZER!のテキストエリアにペーストして【Tableize it】ボタンをクリックするだけで、tableデータに変換してくれます。

オプションとして、「TABLE OPTIONS:」部分で、フォント、フォントサイズ、<hd>部分の背景色を変更できます。

古いExcelからスプレッドシートをhtmlとして書き出した場合、tableの各タグに余計なcssが付いてしまい、それを取り去るために苦労しますが、TABLEIZER!のcssは簡潔なので、編集も容易にできます。解説画像

表示が「Copy the HTML code below:」に切り替わり、テキストエリア内にコードが生成されます。
解説画像2

  • 生成されたコードは、上のパートが<style>、下のパートが<table>になります。
  • <style>のパートをhtmlの<head></head>の中ににペースト、<table>のパートを<body></body>にペーストします。
  • 下のtableは作成したサンプルです。テーブルのスタイルは、隙間のある表組となります。
    年月日数値01数値02数値03地名01地名02
    2012.3.262365479212554東京都中野区
    2012.2.2066591247825866東京都新宿区
    2012.1.1810020698945778神奈川県横浜市
    2011.12.16996872556620336千葉県千葉市
    2011.11.1033665510203026699埼玉県草加市
    2011.10.5200992005562351長野県松本市
  • この隙間をなくす場合は、「table.tableizer-table」に、border-collapse: collapse; を加えます。
    table.tableizer-table {
     border: 1px solid #CCC;
     border-collapse: collapse;
    }
    年月日数値01数値02数値03地名01地名02
    2012.3.262365479212554東京都中野区
    2012.2.2066591247825866東京都新宿区
    2012.1.1810020698945778神奈川県横浜市
    2011.12.16996872556620336千葉県千葉市
    2011.11.1033665510203026699埼玉県草加市
    2011.10.5200992005562351長野県松本市
  • また、表計算データ内に使用した日本語(マルチバイト文字)はUnicodeの10進コードに自動変換されます。例えば、「年月日」が、
    &#24180;&#26376;&#26085;
    のように。
    日本語のUnicode10進コードを取得する目的の使い方もありそうです。






戻るボタン
Copyright© 2016 Conifer,Inc. All rights reserved.