regle-advanced について
regle-advancedは、Vue 3のフォーム検証におけるRegleの高度なパターンを扱うスキルです。コレクション、非同期検証、サーバーエラー、スコープ付き検証など、複雑なフォーム状態や設定を扱う開発者向けです。
主な機能
- 01配列コレクションの検証
- 02非同期検証とデバウンス
- 03サーバーエラー処理
- 04フォームのリセットオプション
- 05バリアントとスコープ付き検証
- 06フォームインスタンスの統合
活用シーン
- 01動的な配列フィールドの検証
- 02非同期ルールと保留状態の処理
- 03サーバーエラーの反映と消去
- 04コンポーネント間の検証整理
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ victorgarciaesgi/ regle --skill regle-advancedインストール後、Claude Code で/regle-advancedを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/advanced-global-config.mdadvanced-merge-regles.mdadvanced-scoped-validation.mdadvanced-self-validation.mdadvanced-variants.mdcommon-async-validation.mdcommon-collections.mdcommon-reset-forms.mdcommon-server-errors.md詳細
Regle の高度なパターン
Vue 3 での Regle フォーム検証における高度な使用パターンです。コレクション、非同期検証、サーバーエラー、リセットオプション、グローバル設定、判別共用体(バリアント)、スコープ付き検証、マージ、オブジェクトレベルのセルフ検証について説明します。
一般的なパターン
| トピック | 説明 | リファレンス |
|---|---|---|
| コレクション | 配列検証のための $each、コレクションエラー、カスタムキー | common-collections |
| 非同期検証 | 非同期ルール、$pending 状態、デバウンス | common-async-validation |
| サーバーエラー | externalErrors、ドットパスエラー、エラーのクリア | common-server-errors |
| フォームのリセット | $reset オプション:toInitialState、toOriginalState、toState | common-reset-forms |
高度なパターン
| トピック | 説明 | リファレンス |
|---|---|---|
| グローバル設定 | defineRegleConfig、カスタムメッセージ、i18n、グローバル修飾子 | advanced-global-config |
| バリアント | createVariant、narrowVariant、判別共用体 | advanced-variants |
| スコープ付き検証 | useScopedRegle、useCollectScope、コンポーネント間検証 | advanced-scoped-validation |
| Regle のマージ | 複数のフォームインスタンスを結合する mergeRegles | advanced-merge-regles |
| セルフ検証 | オブジェクトレベルのフィールド間検証のための $self | advanced-self-validation |
関連スキル
- regle —
useRegleによるフォームのセットアップ、検証プロパティ、エラー表示、修飾子。 - regle-rules — 組み込みルール/カスタムルール、ラッパー、演算子。
- regle-schemas — Zod、Valibot、ArkType、Standard Schema との統合。
- regle-typescript — ルールスキーマとコンポーネントの props の型付け。
コメント
Markdown 対応