このページの本文へ

  • はてなブックマークに登録
  • del.icio.usに登録
  • livedoorクリップに登録
  • Buzzurlに登録
  • StumbleUponに登録
  • Google Bookmarksに登録
  • Facebookでシェア
  • Yahoo!ブックマークに登録
  • お気に入りに登録
  • 本文印刷

面倒なTableタグはExcel+「XLS2HTMLTable」で!

Excel→HTMLをワンクリックで変換!

2008年11月27日 08時00分更新

文● 小橋川誠己/企画報道編集部


 CSSレイアウトのおかげで昔に比べてめっきり減ったとはいえ、Tableタグを使う機会はなくなったわけではない。表組みで見せたほうが分かりやすいコンテンツなら、当然Tableタグの出番となる。だが、Tableはパッと見で構造が分かりにくく、手で書くのは面倒、という人も少なくないだろう。

 もちろん、Dreamweaverなどのオーサリングツールの力を借りてもいいが、おなじみの「Excel」を使って簡単にTableを作れるツールがある。安形 康氏作の「XLS2HTMLTable」というフリーソフトだ。Excelのアドインとして動作するXLS2HTMLTableは、指定した範囲のExcelワークシートをシンプルなHTMLに変換してくれる。2002年のリリースと少々古いツールだが、編集部ではWindows XP/Excel 2003環境で動作を確認した。

 インストールも使用方法も簡単だ。作者のWebサイトまたはベクターからダウンロードしたXLAファイルを、[ツール]→[アドイン]→[参照]で選択。「有効なアドイン」にチェックを入れると、[ツール]メニューの中に[XLS2HTMLTable]の項目が追加される。

XLS2HTMLTable
有効なアドインにチェックを入れる

 実際に使用する際は、ワークシート上でTableに変換したい範囲を選択して、先ほどの[ツール]→[XLS2HTMLTable]をクリックすればいい。すると、作成するTableの幅やボーダー、背景色などを設定できる設定ダイアログが表示される。基本は何も変更せずに、そのまま[Execute!]を押すだけ。あっという間にHTMLへ変換される。

XLS2HTMLTable
Tableに変換したい範囲を選んで、[XLS2HTMLTable]をクリック
XLS2HTMLTable
設定ダイアログ。背景色なども設定できるが、ここではとりあえず設定せずにCSSで変更しよう

 [Preview]を押すとそのままブラウザーでのプレビューが、[Copy All]を押せばソースコードのクリップボードへのコピーができる。あとはHTMLの中から不要なタグを取り除き、必要に応じてCSSで見た目を調整すれば完成だ。

XLS2HTMLTable
完成したHTML。コピーやプレビューもボタン1つでカンタンだ

 “作表ツール”として使いなれたExcelをTableタグジェネレーターに変えてくれるXLS2HTMLTableなら、自分で作った表だけでなく他人からもらったExcelデータも手軽にWebに流用できる。Excel標準のHTML書き出し機能と違って生成されるHTMLもシンプルなので加工がしやすく便利だ。ぜひ試してみよう。

XLS2HTMLTable
シンプルなHTMLなのでCSSで好みのデザインに変更して使おう

■関連サイト

カテゴリートップへ

関連記事

はてブ注目ランキング
  1. スマートフォン対応サイトの作り方、教えます461 users
  2. Pythonが最高である3つの理由306 users
  3. HTML5 VideoでiPadがデジタルサイネージに!36 users
  4. Twitterでできること、ほかのツールが得意なこと30 users
  5. ヤフーとグーグルが提携、アルゴリズム検索技術にGoogleを採用20 users
  6. もう配色には困らない!「Adobe Kuler」1521 users
  7. 40分で覚える!jQuery速習講座1483 users
  8. 30分でできる!Webサイトを高速化する6大原則1295 users
  9. Web制作会社が作った!超使えるJavaScriptライブラリ1093 users
  10. 黒船Google汐留沖に出現でWeb広告業界に激震!995 users
最新記事

特設サイト

ASCII.jp会員サービス 週刊Web Professional登録

Webディレクター江口明日香が行く

お買い得・バーゲン品情報

Microsoft Office Professional Academic 2010

Microsoft Office Professional A…

マイクロソフト

2万3318円~

22%OFF!!

Microsoft Office Home and Business 2010

Microsoft Office Home and Busin…

マイクロソフト

2万8807円~

21%OFF!!

Microsoft Office Home and Business 2010 アップグレード優待

Microsoft Office Home and Busin…

マイクロソフト

1万9970円~

24%OFF!!

Microsoft Office Personal 2010 アップグレード優待

Microsoft Office Personal 2010 …

マイクロソフト

1万2670円~

24%OFF!!

Microsoft Office Personal 2010

Microsoft Office Personal 2010

マイクロソフト

2万4158円~

23%OFF!!

Microsoft Office PowerPoint 2010

Microsoft Office PowerPoint 2010

マイクロソフト

1万1519円~

26%OFF!!

VideoStudio Pro X3 特別優待版

VideoStudio Pro X3 特別優待版

COREL

5436円~

47%OFF!!

うしまん [デジタル写真集]

うしまん [デジタル写真集]

Predator Rat

2600円~

26%OFF!!

ノートン 360 バージョン 4.0

ノートン 360 バージョン 4.0

シマンテック

6770円~

34%OFF!!

Amazon.co.jp