Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
22
Help us understand the problem. What is going on with this article?
@kudo_kk

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

More than 3 years have passed since last update.

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

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

今までの私の認識

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

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

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

とあります。

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

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

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

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

必要なスキル

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

主な言語

  • HTML
  • CSS
  • JavaScript
  • (PHP)

言語に関連する知識

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

ありすぎて書けません

デザインに関する知識

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

企画に関する知識

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

所感

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

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

22
Help us understand the problem. What is going on with this article?
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
kudo_kk
フロントエンドエンジニア

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
22
Help us understand the problem. What is going on with this article?