CSV テーブル ビューアー
CSVデータを美しい表形式で表示・並べ替え・検索・閲覧。無料・安全・アップロード不要。
CSVファイルをドラッグ&ドロップ
またはCSVテキストを下に貼り付け
CSVデータを美しい表形式で表示・並べ替え・検索・閲覧。無料・安全・アップロード不要。
またはCSVテキストを下に貼り付け
CSV ファイルは、カンマで区切られた値を含むプレーン テキストです。シンプルですが、見た目は煩雑です。テキスト エディタで CSV を読み取ると、フィールドの境界がぼやけ、列の配置が失われるカンマ区切りのテキストの壁が生成されます。 CSV テーブル ビューアはファイルを解析して HTML テーブルとしてレンダリングし、列の配置を復元してデータをスキャン可能にします。
単純な表示を超えて、テーブル ビューアーは CSV データを扱いやすくする機能を提供します。列の並べ替え (ヘッダーをクリックしてその列で並べ替える)、フィルター処理 (条件に一致する行のみを表示)、検索 (すべての列の値を検索)、ページネーション (すべてを一度にロードせずに大きなファイルをナビゲートする) です。
このビューアは、JavaScript エコシステムで最も信頼性の高い CSV ライブラリである PapaParse を使用して、ブラウザ内の CSV を解析します。カンマを含む引用符で囲まれたフィールド、エスケープされた引用符、混合行末、オプションの BOM マーカー、複数行のセルなど、形式の癖を処理します。レンダリングされたテーブルはインタラクティブであり、元のデータはデバイス上に残ります。
Excel は CSV を開きますが、独自の変換 (数値文字列から先行ゼロが削除され、日付が再フォーマットされ、長い数値に科学表記が適用されます) が適用されます。これらの変更によりデータが破損し、ファイルを再保存すると大きな問題が発生する可能性があります。 Web ビューアでは、CSV が自動変換されずにそのまま表示されます。
Excel やコード エディターを開かずに簡単に検査できることも価値があります。ブラウザーのタブにドロップすると、ビューアーはデータをすぐにレンダリングします。日常的に簡単に確認する場合は、Excel を起動するよりも高速です。
ファイルをドロップするか、コンテンツを貼り付けて、テーブル内を移動します。
PapaParse は、カンマを含む引用符付きフィールド、二重化による引用符のエスケープ、複数行のセル、行末の混合、ファイル先頭の BOM など、CSV のバリエーションを処理します。出力は配列の配列 (ヘッダーが検出された場合はオブジェクト) です。
レンダリングでは、大きなファイルの仮想化を備えた HTML テーブルが使用されます。上下にプレースホルダー スペーサーを使用して、表示されている行のみが DOM にレンダリングされます。これにより、数十万行のファイルに対してビューアの応答性が維持されます。
並べ替えとフィルタリングは JavaScript で行われます。並べ替えアルゴリズムは通常、比較関数を備えた array.sort です。フィルタリングでは、単純な include() または正規表現の一致を使用します。どちらも完全なデータセットで実行されます。パフォーマンスはデータセットのサイズと条件の複雑さに依存します。