<span class="mt-enclosure mt-enclosure-image" /><img alt="HTMLテーブルをサクッと作れる便利ツール" src="http://web-marketing.zako.org/images/html-table-generator.png" width="514" height="204" style="" /></span><p>以前に<a href="http://web-marketing.zako.org/web-tools/tableizer-html-tables-from-excel.html" onclick="window.open('http://web-marketing.zako.org/web-tools/tableizer-html-tables-from-excel.html'); return false;">エクセルデータからHTML Tableタグの表を作成してくれる「Tableizer」</a>なんてものをご紹介しましたが、コメントなどで足りない点をいろいろとご指摘いただきました。</p><p>今回は、真っ先にコメントをいただいた<a class="web-site-link" href="http://d.hatena.ne.jp/anpontan-pokan/20081217" onclick="window.open('http://d.hatena.ne.jp/anpontan-pokan/20081217'); return false;">アンポンタン・ポカン</a>さんがさらに便利なツールを作られたのでご紹介します。</p>

<!--more-->
<h3 class="header-label">「エクセルシートをHTMLテーブルに変換しちゃう君 」でカンタンテーブル作成</h3>
<p>「<a class="web-site-link" href="http://styleme.jp/tool/xls2html/#close" onclick="window.open('http://styleme.jp/tool/xls2html/#close'); return false;">エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)</a>」は、<strong>エクセルの表を貼り付けるとHTMLのTableタグで表を生成、プレビューも表示</strong>してくれる便利ツール。以前紹介したサービスでは日本語を通すのにひと手間必要でしたが、今回はその部分でも問題ありません。</p>

<h4 class="header-label">変換しちゃう君の特徴</h4>
<p><a href="http://web-marketing.zako.org/web-tools/tableizer-html-tables-from-excel.html" onclick="window.open('http://web-marketing.zako.org/web-tools/tableizer-html-tables-from-excel.html'); return false;">「Tableizer」</a>との比較にもなっています。</p>
<ul>
<li>セル内での改行に対応</li>
<li>CSVにも対応</li>
<li>強固なセキュリティ性（サーバーとのやり取りなし）</li>
<li>セルの結合が可能</li>
<li>正しいマークアップが可能</li>
<li>行ごとの色替えも設定可能</li>
<li>Class指定も細かく付与可能なので独自デザインも組み込みやすい</li>
</ul>

<h4 class="header-label">サンプルテーブル</h4>
<style>
table {
border-collapse: collapse;
}
th {
border: solid 1px #666666;
color: #000000;
background-color: #FF9999;
}
td {
border: solid 1px #666666;
color: #000000;
background-color: #E9E5E5;
}
thead th {
background-color: #F9B669;
}
tr.nrow td {
background-color: #FFFFFF;
}
</style>
<table>
<thead>
<tr class="nrow">
<th>

</th>
<th colspan="3">
Total Unique Visitors (000)
</th>
</tr>
</thead>
<tbody>
<tr>
<th>
Property
</th>
<td>
Feb-2008
</td>
<td>
Mar-2008
</td>
<td>
% Change
</td>
</tr>
<tr class="nrow">
<th>
MAINICHI.JP
</th>
<td>
4678
</td>
<td>
6062
</td>
<td>
30%
</td>
</tr>
<tr>
<th>
ウォーカープラス
</th>
<td>
2157
</td>
<td>
2785
</td>
<td>
29%
</td>
</tr>
<tr class="nrow">
<th>
コナミ
</th>
<td>
2147
</td>
<td>
2645
</td>
<td>
23%
</td>
</tr>
<tr>
<th>
じゃらん
</th>
<td>
3214
</td>
<td>
3926
</td>
<td>
22%
</td>
</tr>
<tr class="nrow">
<th>
VEOH.COM（動画）
</th>
<td>
2712
</td>
<td>
3162
</td>
<td>
17%
</td>
</tr>
<tr>
<th>
Adobe Sites
</th>
<td>
5840
</td>
<td>
6806
</td>
<td>
17%
</td>
</tr>
<tr class="nrow">
<th>
NHN Corporation（ハンゲー）
</th>
<td>
4589
</td>
<td>
5297
</td>
<td>
15%
</td>
</tr>
<tr>
<th>
WITH2.NET
</th>
<td>
3985
</td>
<td>
4589
</td>
<td>
15%
</td>
</tr>
<tr class="nrow">
<th>
マピオン
</th>
<td>
4997
</td>
<td>
5751
</td>
<td>
15%
</td>
</tr>
<tr>
<th>
ホットペッパー
</th>
<td>
2631
</td>
<td>
3023
</td>
<td>
15%
</td>
</tr>
</tbody>
</table>
<p>↑「Tableizer」でできなかったことが出来てしまうのでとてもすっきりしますｗ</p>

<h4 class="header-label">変換しちゃう君デモ動画</h4>
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/_IlFrpp7wnA&ap=%2526fmt%3D18" height="320" width="522"><param name="movie" value="http://www.youtube.com/v/_IlFrpp7wnA&ap=%2526fmt%3D18" /><param name="wmode" value="transparent"/></object>
<p>↑見づらいとは思いますがｗ サクサクプレビューも見れて、HTMLタグに詳しくなくてもかなり楽に設定できます。</p>

<h4 class="header-label">変換しちゃう君の使い方</h4>
<p>サービスサイト自体がチュートリアルっぽくてわかりやすいのですが一応。</p>
<ol>
<li><a class="web-site-link" href="http://styleme.jp/tool/xls2html/" onclick="window.open('http://styleme.jp/tool/xls2html/'); return false;">エクセルシートをHTMLテーブルに変換しちゃう君</a>を開き、エクセルの表データをコピペ<br /><a rel="nofollow facebox" href="http://lh6.ggpht.com/_fRSz8mJZTZY/SW9jr0Yf2OI/AAAAAAAAQHs/KcfWYumu71w/s800/html-table-generator1.jpg"><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/SW9jr0Yf2OI/AAAAAAAAQHs/KcfWYumu71w/s400/html-table-generator1.jpg" /></a></li>
<li>テーブルの各種設定をここで行います。 行ごとに色を変える設定もここで。テーブルのプレビューも見ることができます<br /><a rel="nofollow facebox" href="http://lh5.ggpht.com/_fRSz8mJZTZY/SW9jO342dKI/AAAAAAAAQHM/x6uoLgqyrEE/s800/html-table-generator2.jpg"><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/SW9jO342dKI/AAAAAAAAQHM/x6uoLgqyrEE/s400/html-table-generator2.jpg" /></a></li>
<li>CSSとHTMLタグが生成されるので、コピーし、サイトに貼り付けて完了<br /><a rel="nofollow facebox" href="http://lh6.ggpht.com/_fRSz8mJZTZY/SW9kaVlF4iI/AAAAAAAAQIM/Izjht6060TI/s800/html-table-generator3.jpg"><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/SW9kaVlF4iI/AAAAAAAAQIM/Izjht6060TI/s400/html-table-generator3.jpg" /></a></li>
</ol>
<p>早速試してみたい方は<a class="web-site-link" href="http://styleme.jp/tool/xls2html/" onclick="window.open('http://styleme.jp/tool/xls2html/'); return false;">エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)</a>へどうぞ。</p>
<p>最初に彼から連絡をもらったのは昨年の年末、私がわがままを言ったら、わがまま以上にすごいものになって出てきましたｗ アンポンタン・ポカンさん、わがまま言ってごめんなさい。でもありがとう。何より実行力と期待を超えるものを出していただいたことにリスペクト。</p>

<p>Via:<a class="web-site-link" href="http://d.hatena.ne.jp/anpontan-pokan/20081217" onclick="window.open('http://d.hatena.ne.jp/anpontan-pokan/20081217'); return false;">エクセルシートをHTMLテーブルに変換しちゃう君 (β) - 僕がGoogleに就職するまでの日記</a></p>