「フロントエンドとバックエンドって、何が違うの？」「フルスタックにならないと、エンジニアとして活躍できない？」。学び始めたときは、職種名だけでも迷ってしまいますよね。
まず知っておきたいのは、それぞれが違う役割で、１つのサービスを支えているということ。今回は「学習記録アプリ」を例に、仕事の違いを見ていきましょう。
■ 画面・処理・基盤で考えると分かりやすい
① フロントエンド：操作する画面を作る
科目や学習時間の入力欄、保存ボタン、記録一覧などを担当します。見た目に加えて、保存中やエラー時の案内も考えます。
② バックエンド：ルールに沿って処理する
入力内容を確認し、データを保存・集計します。「本人の記録だけを変更できる」といった権限の確認も大切な役割です。
③ インフラ：動く環境を支える
アプリの公開環境や通信、監視、復旧の仕組みを整えます。公開後も使い続けられるよう、土台を支える仕事です。
「数学を30分勉強した」と入力したら、画面から保存を依頼し、バックエンドが確認して記録します。その結果を受け取り、画面に「保存しました」と表示する。こうした連携を、インフラが支えています。
■ フルスタックは、複数の役割をつなぐ人
フルスタックは、主にフロントエンドとバックエンドを横断して開発する役割です。職場によっては、公開環境の設定や運用まで担当することもあります。
ただし、すべての技術を同じ深さで習得しているとは限りません。「画面づくりが得意で、保存処理も実装できる」というように、得意分野を持ちながら、対応できる範囲を広げる考え方もあります。
■ 最初は「小さな機能」を一つ作ろう
学ぶことが多く見えても、最初から全部を同時に始める必要はありません。例えば、学習時間を入力して、画面の一覧に追加するところから試せます。
💡 学習記録アプリで試すなら
① 入力した内容を、画面に表示する。
② データの保存・取得を追加する。
③ 公開し、別の端末でも確認する。
各段階で、「何が動き、何がまだできないか」を確かめましょう。保存に失敗した場合の表示なども確認すると、処理のつながりが見えてきます。
■ 「もっと知りたい」と思った作業を深める
画面を使いやすくするのが楽しかったのか。データの処理を考えることに興味が湧いたのか。それとも、動かない原因を調べることに面白さを感じたのか。
実際に手を動かすと、職種名だけでは分からなかった興味が見えてきます。まずは一つ作り、その経験から次の学びを選ぶ。そんな進め方を試してみてください。