フロントエンドは利用者が見て触る画面側を担当し、バックエンドはサーバー側でデータの保存・計算・認証などの裏方を担当します。両者はAPIでつながり、画面側から情報を頼んで受け取ります。
フロントエンドは利用者が見て触る画面側を担当し、バックエンドはサーバー側でデータの保存・計算・認証などの裏方を担当します。両者はAPIでつながり、画面側から情報を頼んで受け取ります。
AIに開発を頼むとき、フロントエンドの見た目の話かバックエンドの処理の話かを分けて伝えると意図が通ります。個人開発ではSupabaseのように裏側をまるごと任せる選択もあります。
画面(左=フロントエンド)とサーバー(右=バックエンド)を左右に対比配置し、中央の境界線上に「API」という橋・窓口のアイコンを描く。左右の色や質感を変えて役割の違いを視覚化する
擬人化ポンチ絵 · 後日差し込み画面側の役割と、データを扱う裏側の役割を分けて呼ぶ言葉です。
担当範囲がはっきりし、AIへの依頼も分担しやすくなります。
境界のAPI設計を誤ると、両者の連携がずれます。
画面設計や機能実装をAIに相談するときに使います。
自分が触る画面はどちら側かを意識してみます。
API、フルスタック、Supabase
API(F-213)の説明は最小限に留め、詳細は F-213 側に委ねています。