画面の裏で動いている側のこと。データの保存、ログインの確認、決済の処理など、利用者からは見えない仕事を担当する。
バックエンドとは、Webサービスの利用者からは見えない「裏側」の仕組みのことです。データの保存、ログインの確認、決済の処理など、画面の裏で動いている処理すべてを指します。
レストランの「厨房」です。お客さんが見るのはメニューと料理（画面）だけですが、注文を受けて調理し、食材を管理し、会計を締めるのは厨房の仕事。Webサービスも同じで、ボタンを押した後の本当の仕事は、すべてバックエンドで行われています。
見た目は多少崩れても謝れば済みますが、バックエンドの失敗はお金とデータの事故に直結します。「購入していない人に商品が見える」「他人の個人情報が見える」——こうした事故を防ぐ最後の砦がバックエンドです。セキュリティの判定は、見た目側ではなく必ずバックエンド側で行うのが鉄則です。
初心者がつまずきやすいポイント
「画面で非表示にしたから大丈夫」という思い込みが最も危険です。フロントエンドの表示制御は、ブラウザの開発者ツールで簡単に外せます。「見せない」はバックエンドで判定して、そもそもデータを送らない——この原則を必ず守りましょう。
API（エーピーアイ）
プログラム同士が情報をやり取りするための窓口。中の仕組みを知らなくても、決められた形で頼めば決められた形で返ってくる。
CSS（シーエスエス）
Webページの「見た目」を書くための言語。色・文字の大きさ・余白・配置・アニメーションまで、デザインに関わる部分をすべて担当する。構造のHTMLとセットで使う。
GitHub（ギットハブ）
プログラムのコードを保管・共有するためのWebサービス。変更の履歴がすべて残り、いつでも前の状態に戻せる。Vercelと連携すると、コードを送るだけで自動でサイトが更新される。
HTML（エイチティーエムエル）
Webページの「構造」を書くための言語。見出し・段落・画像・リンクなど、ページに何がどの順で置かれるかを定義する。Webページはすべて最終的にHTMLでできている。
JavaScript（ジャバスクリプト）
Webページに「動き」を付けるためのプログラミング言語。ボタンを押したら開く、入力をチェックする、データを取ってきて表示するなど、ページ上のあらゆる動作を担当する。
Next.js（ネクストジェイエス）
Reactをベースにした、Webアプリ開発の人気フレームワーク。画面・ページ切り替え・サーバー処理までひと揃いで作れる。本サイトもNext.jsで動いている。