「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

フロントエンド

pointこの用語のポイント

point利用者に見える方だよ

point見た目とかに関する部分が該当するよ

point主にWeb系の話とかシステム開発系の話で出てくるよ

point他の分野では他の意味があるよ

スポンサーリンク

簡単に書くよ

フロントエンド(英:front-end)とは

「バックエンド」の対義語
であり

(Web系とかシステム開発系の話で出てきた場合は)「利用者に見える方」を意図する用語
です。
実際には

ホームページとかWebシステム(インターネットを使うシステム)の見た目とか使い勝手とかの部分
を指していることが多いと思います。


image piyo

詳しく書くよ

※本ページで説明しているのは主にWeb系やシステム開発系の話で出てくる「フロントエンド」についてです。他の分野では他の意味の「フロントエンド」があるっぽいです。ご注意ください。

順番に見ていきましょう。
まずは予備知識として

サーバ
クライアント
Webサーバ(とホームページが表示される流れ)
Webシステム


について簡単に説明します。
「そんなの説明されなくても知ってるよ!」な人は適当に読み飛ばしてください。

サーバは「サービスや機能を提供する側のコンピュータ」です。

フロントエンド

クライアントは「サービスや機能を使う側のコンピュータ」です。

フロントエンド2

サーバがサービスを提供し、そのサービスをクライアントが使います。

フロントエンド3

Webサーバは、さっくり書くと「ホームページ関連の仕事をしているサーバ」です。

フロントエンド4

あなたがホームページを見るとき、まずWebブラウザさん(ホームページを見るときに使うソフトからWebサーバさんに「このページをおくれ」と お願いが出されます。

フロントエンド5

そのお願いに対して、WebサーバさんはWebブラウザさんに「ほれ、そのページだよ」と お返事をします。
くれと言われたホームページのファイルをあげるのです。

フロントエンド6

Webブラウザさんは、Webサーバさんからもらったファイルを画面に表示します。

フロントエンド7

これが、あなたがホームページを見るときの流れです。

この流れにおいて、ホームページのファイルを「ほれ、そのページだよ」とくれたのがWebサーバさんです。

フロントエンド8

Webシステムは「インターネットを使うシステム」です。

フロントエンド9

以上を踏まえて

利用者に見える方

的なニュアンスで使われる用語が「フロントエンド」です。

フロントエンド10

今回は「サービス利用者」「見える」と表現しましたが

「クライアント」に「近い」方

でも

ユーザ」が「操作する」方

でも かまいません。
好きに読み替えてください。

あと、ついでなので書いておくと

利用者に見えない方

は「バックエンド」と言います。

フロントエンド11

一般的には

Webシステムの見た目とか使い勝手に関する部分

を指して「フロントエンド」と表現していることが多いと思います。

例えば、そうですね。

Amazonさんのようなデカい通販サイトを思い浮かべてください。

フロントエンド12

通販サイトの主要機能をメッチャ大雑把に表現すると

1.注文機能
2.発注機能


の2つがあります。
通販サイトのホームページを訪れた人が商品を注文し、注文された商品が お店に発注される流れだからです。

フロントエンド13

※実際には請求処理とかもありますが、話がややこしくなるので見なかったことにします。

通販サイトの利用者に見えるのは通販サイトのホームページです。

フロントエンド14

実際の処理をする部分は利用者には見えません。

フロントエンド15

この話においては

通販サイトの見た目に関する部分:フロントエンド
注文や発注といった実際の処理をする部分:バックエンド


です。

フロントエンド16

実際には、微妙に切り分けが違う場合もありますけどね。
大雑把に

フロントエンド:利用者に見える方
バックエンド:利用者に見えない方


と思っておけば、そんなに困らないと思います。

あと、他の分野では他の意味の「フロントエンド」があるっぽいです。
そこら辺の あれやこれやは他のところで勉強してください。


image piyo2

一言でまとめるよ

まぁ「フロントエンド」って単語が出てきたら「利用者に見える方なんだな~」と お考えください。

一番上に戻るよ
スポンサーリンク
書籍画像061
書籍画像062

おまけ

■訳してみるよ

「front(フロント)」の意味は「前面」とか「正面」とか「表」とかです。
「end(エンド)」の意味は「終わり」とか「最後」とか「端」とかです。
何となく くっつけると

前面の端

となります。




書籍画像
わわわ説明術コラム
宣伝だよ
実務で役立つ バックアップの教科書 基本の考え方からツール活用・差分管理・世代管理・データ保全・リストア・リカバリー・可用性の確保まで
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本【Audible】
優れたエンジニアがコミュニティの中でしていること