DevToolBox

JSON → Yup 変換

JSONオブジェクトからYupバリデーションスキーマを自動生成。string, number, boolean, array, objectに対応。

Yupとは?

YupはJavaScript/TypeScript向けのスキーマバリデーションライブラリです。 Formikやreact-hook-formと組み合わせてフォームバリデーションに使われます。

対応型

  • yup.string() - 文字列
  • yup.number() - 数値
  • yup.boolean() - 真偽値
  • yup.array() - 配列
  • yup.object() - オブジェクト
  • yup.mixed().nullable() - null許容型

使用例

{
  "name": "太郎",
  "age": 25,
  "email": "taro@example.com",
  "tags": ["dev", "web"],
  "address": {
    "city": "Tokyo",
    "zip": "100-0001"
  }
}