JSON to TypeScript コンバーター
JSONをTypeScriptインターフェース、型エイリアス、またはZodスキーマにリアルタイム変換。配列全体でのオプショナルフィールド検出にも対応。
🔒 ブラウザ内で完全に処理されます。ここに入力した内容はアップロードされません。
結果
JSON APIレスポンス用のTypeScriptインターフェースを手書きするのは時間がかかり、間違いも起こりがちです。ネストされたオブジェクトには独自のインターフェースが、配列には要素の型が必要で、存在しない場合があるフィールドはオプショナルとしてマークしなければなりません。これらを一つでも見逃すと、コンパイラはエラーを出さず、コードと実際のデータ構造との乖離が進んでしまいます。
このコンバーターは、その作業を代行します。任意のJSONオブジェクトまたは配列を貼り付けるだけで、再帰的に構造を解析します。ネストされたオブジェクトは独自の名前付きインターフェースになり、オブジェクトの配列は、その配列内の全アイテム間でフィールドを比較して要素インターフェースが作成されます。一部のアイテムにしか存在しないフィールドは末尾に ? が付き、nullの場合と値がある場合が混在するフィールドは、どちらか一方ではなく string | null のような適切なユニオン型として出力されます。
形式の切り替えは、推論された同じ構造をどのように出力するかを変更するだけです。インターフェースブロック、型エイリアス、またはZodスキーマ（z.object()、z.array()、z.union() の呼び出しで構成され、該当箇所に .optional() と .nullable() が付加されます）から選択できます。Zod自体は別途npmパッケージ（npm install zod）であり、このツールはスキーマのソースコードを書き出すのみで、インストールは行いません。
入力や貼り付けと同時に、すべての処理はお使いのブラウザ内でローカルに実行されます。送信ボタンもアップロードも不要で、実際の顧客データを含むペイロードにも安心してお使いいただけます。推論された型ではなくJSONテキスト自体を操作する場合は、JSONフォーマッターで整形・縮小したり、変換前にJSONバリデーターで構文エラーを特定したりすることも可能です。