バリデーションをフロントだけに任せない設計

masasann
masasann
6分
2,237字

──「二重チェック」は無駄じゃなくて保険

はじめに

フロントで弾いているのに、なぜバックエンドにも書くのか

フロントエンドで入力チェックを実装していると、
「バックエンドにも同じようなバリデーションを書くのは二重管理では?」
と感じることがあります。

ただ、実務で運用するシステムほど
バリデーションをフロントだけに任せない設計が自然になります。

この記事では、
なぜ「二重チェック」が無駄ではなく保険として機能するのかを、
設計判断の観点で整理します。


フロントだけのバリデーションが成立しない理由

フロントは“入口”であって“最終防衛線”ではない

フロントエンドは、必ずしも唯一の入力経路ではありません。

  • DevTools や curl で直接 API を叩ける
  • 将来モバイルアプリや別クライアントが増える
  • バッチ処理・外部連携が追加される

つまり、
「フロントを通る前提」は長期運用では崩れるという前提に立つ必要があります。

フロントのバリデーションは便利ですが、
それだけではデータの安全性を保証できません。


フロントバリデーションの本当の役割

守るためではなく、体験を良くするためのもの

フロント側のバリデーションは、
「不正入力を完全に防ぐ」ためのものではありません。

主な役割は以下です。

  • 入力ミスをその場で気づかせる
  • エラー修正の試行回数を減らす
  • ユーザー体験を壊さない

ここで重要なのは、
フロントはUX最適化の責務を持つという整理です。

「正しいデータかどうか」の最終判断を
フロントに背負わせない方が設計は安定します。


バックエンドが持つべき責務

データの正しさを保証する最後の砦

バックエンドは、
「DBに入って良いデータかどうか」を保証する立場です。

具体的には、

  • DB整合性(NOT NULL / UNIQUE / 外部キー)
  • 状態遷移(キャンセル済みの再操作など)
  • 権限・認可(このユーザーが実行していいか)
  • 競合・二重送信・在庫不足

これらは、
フロントでは判断できない or 信頼できない領域です。

だからこそ、
バックエンドでのバリデーションは必須になります。


「二重チェック」が無駄に見える理由

同じことを二度やっているように見えてしまう

二重チェックが嫌われる理由はシンプルです。

  • 同じルールを2回書いているように見える
  • 修正時に両方直す必要がありそう
  • 管理コストが増える気がする

ただしこれは、
役割を分けずに同じ責務のチェックを書いている場合に起きる問題です。

設計上のポイントは、
「同じルール」ではなく「違う目的のチェック」に分けることです。


設計としての整理:バリデーションは2層に分ける

UX層と保証層を混ぜない

実務で破綻しにくい整理は以下です。

フロント(UXバリデーション)

  • 必須入力
  • 文字数・形式チェック
  • 入力途中の即時フィードバック

バックエンド(保証バリデーション)

  • データ整合性
  • ビジネスルール
  • 状態遷移
  • 権限・認可

同じ「必須チェック」でも、
フロントは「気づかせる」ため、バックエンドは「拒否する」ため
という目的の違いがあります。


DB制約は「最後の保険」として使う

アプリケーションのミスを前提にする

アプリケーション層でどれだけ丁寧に書いても、
バグや競合はゼロになりません。

そのため、

  • NOT NULL
  • UNIQUE
  • 外部キー制約

などの DB制約は必ず入れておく 方が安全です。

これは「二重管理」ではなく、
層の違う安全装置を重ねているだけです。


よくある落とし穴

UI制御をセキュリティだと勘違いする

ありがちな失敗として、

  • disabled / readOnly にしたから安全
  • 表示していないから更新されない
  • フロントで弾いているから大丈夫

と考えてしまうケースがあります。

UI制御はあくまで見た目の制御です。
APIが受け取れるなら、データは書き換えられるという前提を忘れない方が安全です。


実務での判断基準

迷ったら「誰が最終責任を持つか」で決める

  • ユーザー体験を良くしたい → フロント
  • データの正しさを保証したい → バックエンド
  • 絶対に壊したくない → DB制約

この整理をしておくと、
「どこに書くべきか」で迷いにくくなります。


まとめ

二重チェックは冗長ではなく、設計として自然

バリデーションをフロントだけに任せないのは、
「過剰防衛」ではありません。

  • フロントは体験を守る
  • バックエンドはデータを守る
  • DBは最後に守る

この役割分担ができていると、
仕様変更やクライアント追加にも耐えられる設計になります。

「二重チェック」に見えたら、
それは 責務が正しく分かれているサインかもしれません。

Written by