SSR / SSGの理解を一段深ぼる: BFFアーキテクチャ
BFFとは Backend for Frountendの略で、UI/UXを向上させる目的でフロントエンド専用のサーバーを用意したアークテクチャパターンです。 Webアプリケーションサーバーは下記の処理を行います。 リクエストを受ける DBからデータの取得・更新 ページを構築 (これはクライアントですることも) ページ or データの返却 このうち、「DBからデータの取得・更新」とそれ以外をフロントエンドとバックエンドの役割に明確にわけます。 BFFの役割となるサーバーをクライアントをWebサーバーの間に設け、「リクエストを受ける」と「ページ or データの返却」、場合によっては「ページの構築」をここで処理します。 こうすることで、これまでリクエストというUX関わる部分をフロントエンドエンジニアの責務に移行することができます。 ページの構築をクライアントではなくサーバーで行う場合、これもBB
LINE and BFF - Speaker Deck
組織と責任 それで、BFFやってますか？ • やってます！ • React + Node.js (Express) • Nuxt • どうやって組織と責任の争いから抜け出したか Development サーバ、デザイン、企画、QA Development • BFFがないと • テンプレートがサーバにあるため、責任が不明確 • サーバ側が修正し始めたらトラッキングが難しい • ２度作業するようになることも Development • BFFを導⼊すると • サーバ: データ処理、API • フロントエンド: その他 • 責任が明確になる • 結果的にはみんな喜ぶ Development • サーバ側はNode.jsの経験がないかも • Node.jsサーバは怖くない、と納得させる • サーバの運⽤は⼿伝ってもらう Deployment サーバ、インフラ、DevOps Deployment
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
