Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

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

何気なく使用していた「フロントエンドエンジニア」というワードの意味について驚愕したので、
参考サイトを噛み砕く形で投稿いたします。

今までの私の認識

ざっくり言うと、UI/UXを考慮してデザインからマークアップまで行うエンジニアと言う認識でした。

本来のフロントエンドエンジニア

フロントエンドエンジニアは、サイトを制作するうえで最適な技術・構造は何かを考え、ときにはデザイナーやディレクターの相談役となり、「やりたいことを実現する」ための技術的なフォローや制作を行う

とあります。

サイト制作の上で、「やりたいことを実現するために最適な技術・構造を考える。相談する。制作する。」これが本来のフロントエンドエンジニアの役割なのだと考えます。

職種で考えると、Webディレクター、デザイナー、マークアップエンジニア(HTMLコーダー)を総括する立場かと思います。

フロントエンドエンジニアの成り立ち

デザインをHTML,CSSを用いてWebブラウザ上に実現する、マークアップエンジニア(HTMLコーダー)からの派生。
Web界隈の発展により「マークアップエンジニア」と言う言葉で表すには、スキルの範囲が広すぎるため派生した。

必要なスキル

ここに記載するのは、一端に過ぎない。

主な言語

  • HTML
  • CSS
  • JavaScript
  • (PHP)

言語に関連する知識

  • 開発環境諸々
  • APIやフレームワーク
  • SEO
  • ブラウザやインターフェイス
  • レスポンシブデザインなどのデザイン手法
  • サイトの軽量化や高速化のための手法

ありすぎて書けません

デザインに関する知識

  • UXデザイン
  • 情報設計
  • UIデザイン
  • グラフィカルデザイン
  • プロトタイプツール

企画に関する知識

  • 統計(情報解析)
  • Googleアナリティクスなどの計測ツール

所感

エンジニアになって数ヶ月の自分には、荷が重すぎる
まずは、マークアップエンジニア+JSの範囲をマスターすることを目指す、その上でディレクター、デザイナーの範囲まで習得しよ

参考:フロントエンドエンジニアとは?HTMLコーダーとの違いや役割

kudo_kk
フロントエンドエンジニア
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした