一言でいうと
フロントエンドとは、ウェブサイトやアプリでユーザーが直接見て触れることができる部分のことです。
もう少し詳しく
ウェブサイトを訪問したときに、画面に表示される文字や写真、ボタンやメニューなど、あなたが目で見えて操作できる全てのものがフロントエンドです。
例えるなら、レストランで考えてみましょう。ユーザーが見て操作する「メニュー表」や「注文ボタン」がフロントエンドです。一方、お客さんからは見えないキッチンで調理している部分はバックエンドと呼ばれます。
フロントエンドの役割は、ユーザーが快適に使えるように、見た目を整えたり、ボタンをクリックしたときにすぐに反応させたりすることです。
よく使われる場面
エラーログサイトで「フロントエンドのエラーが発生した」と書かれていたら、ウェブページが正しく表示されなかったり、ボタンが反応しなかったりという問題が起きているということです。例えば、商品を購入しようとしてボタンをクリックしても何も起こらないといった状況が該当します。
関連する言葉
- バックエンド：ユーザーからは見えない、サーバー側で行われる処理
- UI（ユーザーインターフェース）：ユーザーが操作する画面のデザインや配置
- HTML/CSS/JavaScript：フロントエンドを作るための主なプログラミング言語