用語集に戻る
フロント上級

型共有

一言で言うと

フロントとバックでTS型を共有する。

もう少し詳しく

一言で言うと

フロントとバックでTS型を共有する。

もう少し詳しく

フロントとバックでTS型を共有する。IT エンジニアリングの現場で頻繁に登場する概念のひとつで、関連する仕組みやベストプラクティスと合わせて理解しておくと応用が利きます。

モノレポ構成や shared パッケージを用いて、API のリクエスト・レスポンス型をフロントとバックエンドで単一ソースから参照する手法です。tRPC や Zod スキーマを経由して型を導出するパターンも広く使われます。

実務でどう使うか

  • API 設計 ── バックエンドで定義した User 型などをフロントがそのままインポートして使い、インターフェースのずれを防ぎます

  • 型ずれバグの防止 ── サーバー側の変更がコンパイルエラーとして即座にフロントに伝わるため、実行時エラーを未然に防げます

  • スキーマ駆動開発 ── Zod スキーマから型とバリデーションを同時に導出し、フロント・バック双方で同一のルールを適用できます
  • 関連する章

    Ch256 で詳しく学べます。

    関連する用語

    この用語を学べるコース

    この用語を実際に使ってみよう

    チョットデキルなら、5分のレッスンで実際にコードを書いて学べます。

    コース一覧を見る