UTILS.
100% ブラウザ内で完結

コード生成ツール

すべてブラウザ内で完結する無料のコードジェネレーター — JSON を Zod、Pydantic、Rust、Java、C#、MySQL に、JSON Schema を TypeScript に、HTML や SVG を JSX に、CSS を JS スタイルオブジェクトに、JS オブジェクトを JSON に変換。貼り付けてコピーするだけ、アップロードなし。

🛡️

JSON から Zod スキーマへ

サンプルの JSON 値を貼り付けると Zod スキーマと推論された TypeScript 型を生成し、1 つの形で実行時の検証とコンパイル時の型付けの両方を行えます。

🐍

JSON から Pydantic モデルへ

JSON サンプルを Python の Pydantic v2 モデルクラスに変換します。@dataclass や TypedDict 出力、snake_case のフィールドエイリアスのトグル付き。

🦀

JSON から Rust Serde 構造体へ

JSON サンプルから serde の derive を付けた Rust 構造体を生成します。Serialize/Deserialize にすぐ対応し、null 許容フィールドは Option、rename 属性付き。

JSON から Java POJO へ

JSON サンプルから Java の POJO クラスを作成します。Jackson または Gson の注釈、生成された getter と setter、null 許容フィールド用のボックス型付き。

💠

JSON から C# クラスへ

JSON サンプルから System.Text.Json または Newtonsoft.Json 用の C# モデルクラスを生成します。PascalCase のプロパティと null 許容の値型付き。

📘

JSON Schema から TypeScript へ

JSON Schema(draft-07 または 2020-12)を TypeScript のインターフェースと型エイリアスにコンパイルします。required、enum、$ref、配列、コンビネーターに対応。

🗄

JSON から SQL CREATE TABLE へ

JSON のオブジェクト配列から SQL の CREATE TABLE(および任意の INSERT)を推論し、MySQL、PostgreSQL、SQLite 向けにカラム型を自動選択します。

HTML から JSX / React へ

HTML スニペットを React 向けの有効な JSX に変換します。属性をリネームし、void タグを自己終了させ、インラインスタイルを style オブジェクトに変換します。

🎨

SVG から JSX コンポーネントへ

生の SVG マークアップを、camelCase 化した属性、props のスプレッド、任意の currentColor と forwardRef を備えた、すぐ使える React コンポーネントに変換します。

💅

CSS から JS スタイルオブジェクトへ

CSS 宣言のブロックを、React インラインスタイル、styled-components、Emotion 向けの JavaScript スタイルオブジェクトに変換します。プロパティは camelCase 化されます。

{ }

JS オブジェクトから厳密な JSON へ

緩い JavaScript オブジェクトリテラル(クォートなしのキー、シングルクォート、末尾カンマ、コメント)を、eval を使わずに厳密で有効な JSON に修復します。

他のカテゴリを見る