プロフィール編集 - バリデーションチェック

[takecchi]

Community Issue

概要

現状フロント側でバリデーションチェックを行なっていないので、入力制限やバリデーションチェックを行うようにする。

エラーが出た際にエラーが出た理由と表示をわかりやすくする。
参考: https://mui.com/material-ui/react-text-field/#validation

バックエンドと共通のライブラリはこれ
https://github.com/cuculus-dev/validator

Todo

• やることリスト

[takecchi]

#52
一部共通で使えそう。

[takecchi]

フロントエンドとバックエンド共通のバリデータとして以下を使用する。
https://github.com/cuculus-dev/validator

npm install @cuculus/validator
でインストール可能

現状、ざっくりとしたパターンしか決まっていないので以下を決める必要あり。

• ユーザー名 ... @〇〇の部分
• 表示名
• bio