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

フロントエンドエンジニア

pointこの用語のポイント

point職種だよ

pointITエンジニアだよ

pointホームページとかの見た目とか使い勝手に関する部分の開発をやるよ

スポンサーリンク

簡単に書くよ

フロントエンドエンジニア(英:front-end engineer)とは

システム開発系の職種の分類のひとつ
であり

フロントエンド(利用者に見える方)の開発をする人のこと
です。
実際には

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


image piyo

詳しく書くよ

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

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


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

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

フロントエンドエンジニア

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

フロントエンドエンジニア2

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

フロントエンドエンジニア3

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

フロントエンドエンジニア4

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

フロントエンドエンジニア5

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

フロントエンドエンジニア6

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

フロントエンドエンジニア7

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

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

フロントエンドエンジニア8

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

フロントエンドエンジニア9

フロントエンドは「利用者に見える方」的なニュアンスで使われる用語です。

フロントエンドエンジニア10

一般的には

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

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

バックエンドは「利用者に見えない方」的なニュアンスで使われる用語です。

フロントエンドエンジニア11

一般的には

Webシステムとかにおける、実際にシステムとしての処理をする部分

を指して「バックエンド」と表現していることが多いと思います。

例えば、そうですね。

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

フロントエンドエンジニア12

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

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


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

フロントエンドエンジニア13

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

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

フロントエンドエンジニア14

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

フロントエンドエンジニア15

この話においては

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


です。

フロントエンドエンジニア16

以上を踏まえて

フロントエンドの開発をするのが仕事の人

が「フロントエンドエンジニア」です。
文字通り、フロントエンドの開発をするITエンジニアです。

フロントエンドエンジニア17

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

バックエンドの開発をするのが仕事の人

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

フロントエンドエンジニア18

通販サイトの例で言えば、通販サイトの見た目に関する部分を作るのがフロントエンドエンジニアです。

フロントエンドエンジニア19

注文や発注といった実際の処理をする部分を作るのがバックエンドエンジニアになります。

フロントエンドエンジニア20

気が向いたら、セットで覚えてあげてください。

フロントエンドエンジニア:見た目とか使い勝手に関する部分を作る人
バックエンドエンジニア:実際の処理部分を作る人


です。

注意点として、現場によっては微妙に切り分けが違う場合も あります。
例えばフロントエンドエンジニアなのに「あれ?これってバックエンド側じゃね?」と思うような部分を担当することも あるかもしれません。

ドンマイです。

気にしない方が幸せになれると思います。


image piyo2

一言でまとめるよ

まぁ「フロントエンドエンジニア」って単語が出てきたら「(実際の仕事内容は『フロントエンド(利用者に見える方)』の解釈次第だけど)フロントエンドの開発をする人なんだな~」と お考えください。

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

おまけ

■訳してみるよ

「front(フロント)」の意味は「前面」とか「正面」とか「表」とかです。
「end(エンド)」の意味は「終わり」とか「最後」とか「端」とかです。
「engineer(エンジニア)」の意味は「技術者」とか「技師」とか「工学者」とかです。
何となく くっつけると

前面の端の技術者

となります。




書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本【Audible】
7日間でハッキングをはじめる本 TryHackMeを使って身体で覚える攻撃手法と脆弱性
ウォーターサーバーのキャッチコピーを100本考える方法