Torihaji's Growth Diary

Little by little, no hurry.

Zod

React-Hook-Formのデバッグ方法で個人的にしっくりきたやつ

はじめに みなさんこんにちは torihaziです 現在、RailsとNext.jsでXクローン作成中なのですが 投稿の部分でめちゃめちゃ詰まりました。 投稿自体はできたのですがzodと組み合わせたvalidationがうまくいかなくて。 そこでReact-hook-formがサブスクライブし…

Nextjs x Rails のXクローンにprismaを入れて楽(?)をする。

はじめに おはようございます! torihaziです 今日は実務と並行して行っているNextjs x Rails のXクローンで使用予定の Prismaについてぶっつけ本番で入れて使用感や導入方法などを つらつらと書いていこうと思います! 今作っているのはこんな感じです Pris…

Nextjs x RHF x Zodを使って フォームを作ってみる part3

はじめに いよいよ終盤です。 今回はフォームを追加できるようなフォームを作成していきます。 例えば追加ってボタンを押したらフォームが追加されるみたいな。 まずは名前とメールアドレス入力できたらいいでしょう。 理想はこんな感じ。 https://dev.class…

Nextjs x RHF x Zodを使って フォームを作ってみる part2

はじめに part2続きです。 githubです。 GitHub - torihazi/next_form 次はinputの下にエラーメッセージ表示させてみることにします。 あとはpasswordを追加して、バリデーションに正規表現使ってみます。 続き まずはパスワード追加します。 要件としては 8…

Nextjs x RHF x Zodを使って フォームを作ってみる part1

はじめに みなさん、こんにちは torihaziです 今日はNextjs と RHF(react-hook-form)とZodを使って フォームと入力成功したら簡単なページを表示するような小規模アプリを 練習がてら作っていこうと思います 環境構築はDocker使って、デプロイはvercelとか使…