フロントとバックの違い｜画面が完成しても開発が終わらない理由

この記事が役立つ方

法人の担当者・経営者、仕事でAIやITを活用したい個人

開発会社から『画面はできています』と言われたけれど、何が残っているのでしょうか。利用者が触る部分と、処理・保存をする部分を分けると、進捗と見積もりを確認しやすくなります。

QUICK MAP一枚で分かる、考える順番

矢印の順に、自社の状況へ置き換えて確認しましょう。

1. フロントは使う人に見える部分

画面の配置、入力、エラー表示、操作の反応を作ります。見た目だけでなく、文字が読める、キーボードでも使える、入力内容が失われないことも重要です。利用者が何をしたいかを、画面単位ではなく作業単位で伝えます。

架空データで動く画面を見せる場合は、実際の保存や連携が動くと誤解されない説明が必要です。

認証、権限、計算、保存、外部連携などを担当します。利用者が見ない部分ですが、情報を守り、仕事を正しく完了させるために必要です。画面側の入力チェックに加え、サーバー側で条件を検査します。

管理者だけができる操作、別会社の情報を見せない条件、変更履歴などを、発注前に確認してください。

何を送るか、何が返るか、失敗したときに何を表示するかを決めます。画面と処理を別々に作っても、この約束が揃っていなければ一つの仕事として動きません。開発の確認では、保存した情報が次の画面に反映されるかも見ます。

見た目の承認と、業務が正しく完了する承認を分ける方法が役立ちます。

『何割できた』だけでなく、利用者が今できる作業と、未完成の条件を聞きます。入力から保存、確認まで動く小さな範囲を試せると、進捗を理解しやすくなります。通常、権限不足、通信失敗、重複を試し、未実装のものは明示します。

最後にまとめてつなぐ計画ではなく、少しずつ一連の流れを確かめましょう。

自分の仕事へ置き換えるための整理表
段階	すること	まず確認する内容
利用者の画面	フロントは使う人に見える部分	画面の配置、入力、エラー表示、操作の反応を作ります。
送受信の約束	バックはルールとデータを扱う部分	認証、権限、計算、保存、外部連携などを担当します。
処理と権限	二つをつなぐ条件を合意する	何を送るか、何が返るか、失敗したときに何を表示するかを決めます。
一連の動作確認	進捗は業務の完了で確認する	『何割できた』だけでなく、利用者が今できる作業と、未完成の条件を聞きます。

デザインを承認したら仕様も確定ですか？

見た目の承認と、権限・処理・保存の合意は別です。画面に現れない条件も確認してください。

具体的な仕様が決まっていなくても相談できますか？

困っている作業、利用する人、希望時期を分かる範囲でお知らせください。一般的な記事の内容をそのまま当てはめず、現状と制約から必要な支援範囲を確認します。

NEXT STEP / 次の一歩

作りたい画面と、その前後の仕事を教えてください。裏側に必要な処理も含めて、開発範囲と確認方法を整理します。