IT用語
(
ひよぺん
)
Home
コラム
用語集
About
検索
Ctrl K
Esc
見つかりませんでした
調べたいIT用語を入力してね
BFF(Backend for Frontend)
びーえふえふ
Web
用語集
› 🕸️ Web › BFF(Backend for Frontend)
【びーえふえふ】
BFF(Backend for Frontend) とは?
公開:
2026年3月29日
💡 フロントエンドの「専属マネージャー」が、必要なデータをぴったりお届け
📌 このページのポイント
Web用・モバイル用など、
フロントエンド
ごとに専用の
API
サーバー
を置くパターン
複数の
バックエンド
API
からのデータ集約・変換を担い、
フロントエンド
の実装をシンプルにする
マイクロサービス
と組み合わせることで、各
フロントエンド
が最適なデータ形式を受け取れる
BFF — フロントエンド専用のAPI層
フロントエンド
🖥 Web(PC)
詳細データが欲しい
📱 モバイルアプリ
軽量データが欲しい
BFF層
Web用 BFF
データ集約・整形
モバイル用 BFF
軽量化・圧縮
マイクロサービス
商品サービス
注文サービス
ユーザーサービス
BFFがない場合
Web
不要なデータも取得
商品API
注文API
各フロントエンドが
直接複数のAPIを呼び出す
→ 複雑・非効率
BFFがフロントエンドごとに最適なデータを整形して提供
BFF(Backend for Frontend)の構成
ひよこ
BFF
って、
フロントエンド
のためだけの
バックエンド
ってこと?
ペンギン先生
そうだよ。たとえばWeb版とスマホアプリで必要なデータが違うでしょ?Web版は詳細データが欲しいけど、スマホは通信量を減らしたいからコンパクトなデータがいい。
BFF
が
フロントエンド
ごとに最適化してくれるんだ
ひよこ
APIゲートウェイ
とは何が違うの?
ペンギン先生
APIゲートウェイ
は
ルーティング
や認証など「全クライアント共通の入口」で、
BFF
は「特定の
フロントエンド
専用のデータ加工層」だよ。両方を組み合わせて使うことも多いんだ
ひよこ
具体的に
BFF
は何をしてくれるの?
ペンギン先生
複数の
マイクロサービス
からデータを集めて
フロントエンド
が使いやすい形にまとめたり、不要なフィールドを削ったり、レスポンスを
キャッシュ
したりするよ。
GraphQL
を
BFF
として使うケースも増えているんだ
ひよこ
デメリットはないの?
ペンギン先生
フロントエンド
の種類だけ
BFF
が必要になるから、管理する
サーバー
が増えるのがデメリットだね。Web版だけのサービスなら無理に
BFF
を入れなくていいよ。複数のクライアントがあって、それぞれのデータ要件が大きく違うときに威力を発揮するパターンなんだ
まとめ:ざっくりこれだけ覚えればOK!
「
BFF
」って出てきたら「
フロントエンド
専用の
API
取りまとめ
サーバー
」と思えればだいたいOK!
📖 おまけ:英語の意味
「Backend for Frontend」
= フロントエンドのためのバックエンド
💬 Sam Newmanが2015年に提唱したパターンで、「Best Friend Forever」の略ではなく「バックエンド・フォー・フロントエンド」の略だよ
🔗 あわせて読みたい
GraphQL とは?
マイクロサービス とは?
REST API とは?
シェアする
X
URLコピー
← 用語集にもどる