タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
React 初心者が Material-UI で今どきの Web フォームを作ってみた（yup編） | DevelopersIO
React 初心者が、Material-UI と React Hook Form v7 を活用して今どきの Web フォーム開発に挑んでみました！ つい先月、React（+ React Hook Form）と Material-UI を組み合わせた Web アプリ開発を始めました。アプリ開発初心者でも簡単に、かつ今っぽい Web フォームを開発することができたので、少しコードを交えてご紹介してみたいと思います。 なお本記事は、前の記事（react-hook-form編）に続く形式となりますので、お時間あれば下記の記事も合わせてご参照いただけますと幸いです。 作ってみた 前回の記事で作成した Web フォームの基本項目（Basic.js）というフォームに下記の yup という JavaScript schema builder を利用してバリデーションの機能を追加していきたいと思います。 バ
graphql-codegen は validation 用の schema も自動で生成できる (yup と zod)
GraphQL Code Generator (a.k.a. graphql-codegen) のプラグインとして graphql-codegen-typescript-validation-schema (Star ください！) を利用すると yup や zod といったフロントエンド validation 用の schema も自動で生成できます。 例えばこのような GraphQL Schema を与えます。ここで記述している constraint directive は confuser/graphql-constraint-directive で提供されているものを想定してます。 input ExampleInput { email: String! @required(msg: "Hello, World!") @constraint(minLength: 50, format:
Typescript Runtime Validators and DX, a type-checking performance analysis of zod/superstruct/yup/typebox
Typescript Runtime Validators and DX, a type-checking performance analysis of zod/superstruct/yup/typebox Preface In 2023, Typescript is rarely questioned as an important tool for modern JavaScript developers, but one of its biggest limitations is the lack of added runtime type safety, particularly when dealing with IO at the boundaries of your application. To solve this problem a number of popula
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
[Vue]Composition API + Yupを利用したフォームのバリデーション | DevelopersIO
t_o_dと申します。 フォーム検証は非常に重要な処理ですが、厳格かつ適切に実装しようとなると相応の知識が必要となり、大抵の開発ではライブラリを用いることが多いです。 今回はYupというライブラリを利用してVue.js(Composition API)で実装する方法を記録いたします。 結果 今回は以下のバリデーションができる入力フォームを作成していきます。 テキストボックス セレクトボックス ラジオボタン 必須入力だけではなく、形式チェックもYupの機能を利用いたします。 全て通ったらエラーメッセージが消え、送信処理が送れます。 環境 mac OS Monterey 12.2 Node.js v18.0.0 Vue 3.2 手順 Vue3 + yup環境構築 以下のコマンドをうち、Vue3及びyupを利用できるサンプルプロジェクトを作成 # サンプルプロジェクト作成 npm init vi
![[Vue]Composition API + Yupを利用したフォームのバリデーション | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/7b6a8966a1dd73d823a42e9559be0cc1bcdb76ea/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2021%2F08%2Fvuejs-logo.jpg){kind=logo}
請求書が即日お金に？全フリーランスの味方、『yup先払い』の衝撃 | キャリアハック（CAREER HACK）
入金前の請求書を登録するだけで、報酬を即日受け取れる『yup（ヤップ）先払い』。フリーランスが抱えるお金の悩みを解決するフィンテックサービスだ。開発者の阪井優さんに、勝ちどころを聞いた。 ［1］請求書が即日お金に？全フリーランスの味方、『yup先払い』の衝撃 ［2］ドタンバで共同創業者にフラれた！普通の会社員だったぼくが、初めての起業で学んだこと 『yup先払い』ってどんなサービス？ ・フリーランサー向け即日報酬支払いサービス ・全業種で利用OK ・請求書を登録したら最短「60分」で審査完了 ・事業計画書などは不要 ・初期費用、月額費用0円 ・わかりやすいUI/UX フリーランスの救世主となるか。『yup先払い』の勝算 「興味のある仕事を相談されたけど、入金が1〜2ヶ月後だから受けられない」 「大きな案件を受けられるようもっと備品を仕入れたいけど、翌々月まで入金がない…」 フリーランスとし
yup(ヤップ)はパートナー企業を募集です。『yup(ヤップ)先払い』は、取引先に送った入金前の請求書情報をyupに登録することで、報酬を即日受け取ることができるサービスです。
vue-yup-form
vue-yup-formHeadless form validation with Vue and Yup This tiny library allows Vue and Yup to be a best friend.
ペイトナー ファクタリング（旧yup 先払い）｜請求書現金化サービス
「ペイトナー ファクタリング（旧yup 先払い）」は、取引先へ送った入金前の請求書を買い取り、報酬を最短10分でお支払いするフリーランス向けオンライン型ファクタリングサービスです。
React Form Validation With Formik And Yup — Smashing Magazine
Forms are an integral part of how users interact with our websites and web applications. Validating the data the user passes through the form is a critical aspect of our jobs as web developers. However, it doesn’t have to be a pain-staking process. In this article, we’ll learn how Formik handles the state of the form data, validates the data, and handles form submission. As developers, it is our j
【React Native】 react-hook-form と yupを使ってフォームのバリデーションチェック | DevelopersIO
こんにちは、こんばんわ。 「クラスメソッドにジョインして、知識をいっぱい吸収出来て喜びを感じています」 CX 事業本部 Delivery 部 MAD グループ@札幌の hiro です。 今回も、前回の React Native 記事に味を占めて、React Native 連投します。 はじめに React Native でネイティブアプリを作成し、フォーム画面を作った時にフォームのバリデーション処理を入れなければ、 と思ったときにやった内容を記述します。 フォームのバリデーション処理は、 Formikなどもありますが、 今回は、 react-hook-formとyupを 組み合わせてバリデーション処理を実施していきました。 内容 React Native の環境は良しなに、作成よろしくお願いいたします！ 以下記事など参考にしつつ、React Native for Webを利用して環境を構築
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォームのバリデーションに役立つYupとは？ React向けライブラリを解説
yup（ヤップ）｜報酬を、即日受け取ろう
www.google.com
dekiru.net
delishkitchen.tv
www.sankei.com
ameblo.jp/t-kazuo
www.google.com