はじめにこんにちは。divxエンジニアの遠矢です。 私が開発に参画し始めた頃、どこから手を付ければ良いのか分からず悩むことが度々ありました。そんな時、先輩開発者からフロントエンドからバックエンドへのデータフローを教わりました。この流れを理解することで、開発プロジェクトがスムーズに進行しました。この背景から、実際に開発で使用したフロントエンド(jQuery)、バックエンド(Django)を例にして、データフローの流れや、DjangoのSerializerを使用してモデルを橋渡しする方法(Django REST framework)についても記述していきたいと思います。 基本的な概要フロントエンドとバックエンドとは? まず、フロントエンドとバックエンドの基本的な概念と実装範囲について説明します。 フロントエンド(jQuery): ユーザーからの入力やアクションをトリガーとしてデータを収集します