My Forms

ダミーのフォームを作成し、沢山並べているサイトです。

フォーム一覧

ガチャを回してね

このサイトについて

私のUI/UX、アクセシビリティに関する力を高めるため、ダミーのフォームを沢山作って並べているサイトです。ボタンをクリックしても何も起こらないので、気軽に遊んで行ってください。

様々な状況、要件に応じたフォームを自在に作成できるようになることを目指しています。フォーム作成には唯一の正解がないため、ベストプラクティスを考える内容ではありません。そのためフォーム同士を比べると、実装やそのもとになる考え方が矛盾している場合があります。

Next.jsで構築しています。React Hook FormやZodといった便利なライブラリーもあるのですが、あまり使用しない方向で作成したいと考えています。自力で構築できるのが一番ですからね💪。

サイト作成のドキュメント、メモなど

GitHubリポジトリーへのリンクです。別タブが開きます。