フロントエンドエンジニアとは
何気なく使用していた「フロントエンドエンジニア」というワードの意味について驚愕したので、
参考サイトを噛み砕く形で投稿いたします。
今までの私の認識
ざっくり言うと、UI/UXを考慮してデザインからマークアップまで行うエンジニアと言う認識でした。
本来のフロントエンドエンジニア
フロントエンドエンジニアは、サイトを制作するうえで最適な技術・構造は何かを考え、ときにはデザイナーやディレクターの相談役となり、「やりたいことを実現する」ための技術的なフォローや制作を行う
とあります。
サイト制作の上で、「やりたいことを実現するために最適な技術・構造を考える。相談する。制作する。」これが本来のフロントエンドエンジニアの役割なのだと考えます。
職種で考えると、Webディレクター、デザイナー、マークアップエンジニア（HTMLコーダー）を総括する立場かと思います。
フロントエンドエンジニアの成り立ち
デザインをHTML,CSSを用いてWebブラウザ上に実現する、マークアップエンジニア（HTMLコーダー）からの派生。
Web界隈の発展により「マークアップエンジニア」と言う言葉で表すには、スキルの範囲が広すぎるため派生した。
必要なスキル
ここに記載するのは、一端に過ぎない。
主な言語
- HTML
- CSS
- JavaScript
- (PHP)
言語に関連する知識
- 開発環境諸々
- APIやフレームワーク
- SEO
- ブラウザやインターフェイス
- レスポンシブデザインなどのデザイン手法
- サイトの軽量化や高速化のための手法
ありすぎて書けません
デザインに関する知識
- UXデザイン
- 情報設計
- UIデザイン
- グラフィカルデザイン
- プロトタイプツール
企画に関する知識
- 統計（情報解析）
- Googleアナリティクスなどの計測ツール
所感
エンジニアになって数ヶ月の自分には、荷が重すぎる
まずは、マークアップエンジニア＋JSの範囲をマスターすることを目指す、その上でディレクター、デザイナーの範囲まで習得しよ