react-hook-form ㌠Valibot ã«å¯¾å¿œã€Zod比較ã§ãƒãƒ³ãƒ‰ãƒ«ã‚µã‚¤ã‚ºãŒ92%削減Zodã¨ã®æ¯”較 å…¬å¼ã‚µã‚¤ãƒˆã§ã€Valibot ã¯ã€Zod ã¨æ¯”較ã—ã¦ã€ãƒãƒ³ãƒ‰ãƒ«ã‚µã‚¤ã‚ºãŒæœ€å¤§98%削減ã§ãã‚‹ã¨è¨˜è¿°ã•ã‚Œã¦ã„ã¾ã™ã€‚今回作æˆã—ãŸå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã§ã‚‚ã€92.2%ã®å‰Šæ¸›ã‚’確èªã§ãã¾ã—ãŸã€‚ VSCode 上㧠Zod ã§ä½œæˆã—㟠Schema ファイルã®ã‚µã‚¤ã‚ºã¯ gzipped 圧縮ã§12.8kã§ã™ï¼ˆZod を利用ã—㟠Schema ã¯ã“ã¡ã‚‰ã‚’å‚ç…§ãã ã•ã„）。 Zodã®Schema実装 import { z } from "zod"; const email: z.ZodString = z .string({ required_error: "入力ãŒå¿…é ˆã®é …ç›®ã§ã™" }) .min(1, { message: "入力ãŒå¿…é ˆã®é …ç›®ã§ã™" }) .max(255, { message: "255æ–‡å—以内ã§å…¥åŠ›ã—ã¦ãã ã•ã„" }) .email({ message: "メールアドレスã®
Next.js 㮠Zod 活用術
TypeScriptã®ã‚¾ãƒƒã¨ã™ã‚‹è©± ~ Zodã®ç´¹ä»‹ ~
Total TypeScriptã®Zodãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§Zodã«å…¥é–€ã—㟠- dackdive's blog
React Hook Formã¨Zodを組ã¿åˆã‚ã›ã¦åˆ©ç”¨ã™ã‚‹ï½œé£Ÿã¹ãƒã‚° フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
react-hook-form 㨠zod ã§ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãã®å…ˆã¸
Zodã§çœŸã®TypeScript firstを手ã«ã™ã‚‹
React.jsã®Prop - Qiita
Railsã®callbackã«ã¤ã„ã¦èª¿ã¹ãŸ - Qiita
メールアドレスã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³å´©å£Šã®ãŠçŸ¥ã‚‰ã›ã€ã‚‚ã—ãã¯ã€å…¨ã¦ãŒ UTF-8 ã«ãªã‚‹, 「エンジニアã®ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆæ˜ åƒæ´»ç”¨æ–¹æ³•ã€ã®ç¬¬2回㌠gihyo.jp ã«æŽ²è¼‰ã•ã‚Œã¾ã—㟠- 雑文発散(2013-01-24)
No more ‘error_messages_for’ in Rails 3
ã¯ã¦ãªãƒ–ãƒã‚° | 無料ブãƒã‚°ã‚’作æˆã—よã†
テã‚ストボックス入力時ã«æ£è¦è¡¨ç¾ã«ã—ãŸãŒã£ã¦ãƒ’ントを出ã›ã‚‹jQueryプラグイン「InputNotesã€:phpspot開発日誌
XHTML-CSS Validator
http://youmos.com/news/jsvalidate
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
JavaScriptã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ 値ãƒã‚§ãƒƒã‚¯ã‚’ç°¡å˜ã«è¡Œãˆã‚‹ã€ŒLiveValidationã€:phpspot開発日誌
Ruby on Rails ã‚’å¦ã¶ - validation エラーã®è¡¨ç¤ºã‚’ validation é †ã«æƒãˆã‚‹ - Rails ã§è¡Œã“ã†ï¼
フォーム値ã®ãƒã‚§ãƒƒã‚¯ã‚’JavaScriptã§ç°¡å˜ã‹ã¤ã‚¯ãƒ¼ãƒ«ã«è¡Œã†ã€ŒfValidatorã€:phpspot開発日誌
JavaScriptã§ãƒ•ã‚©ãƒ¼ãƒ ã®å€¤ã‚’リアルタイムã«ãƒãƒªãƒ‡ãƒ¼ãƒˆã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã¾ã¨ã‚:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}