JSONサンプルからネスト型・配列・省略可能フィールドを含むTypeScriptインターフェースを生成します。ブラウザ内で動作します。
JSON→TS変換の使い方
JSONオブジェクトまたは配列を貼り付けます。
オプションでルートインターフェース名を設定します。
生成されたTypeScriptインターフェースをコピーします。
This is a JSON to TypeScript generator that infers a set of interfaces from an example JSON object or array, so you can paste an API response and get ready-to-use types instead of writing them by hand.
It is a big time-saver when you are consuming an API or a config file: paste a response, optionally name the root interface, and copy clean TypeScript straight into your code.
Generation runs entirely in your browser, so your data never leaves your device, which matters when the sample contains real values.
It handles real-world shapes: nested objects become their own named interfaces referenced from the parent, arrays of objects are merged into one interface, and union types are produced where values vary.
When the objects in an array do not all have the same keys, the keys missing from some elements are marked optional with a question mark, which matches how the data actually behaves and keeps the types honest.
One important point: it infers a shape from the single sample you give it, rather than enforcing a schema. If a field is sometimes null or absent in real data but not in your sample, the generated type will not know that, so use a representative example.
よくある質問
ネストされた各オブジェクトは独自の名前付きインターフェースになり、親から参照されるため、結果はクリーンで再利用可能です。
オブジェクトの配列は1つのインターフェースにマージされ、一部の要素に存在しないキーはoptionalとしてマークされます。混合プリミティブの配列はユニオン型の要素型になります。
いいえ。型はブラウザ内で生成されるため、データがデバイスの外に出ることはありません。
このツールを埋め込む
このツールをご自身のウェブサイトに追加できます。下のコードをコピーしてください。内容は自動的に最新の状態に保たれます。
<iframe src="https://monu.tools/embed/ja/json-to-typescript" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>関連ツール