最終更新日:
フロントエンドとは、Webサイトやアプリのうち、利用者の画面に表示され、操作を受け付ける部分です。
フロントエンドは、ブラウザやスマートフォンの上で動く部分を指し、画面の見た目を作るHTML・CSSと、操作に応じて画面を動かすJavaScriptで作られます。入力の確かめ、画面の切り替え、サーバーから受け取ったデータの表示などを受け持ちます。サーバー側の処理は、バックエンドと呼び分けます。
業務システムでは、入力のしやすさや画面の分かりやすさが、使われるかどうかを左右します。発注の場面では、どの端末やブラウザで使うか、画面の数と動きの複雑さ、デザインを誰が作るかによって、作業の量が変わります。React や Vue.js などを使って作ることが多くあります。
フロントエンドで行う入力の確かめは、使う人の手間を減らすためのものです。不正なデータを防ぐための確かめは、バックエンドでも行う必要があります。画面の部品やしくみは更新が早いため、作った後に更新を続ける体制も含めて考えておきます。
関連する用語
- バックエンドWebサイトやアプリのうち、サーバーの側でデータの処理や保存を受け持つ部分です。
- HTMLWebページの文章に、見出し・段落・リンクなどの意味と構造を与えるための言語です。
- JavaScriptブラウザの中で動き、Webページに動きや操作への反応を加えるプログラミング言語です。
- UI・UXUIは画面やボタンなど利用者が触れる部分、UXは使うことで得られる体験の全体を指す言葉です。