UltKit

HTMLをCSVに変換

ブラウザの表をExcelにコピーすると、フォントやリンク、結合セル、ときには画像まで一緒に貼り付けられてしまいます。保存したページをCSVに変換すれば値だけが残り、表の1行がそのまま1行になるので、すぐに並べ替えやグラフ作成に使えます。

データ変換

またはCSV, TSV, TXT … ファイルをここにドロップ ·

1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除

出力

ファイルは当社のサーバーで処理され、30分後に削除されます。

このツールの使い方

  1. 1

    Webページを保存する

    ブラウザで Ctrl+S(Mac は Cmd+S)を押して .html ファイルとして保存するか、社内イントラネットなどが表示するレポートページを書き出します。最大20ファイル、1ファイルあたり95 MBまでアップロードできます。

  2. 2

    Excel向けの文字コードのままにする

    このページでは、Windows 版 Excel でアクセント付き文字が正しく表示されるよう、BOM 付き UTF-8 で出力します。詳細設定の文字コードを BOM なしの UTF-8 に切り替えるとデータベースやスクリプト向けになり、区切り文字をセミコロンにするとヨーロッパ版 Excel 向けになります。

  3. 3

    CSVに変換する

    CSVに変換 →を押してファイルをダウンロードし、Excel、Google スプレッドシート、Numbers、BI ツールなどで開くかインポートします。

Webの表をスプレッドシートに取り込む方法

アナリストは、仕入先の価格ページ、スポーツの成績サイト、ダウンロードボタンのない政府の統計発表、社内ツールが表示するだけで書き出せない月次レポートなど、あらゆる場所で HTML の表に出会います。数字はそこにあるのに、ブラウザー上の表は合計も絞り込みも結合もできません。

CSV は中立的な変換先です。あらゆるスプレッドシート、データベース、分析ツールが取り込め、その規則は 2005 年に RFC 4180 としてまとめられています。行を CSV にしたら、データを渡す際にはCSVをXLSXに変換で、型付きセルのブックにできます。表をスプレッドシートではなくコードで使うなら、JSON のほうが適しています。

HTMLの表をCSVにする主な方法の比較

UltKitGoogle スプレッドシート IMPORTHTMLExcel にコピー&貼り付け
ログインが必要なページに対応yesnoyes
書式やリンクのないプレーンな値yesyesno
保存した複数のページを一度に変換yesnono
出力は再利用できる CSV ファイルyesCSV としてダウンロード名前を付けて CSV 保存
ページの変更に合わせて更新noyesno

HTMLからCSVへの変換例

チーム名にリンクがあるリーグ順位表を CSV に変換した例
<table>
  <tr><th>順位</th><th>チーム</th><th>勝点</th></tr>
  <tr><td>1</td><td><a href="/teams/kashima">鹿島</a></td><td>61</td></tr>
  <tr><td>2</td><td>広島, サンフレッチェ</td><td>58</td></tr>
</table>

順位,チーム,勝点
1,鹿島,61
2,"広島, サンフレッチェ",58

HTMLとCSVの形式の詳細

HTML

ハイパーテキスト・マークアップ言語

HTMLはウェブのマークアップ言語で、1990年代初めにティム・バーナーズ=リーが考案し、現在はWHATWGが「Living Standard」として管理しています。HTMLファイルは見出し、段落、リンク、表、画像、フォームを記述し、見た目の装飾は通常CSSが担当します。すべてのブラウザで表示でき、メールテンプレートや保存したウェブページにも使われます。HTMLファイル単体では外部の画像やスタイルシートに依存していることが多く、単独で移動すると表示が崩れる場合があります。

圧縮方式
–
透過
–
アニメーション
–
登場時期
1993 · Tim Berners-Lee; maintained by WHATWG
HTML 変換

CSV

CSV(カンマ区切り値)

CSV は表形式のデータをプレーンテキストで表す形式で、1行が1つの行にあたり、列はカンマで区切ります。コンピューターの初期から使われており、RFC 4180 に記述がありますが、セミコロンやタブで区切る変種や、異なる文字コードを使うものも多くあります。ほとんどの表計算ソフト、データベース、分析ツールで読み込みと書き出しができるため、システム間でデータをやり取りする際の標準的な形式です。CSV に保存されるのは値だけで、数式、書式、複数のシート、データ型は含まれません。

圧縮方式
–
透過
–
アニメーション
–
登場時期
–
CSV 変換

Web ページやイントラネットのレポートに公開された表を、閲覧用に付いたリンク、色、レイアウトなしでスプレッドシートに取り込み、絞り込み、集計、グラフ化したいときに、HTML を CSV に変換します。

HTML→CSV変換のよくある質問

表をExcelにコピー&ペーストするのではだめですか?

貼り付けると、ハイパーリンク、背景色、セル内の改行、場合によっては画像など HTML の書式まで一緒に入ります。また Excel がその場で値を解釈し直すため、3-4 のような範囲が日付に変わることもあります。CSV はプレーンテキストの値だけを持つので、取り込み方を自分で決められます。

GoogleスプレッドシートのIMPORTHTMLとは何が違いますか?

IMPORTHTML は公開 URL の表をシートに取り込み、更新もしてくれます。ただし、イントラネットのレポートやログイン後のダッシュボードのように、ログインが必要なページには届きません。そのページをファイルとして保存して変換すれば、取得元に関係なく使えます。

Excelでコードが日付に変わったり先頭のゼロが消えたりするのを防ぐには?

CSV を直接開くと、Excel が型を推測してしまいます。代わりに「データ」→「テキストまたは CSV から」でインポートし、郵便番号、部品番号、1-2 のような範囲などの列は、読み込む前に「テキスト」に設定してください。

ハイパーリンクはCSVに残りますか?

表示されているリンクの文字列がセルの値として残り、リンク先のアドレスは残りません。CSV のセルにはプレーンな値が1つしか入らないためです。URL が必要な場合は、先に元の表の別の列として保存しておいてください。

PDFしかない表も変換できますか?

はい、入力が異なります。PDFをCSVに変換は PDF 内の文字の位置から行を組み立て直します。HTML の表のマークアップを読むより難しいため、結果はより慎重に確認してください。

ページには表があるのにCSVが空になるのはなぜですか?

多くのダッシュボードは、ページの読み込み後に JavaScript で表を描画するため、保存した HTML には空の入れ物しか残りません。データが表示された状態で、ブラウザーの開発者ツール(要素パネルの「Copy outerHTML」)から表をコピーして .html ファイルに貼り付けるか、アプリ内の書き出しボタンを探してください。