CSVからJSONへの変換ツール
基本ツールのデフォルト設定では不十分な場合に、より高度なCSVからJSONへの変換機能を提供します。カスタム区切り文字(カンマ、タブ、セミコロン、パイプ)を選択し、最初の行にヘッダーが含まれるかどうかを指定するとともに、「美観重視」または「コンパクトなJSON出力」の間で切り替えられます。結果として、ヘッダーに基づいてキー化されたオブジェクトの配列が得られ、ヘッダーを無効にすると配列の配列が生成されます。これは自然な列名を持たない行列型データに非常に適しています。
変換の設定方法
-
1
CSVデータを貼り付けます
一般的なフラットファイル形式であればいずれも使用可能です。パーサーは引用符およびエンコード文字を正しく処理します。
-
2
区切り文字を選択してください
標準的なCSVには「,」を使用し、TSVには「`\t`」、欧州向けのCSVエクスポートには「`;`」、パイプ区切り形式のデータには「`|`」を使用します。
-
3
ヘッダーモードを切り替えます
オンのとき:最初の行にJSONキーを指定します。オフのとき:各行は外側の配列内の値の配列になります。
-
4
整形かコンパクトかを選ぶ
整形は人間が読みやすいように改行とインデントを追加します。コンパクトはそれらを取り除き、データ量を最小限に抑えます。
データに適した出力形状を選択します
ヘッダーの切り替えボタンは2種類の異なるJSON形式を生成します。利用者が期待する形式に合ったものを選択してください。
オブジェクトの配列(ヘッダー有効)
[
{ "name": "Alice", "age": "30" },
{ "name": "Bob", "age": "25" }
]
これはほとんどのREST APIおよびフロントエンドフレームワークが期待する形状です。各行はレコードであり、キーは安定した列名です。
配列の配列(ヘッダー無効)
[
["Alice", "30"],
["Bob", "25"]
]
CSVが行列形式(ヒートマップや相関グリッド)である場合、またはユーザーがD3のような位置データを扱うチャートライブラリである場合には特に有用です。
区切り文字リファレンス
| 一般的なフラットファイル | 区切り文字 | 用途 |
|---|---|---|
| CSV | , |
多くの北米のツールでのデフォルトのエクスポート形式です。 |
| TSV | \t |
スプレッドシートからクリップボードに貼り付けたデータです。 |
| SSV(セミコロン) | ; |
欧州のExcelエクスポート形式(カンマは小数点)。 |
| PSV(パイプ) | ` | ` |
整形 vs コンパクト
- 整形JSONはサイズが2〜3倍大きいですが、目で追いやすいです。テスト用フィクスチャ、Gitにコミットするリクエストボディ、ブラウザのコンソールにコピー&ペーストする用途に最適です。
- コンパクトJSONは通信時のバイト数を削減し、空白文字を取り除きます。本番環境のAPIペイロードや
localStorageへの書き込みに適しています。 - どちらの形式も有効なJSONです。どちらを送信するかを気にする利用者はいません。
よくある質問
区切り文字の入力欄に文字列「\t」という2文字の配列を入力してください。コンバーターはこれを解析前に実際のタブ文字として解釈します。
CSVには型情報が含まれていないため、コンバーターは00042のようなIDや1.50のような小数値を無意識に破損させないよう、すべての値を文字列として保持します。必要に応じてクライアント側で数値に変換してください。
オブジェクトキーは唯一である必要があります。そのため、後続の列は前の列を上書きします。重複するヘッダーはまずソースCSVで名前を変更するか、ヘッダーを無効にして位置に基づくアクセスを処理してください。
はい。JSONを生成するためにCSVは当サーバーに送信されます。保存はされず、ページのリンクにも追加されません。
関連ツール
ASCII表リファレンス
0から127までの完全なASCII表です。NUL、LF、DELなどの制御コードを含め、各文字の10進数、16進数、8進数、2進数、HTML数値文字参照を表示します。
HTML文字参照
HTMLエンティティの検索可能なリスト、その名称コードおよび数値コード、および特殊文字や記号のワンクリックコピー機能を提供します。
キーボードショートカット一覧
macOS、Windows、Linux向けに、VS Code、Chrome、GNU Readlineを使うBashの公式資料に基づく既定ショートカットを検索できます。
HTML フォーマッター
ブラウザ内で HTML を 2 または 4 スペースで整形します。HTML はアップロードも検証もされません。
カラーパレットジェネレーター
基準のHEXカラーから、モノクロマティック、類似色、補色、トライアド、テトラードのパレットを生成し、コピーしやすいCSS変数として書き出します。
変更ログジェネレーター
分類した項目から Keep a Changelog 形式の Markdown セクションを作成します。Added、Changed、Fixed、Removed の各カテゴリに項目を貼り付け、Markdown かプレーンテキストを選んで出力をコピーするだけです。