Skip to content

JSON to TypeScript コンバーター

JSONを貼り付けるだけで即座にTypeScriptのインターフェースを生成。100%ブラウザ内で処理 — データはページから外に出ません。interfaceまたはtype、ネストオブジェクト、配列、オプショナルフィールドに対応。無料・登録不要。

トラッキングなし ブラウザで動作 無料
オプション
出力
オプショナルフィールド
0 文字
TypeScript 出力
0 行
実際のAPIペイロードとTypeScriptコンパイラの出力に対して検証済みです。 — Go Tools Team · 2026年6月1日

型付きAPIを日常的に扱う開発者によって構築・レビューされています。

JSON to TypeScript 変換とは？

JSON to TypeScript変換は、JSON値を読み取って対応するTypeScriptのinterfaceまたはtype定義を生成し、APIレスポンスや設定ファイルのために手書きするボイラープレートをなくします。ペイロードを貼り付けるだけで、ネストオブジェクト・配列・オプショナルフィールドまで完全に型付けされた本番向けの型が数秒で得られます。

サンプル

APIレスポンス

{"id":101,"name":"Ada Lovelace","email":"ada@example.com","active":true,"roles":["admin","user"]}

典型的なREST APIのユーザーペイロードを、クライアントにそのまま組み込める型付きインターフェースに変換します。

ネストオブジェクト

{"order":{"id":"A-1","total":42.5,"customer":{"name":"Sam","vip":false}}}

ネストされたオブジェクトは、フィールドから参照される個別の名前付きインターフェース（Order、Customer）になります。

オブジェクトの配列（オプショナルフィールド）

{"users":[{"id":1,"nick":"x"},{"id":2}]}

一部の配列要素にのみ存在するキーはオプショナルとして推論されます（nick?: string）。

混在およびnull値

{"tags":["a","b"],"score":null,"meta":[1,"two"]}

null値や混在した配列は正直に型付けされます（null、(string | number)[]）。

GitHubスタイルのペイロード

{"login":"octocat","id":1,"public_repos":2,"plan":{"name":"pro","private_repos":50}}

snake_caseのキーはそのまま保持され、ネストされたplanは独自のインターフェースになります。

JSONをTypeScriptに変換する方法

  1. 1

    JSONを貼り付ける

    JSONオブジェクト・配列・APIレスポンスを入力欄に貼り付けてください。変換は即座に始まります。

  2. 2

    出力を調整する

    interfaceまたはtypeを選び、ルート名を設定し、exportを切り替え、オプショナルフィールドに ?: または | null を選択してください。

  3. 3

    コピーまたはダウンロード

    生成されたTypeScriptをワンクリックで取得し、コードベースにそのまま貼り付けてください。

変換の仕組み

構造推論
各オブジェクトは名前付きインターフェースになります。同一の形状は重複排除されるため、コピーではなく1つの型が得られます。
配列のマージ
オブジェクトの配列はキーごとにマージされ、一部の要素に存在しないキーはオプショナルとしてマークされます。
100%クライアントサイド
解析と生成はネットワーク通信なしでブラウザ内で実行されるため、データはプライベートに保たれます。

クリーンなTypeScript型のためのヒント

ルート型に名前を付ける
読みやすいコードのために、デフォルトのRootではなく意味のあるルート名（例：User、ApiResponse）を設定してください。
データが疎な場合はnullよりオプショナルを優先する
存在しない可能性があるフィールドには ?: を使い、APIが明示的にnullを返す場合にのみ | null を使ってください。

よくある質問

JSONをTypeScriptのインターフェースに変換するには？
入力欄にJSONを貼り付けてください。コンバーターはブラウザ内で即座にそれを読み取り、右側にTypeScriptのインターフェースを生成します。「コピー」をクリックして結果を取得できます — アップロードもアカウントも不要です。
JSONデータには type と interface のどちらを使うべきですか？
どちらも有効です。interface はオブジェクトの形状に対する慣例で、エディタのエラー表示がわずかに優れています。type はユニオンやインターセクションに便利です。「出力」トグルで両者を切り替え、コードベースが好む方を選んでください。
ネストオブジェクトや配列はどう処理されますか？
ネストされたオブジェクトは個別の名前付きインターフェースになります（例：address フィールドは Address インターフェースを生成します）。オブジェクトの配列は1つの要素インターフェースにマージされ、プリミティブの配列は string[] のような型付き配列になります。
オプショナルフィールドやnullフィールドはどう処理されますか？
一部の配列要素には存在し他には存在しないキーはオプショナルとしてマークされます。「オプショナルフィールド」トグルで ?:（オプショナル）または | null（明示的なnullable）を選択できます。リテラルのnull値は null として型付けされます。
VSCodeでJSONからTypeScriptの型を自動生成するには？
拡張機能をインストールすることもできますが、その必要はありません。このツールは完全にブラウザ内で動作します — 貼り付けて、コピーするだけ — インストール・設定・更新を続ける必要のあるプラグインはありません。
私のJSONデータはプライベートで安全ですか？
はい。変換はJavaScriptを使用して100%ブラウザ内で行われます。トークン・ID・顧客データを含むあなたのJSONは、ページから外に出ることも、サーバーに送信されることも一切ありません。
このツールは無料ですか？アカウントは必要ですか？
完全無料で、登録も制限もなく、作業領域を散らかす広告もありません。
日付や列挙型（enum）を検出できますか？
日付文字列は string のまま保持されます（推測するより安全です）。文字列値はリテラルのユニオンではなく string として型付けされるため、データが変化しても出力は安定したままです。

関連ツール

すべてのツールを見る →

ASCIIコード表・アスキー変換ツール

エンコーディングとフォーマット

ASCII 128文字の完全なコード表。10進・16進・8進・2進を並べ、文字⇔ASCIIコードの双方向変換もその場でできます。制御文字には各言語のエスケープ、キャレット表記、そして実際にどこで出会うかを併記。すべてブラウザ内で動作し、入力は送信されません。

無料バーコード生成 — EAN-13・UPC-A・Code 128

エンコーディングとフォーマット

EAN-13、UPC-A、Code 128、Code 39など15種類のバーコードをSVGまたは印刷用PNGで生成。12桁を入力すればチェックディジットは自動計算されます。末尾が違っていれば、本来あるべき数字をその場で指摘します。

Base64エンコーダー＆デコーダー

エンコーディングとフォーマット

Base64のデコード・エンコードが無料でオンラインで行えます。リアルタイム変換、UTF-8・絵文字対応。100%ブラウザ上で動作しデータは外部に送信されません。登録不要。

Base64 画像変換ツール

エンコーディングとフォーマット

Base64 文字列やデータURIをブラウザ上で画像に戻します。プレビューし、寸法と MIME を確認して、PNG・JPG・GIF・SVG としてダウンロード。アップロード不要。

Base64 から PDF・ファイルに変換（PDF → Base64 も対応）

エンコーディングとフォーマット

Base64 を PDF に変換するオンラインツール。生の Base64、data URI、JSON の値や API レスポンス全体もそのまま貼り付けるだけ。先頭バイトから本当のファイル形式を判定してプレビュー・ダウンロードし、途中で切れた PDF など開けない原因も表示します。PDF → Base64 にも対応、アップロードは一切なし。

CSV to JSON 変換ツール

エンコーディングとフォーマット

CSVをブラウザ内で即座にJSONに変換。RFC 4180・型推論・ヘッダー行・大整数安全対応。100%プライベート、アップロード不要。