バックエンドとフロントエンドを切り離すとは？

Question

疑問に思ったので質問させてください。

バックエンドとフロントエンドを切り離すとはどういうことなのでしょうか？

私は今月から、Webエンジニアになりました。
現在参加しているプロジェクトではバックエンドとフロントエンドで違うリポジトリで開発を行っていまして、
私はバックエンドを担当しています。
今までやってきた個人開発ではバックエンドとフロントエンドを切り離した開発はしてこなかったので、
この先の開発のイメージが湧きません。

今まではRailsなどのフルスタックフレームワークを使って開発していたので、
コントローラーの作成や、ルーティング、モデルの作成などを全てやっていましたが、
今回のような場合だと、フロントエンドは何をして、バックエンドで何をするのでしょうか？

(使用技術)

• vue.js
• typescript
• node.js
• docker
• lambda

連休明けに聞けばいいことではありますが、今気になってしまったので質問させていただきました。。

Answer 1

クライアントサイドとサーバーサイドのインタフェースの話ですかね
SPAで組めば基本サーバーサイドはコンテンツの管理、
クライアントサイドはUIの制御がメインにになるでしょう

クライアントサイドからの要求に対してサーバー側がAPIを通して
jsonなどで返してそれをクライアントサイドで整形して表示する流れに
すれば、フロントの技術者は受け渡すパラメータの仕様と
戻り値のデータ構造だけ理解すればあとはサーバーの都合を考えずに
好きにWEBを表現できます

もちろんフロントもデザイナとの作業の切り分けが必要になりますけどね

Comments

[NakaShun_1129]

わかりやすく説明していただきありがとうございます！
私の欲しかった回答はまさにこれです！！

流れが理解できたので非常に助かりました。
ありがとうございます！