regle-schemas について
スキーマを使ってフォームを検証したいRegle開発者向けのスキルです。`useRegleSchema`とStandard Schema対応バリデーターの利用や、Regle標準ルールとの併用を扱います。
主な機能
- 01スキーマ駆動のフォーム検証
- 02Zod、Valibot、ArkType対応
- 03Standard Schema互換
- 04スキーマとRegleルールの併用
- 05InferInputによる状態型推論
活用シーン
- 01スキーマに基づくフォーム状態の検証
- 02フォーム検証でのスキーマ再利用
- 03スキーマ検証への標準ルール追加
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ victorgarciaesgi/ regle --skill regle-schemasインストール後、Claude Code で/regle-schemasを入力して読み込まれたか確認します。
同梱ファイルreferences/schemas-libraries.mdreferences/schemas-standard-schema.md
詳細
Regle スキーマ
Regle では、@regle/rules の代わりにスキーマライブラリを使ってバリデーションを実行できます。@regle/schemas をインストールし、Zod、Valibot、ArkType のスキーマ(または Standard Schema に準拠した任意のバリデーター)とともに useRegleSchema を使用してください。
import { useRegleSchema } from '@regle/schemas';
import { z } from 'zod';
const { r$ } = useRegleSchema(
{ email: '' },
z.object({ email: z.string().email() })
);
主な概念
useRegleSchema(state, schema)はuseRegleの代わりに使用します。r$オブジェクトの動作は同じです。- Standard Schema ライブラリであればどれでも使用できます。Zod、Valibot、ArkType は第一級のサポート対象です。
useRules/refineRulesを使うと、スキーマバリデーションと Regle のネイティブルールを組み合わせられます。InferInputを使うと、スキーマから状態の型を推論できます。
参考資料
| トピック | 説明 | 参考資料 |
|---|---|---|
| スキーマライブラリ | Zod、Valibot、ArkType での useRegleSchema | schemas-libraries |
| Standard Schema | Standard Schema の仕様、useRules、refineRules、InferInput | schemas-standard-schema |
関連スキル
- regle —
useRegleを使ったフォームの設定、バリデーションプロパティ、エラーの表示。 - regle-rules — スキーマライブラリを使用しない場合のネイティブルール。
- regle-typescript — 型安全な出力と props の型指定。
コメント
Markdown 対応