フロントエンドエンジニアとは何か。厚生労働省編職業分類ではプログラマーに入り、Webデザイナーとは大分類から別だった

74.3%。6歳以上の人のうち、スマートフォンでインターネットを使った人の割合です（無回答を除く）。パソコンは45.6%でした（総務省「令和7年通信利用動向調査の結果」）。

2016年の調査ではパソコンのほうが多く、2017年に逆転しています。いま、Webのサービスは、多くの人にとってスマートフォンの画面そのものです。

厚生労働省の職業情報提供サイト（job tag）のシステムエンジニア（Webサービス開発）の説明にも、Webサイトはパソコンよりスマートフォンから利用されることが多くなっている、とあります。

その画面、つまり利用者が目で見て、指で触れる部分を作るのが、フロントエンドエンジニアです。

ただ、求人を見ても、Webデザイナーと何が違うのかは分かりにくい職種です。厚生労働省編職業分類と国のスキル標準で、2つの仕事の線を確かめました。

フロントエンドエンジニアは、画面の側を作るエンジニアです

経済産業省とIPAのデジタルスキル標準（DSS ver.2.0、2026年4月）は、ソフトウェアエンジニアの役割を4つに分けています。フロントエンドエンジニアは、その1つです。

デジタル技術を活用したサービスを提供するためのソフトウェアの機能のうち、主にインターフェース（クライアントサイド）の機能の実現に主たる責任を持つ経済産業省・IPA「デジタルスキル標準 ver.2.0」フロントエンドエンジニアの担うべき責務（p.121）

利用者が操作する画面の側がフロントエンド、利用者の目に見えないサーバーの側がバックエンドです。DSSは、バックエンドエンジニアを「主にサーバサイドの機能の実現に主たる責任を持つ」役割としています。

主な業務には、利用者のニーズを理解して顧客体験価値を上げるソフトウェアを設計・実装すること、試作品で利用者の反応を見ながら画面の機能を作ること、運用中の利用者の声をもとに改良することが挙がっています。

ただし、この4つの分け方は、ソフトウェアの開発や運用を内製していて、約数十名以上のソフトウェアエンジニアのチームを持つ企業を想定したものです。

DSSは、それより小さな企業では、すべての役割を少数か1人のエンジニアが担うこともある、と書いています。

厚生労働省編職業分類では、Webデザイナーと大分類から分かれていた

ハローワークの求人に使う厚生労働省編職業分類（令和4年改定）の職業名索引で、フロントエンドエンジニアを探しました。入っていたのは「009-03 プログラマー」です。

表1　Web制作と開発の職業名と、厚生労働省編職業分類での置き場所

職業名	番号	大分類
フロントエンドエンジニア	009-03	研究・技術
マークアップエンジニア	009-03	研究・技術
HTMLコーダー	009-03	研究・技術
Webエンジニア	009-01	研究・技術
Webデザイナー	017-01	文化芸術等
UI・UXデザイナー	017-01	文化芸術等

009-03＝プログラマー、009-01＝ソフトウェア開発技術者（WEB・オープン系）、017-01＝ウェブデザイナー。大分類の正式名は「研究・技術の職業」「法務・経営・文化芸術等の専門的職業」。フロントエンドエンジニアとマークアップエンジニアは職業名索引での分類番号で、職業分類表の009-03の例示には入っていない。UI・UXデザイナーは職業名索引では017-01だが、job tagの「UX/UIデザイナー」は主な職業分類を「その他の情報処理・通信技術者（ソフトウェア開発）」（009-99）としており、資料によって置き場所が違う
出典：労働政策研究・研修機構「第5回改定 厚生労働省編職業分類 職業名索引」「職業分類表」、厚生労働省 job tag「UX/UIデザイナー」

同じWebサイトを作る仕事でも、この分類では、フロントエンドエンジニアは技術の職業、Webデザイナーはデザイナーの職業として、大分類から別の場所に置かれています。

ただし、2011年の第4回改訂では、フロントエンドエンジニアがいま入るプログラマーも、ウェブデザイナーも、同じ大分類「専門的・技術的職業」の中にありました。

2022年の第5回改定で、求人と求職を結びつけやすくするために、この大分類が分けられています。

線の引き方は、017-01 ウェブデザイナーの説明に書かれています。ウェブデザイナーは、要件定義やサイト・ページの構成、文字・配置・配色・アイコンなどの視覚的な要素をデザインし、Webサイトを作る仕事です。

そのうえで、HTMLのコーディングの仕事は「009-03 HTMLコーダー」に、設計書に基づいてプログラムを作る仕事は「009-03 Webプログラマー」に分類する、という注記があります。

サイトの構成や見た目をデザインする仕事はデザイナー、HTMLのコーディングやプログラムの作成はプログラマーという、仕事の中身による分け方です。

フロントエンドエンジニアという職業名は、2011年の第4回改訂の職業名索引にはありませんでした。2022年の第5回改定で索引に入っています。一方で、「バックエンドエンジニア」という職業名は、今の索引にもありません。

job tagにも、フロントエンドエンジニアの職業ページはありません。

近いのはプログラマー、システムエンジニア（Webサービス開発）、Webデザイナー（Web制作会社）のページです。Webエンジニアの仕事の中身は、Webエンジニアとはで確かめました。

求められる力は、デザインと開発の間にある

分類では技術の側に入るフロントエンドエンジニアですが、求められる力はデザインの側にもかかっています。DSSは、役割ごとにスキルの重要度をaからdで示しています。

表2　DSSが示すスキルの重要度（3つの役割の比較）

スキル項目	UX/UI	フロント	バック
フロントエンドシステム開発	b	a	b
Webアプリケーション基本技術	b	a	a
デジタルプロダクト設計	a	b	d
検証（顧客・ユーザー視点）	a	b	d
バックエンドシステム開発	c	b	a

UX/UI＝UX/UIデザイナー（デザイナー類型）、フロント＝フロントエンドエンジニア、バック＝バックエンドエンジニア（ソフトウェアエンジニア類型）。a＝高い実践力と専門性が必要、b＝一定の実践力と専門性が必要、c＝説明可能なレベルで理解が必要、d＝位置づけや関連性の理解が必要
出典：経済産業省・IPA「デジタルスキル標準 ver.2.0」（2026年4月）共通スキルリスト（スキルマッピング）

「フロントエンドシステム開発」を重要度aにしているのは、ソフトウェアエンジニアの4つの役割のうちフロントエンドだけです。DSSはこのスキルを「ユーザーに対して直接の接点となる画面を設計・開発するスキル」と定義しています。

学ぶ項目の例は、UI設計、レスポンシブデザイン（画面の幅に合わせて配置を変える作り方）、フロントエンドフレームワーク、PWAなどです。

「Webアプリケーション基本技術」の例には、HTML/CSSとJavaScriptが挙がっています。

一方、画面の構成や見た目を設計する「デジタルプロダクト設計」は、UX/UIデザイナーがa、フロントエンドがb、バックエンドがdです。

フロントエンドは、Webの基本技術ではバックエンドと同じa、画面の設計と検証では、デザイナー類型のUX/UIデザイナーとバックエンドの間に立っています。

表2にはない「データ基盤の設計・実装・運用」を重要度aにしているのは、DSSの17の役割のうちバックエンドだけでした。その仕事の中身は、バックエンドエンジニアとは何かで確かめました。

job tagにフロントエンドエンジニアの数値はありませんが、分類上入るプログラマーと、Webデザイナー（Web制作会社）を比べると、違いがはっきり出ます。

スキルの「プログラミング」の水準（0〜7）は、プログラマーが4.93、Webデザイナー（Web制作会社）が2.81でした。

数値のある498職業のうち、プログラマーは4位、Webデザイナーは41位です。

画面の作り方は、障害者差別解消法とも関わる

2024年4月1日に改正障害者差別解消法が施行され、事業者による障害のある人への合理的配慮の提供が義務になりました。

ウェブサイトの改善は、合理的配慮を的確に行うための「環境の整備」に当たり、こちらは努力義務です。

この環境の整備の努力義務は、2016年4月の法施行時からあります。2021年の法改正（2024年4月施行）で、事業者の合理的配慮の提供は努力義務から義務になりましたが、環境の整備は今も努力義務のままです。

政府の基本方針（2023年3月閣議決定）は、ウェブサイトが使いにくいために、障害のある人からオンライン申込の手続に支援を求められた場合の例を挙げています。

電話や電子メールで対応する（合理的配慮の提供）とともに、以後は不便がないようウェブサイトを改良する（環境の整備）、という例です。

デジタル庁は「ウェブアクセシビリティ導入ガイドブック」を2022年12月に公開し、2025年10月にデジタル社会推進標準ガイドラインに組み入れています。

JIS X 8341-3:2016に沿って確認するための知識として挙げているのは、HTML、CSS、JavaScriptの仕様の理解や、画面の読み上げソフトなどの理解と操作です。

日本のJIS（JIS X 8341-3）は、2026年9月時点でも2016年版です。

ただ、同じ内容の国際規格ISO/IEC 40500は2025年9月にWCAG 2.2と同じ内容に改正され、JISの改正原案を作る委員会も2025年10月に発足しています。

DSSも、フロントエンドがbの「デジタルプロダクト設計」の学習項目の例に、アクセシビリティ・ユーザビリティ設計を挙げています。

障害のある人や高齢の人も使いやすい画面を作ること（ウェブアクセシビリティ）も、フロントエンドに求められる力の1つと言えます。

年収は、統計でどこまで分かるか

フロントエンドエンジニアだけの賃金統計はありません。ここでは、フロントエンドエンジニアに近い区分の数字を見ます。

1つめはハローワークの求人の賃金です。厚生労働省が派遣の賃金の基準として毎年出している通達に、職業ごとの求人賃金の平均が載っています。

表3　ハローワーク求人の賃金（時給に換算した額）

職業	下限の平均	中間の平均	上限の平均
プログラマー	1,459円	1,987円	2,516円
ウェブデザイナー	1,306円	1,672円	2,037円
職業計	1,333円	1,547円	1,763円

令和7年度にハローワークで受理した、無期雇用かつフルタイムの求人の賃金（月給の下限額・上限と下限の中間値・上限額のそれぞれの平均）を時給に換算し、賞与の指数1.02を掛けた額。通勤手当は含まない。求人票に書かれた額で、実際に支払われた賃金ではない。プログラマー＝009-03、ウェブデザイナー＝017-01
出典：厚生労働省 職業安定局長通達（職発0828第5号、令和8年8月28日）別添2

求人の下限では、プログラマーとウェブデザイナーの差は時給153円です。上限の平均では479円に開きます（編集部の算出）。求人票の額で見ると、入口の賃金は近く、上の側の幅はコードを書く職業のほうが広いという形です。

2つめは、実際に払われた賃金の統計です。厚生労働省の「令和7年賃金構造基本統計調査」で、フロントエンドエンジニアに近いソフトウェア作成者と、デザイナーを比べます（どの区分で近づけるかは編集部の判断です）。

役職者を除いた年収の目安（6月分のきまって支給する現金給与額×12＋前年の年間賞与）は、ソフトウェア作成者が519.4万円、デザイナーが512.9万円でした。

役職者を除くと、差は6.6万円です（編集部の算出。平均年齢はソフトウェア作成者34.7歳、デザイナー37.8歳）。

デザイナーの区分には、工業や服飾などのデザイナーも入っています。Webデザイナーの年収は、Webデザイナーの年収で詳しく見ました。

未経験からの入り方と、役立つ資格

job tagでは、プログラマーもシステムエンジニア（Webサービス開発）も、入職に特に学歴や資格は必要とされない、と説明しています。

プログラマーの説明には、基本情報技術者などの資格を持っていると入職時に有利、ともあります。

賃金構造基本統計調査では、ソフトウェア作成者としての経験が1年未満（経験0年）の人のうち、30歳以上が27.1%いました（編集部の算出）。

30歳を過ぎてからこの職種に就く人も一定数います。ただし、ここでの経験年数は今の職種での年数なので、ほかのIT職種から移った人も含まれます。

DSSは学ぶ順番までは示していませんが、学習項目の例は、何を学ぶかの目安になります。

まずHTMLとCSSで画面を作り、画面の幅に合わせて配置を変える作り方もここで身につけます。次にJavaScriptで動かし、そのうえでReactなどのフレームワークに進む、という順番が1つの目安です（編集部の整理）。

IPAが2026年9月30日に公開した、2027年度から始まる予定の新しい基本情報技術者試験のシラバス案にも、Webアプリケーション開発の項目があります。

用語の例には、SPA、フロントエンドフレームワーク、レスポンシブWebデザイン、PWAが並び、「開発フレームワーク」の項目ではReact、Angular、Vue.js、Next.jsが例に挙がっています。

いずれも知識を問う科目Aの範囲です。技能を問う科目Bでは、プログラミングは擬似言語で出題されます（科目Bには情報セキュリティの確保も入ります）。まだ案の段階なので、変わる可能性はあります。

画面を作る力を直接問う資格には、国家検定の「ウェブデザイン技能検定」があります。3級は実務経験がなくても受けられ、学科ではHTML、CSS、ECMAScript（JavaScript）の一般的な知識が問われます。

実施団体は合格率を、年度や回によって変わるとしたうえで、おおむね3級60〜70%、2級30〜40%としています。令和8年度第3回の試験は11月29日で、受検申請は10月14日までです。

民間の資格では、LPI-Japanの「HTML5プロフェッショナル認定試験」があります。レベル1はHTMLとCSSが中心、レベル2はJavaScriptが中心で、受験料はそれぞれ16,500円（税込）です。

資格は、学んだことを確かめる道具として使えます。プログラマーの仕事の中身は、プログラマーとはでも確かめています。

よくある質問

フロントエンドエンジニアとWebデザイナーの違いは何ですか？

厚生労働省編職業分類の職業名索引では、フロントエンドエンジニアは「009-03 プログラマー」（研究・技術の職業）、Webデザイナーは「017-01 ウェブデザイナー」（法務・経営・文化芸術等の専門的職業）に入っています。ウェブデザイナーの説明には、HTMLのコーディングの仕事はプログラマー側に分類するという注記があります。サイトの構成や見た目をデザインする仕事はデザイナー、HTMLのコーディングやプログラムの作成はプログラマー、という仕事の中身による分け方です。

バックエンドエンジニアとの違いは何ですか？

デジタルスキル標準（DSS ver.2.0）は、フロントエンドエンジニアを主にインターフェース（クライアントサイド）の機能に、バックエンドエンジニアを主にサーバサイドの機能に責任を持つ役割としています。スキルの重要度では、「フロントエンドシステム開発」をaにしているのはフロントエンドだけで、「バックエンドシステム開発」はバックエンドがa、フロントエンドがbです。

未経験からフロントエンドエンジニアになれますか？

job tagのプログラマーの説明では、入職に特に学歴や資格は必要とされない、とされています。令和7年賃金構造基本統計調査では、ソフトウェア作成者としての経験が1年未満の人のうち30歳以上が27.1%でした（編集部の算出。ほかのIT職種から移った人も含む）。HTML・CSSで画面を作り、JavaScriptで動かすところまで、自分の手でできるようにしておくことが入口になります。

フロントエンドエンジニアに役立つ資格はありますか？

必須の資格はありません。国家検定の「ウェブデザイン技能検定」は、3級なら実務経験がなくても受けられ、HTML、CSS、ECMAScriptの知識が問われます。民間ではLPI-Japanの「HTML5プロフェッショナル認定試験」があり、レベル1はHTMLとCSS、レベル2はJavaScriptが中心です。IPAが2026年9月に公開した、2027年度から始まる予定の新しい基本情報技術者試験のシラバス案にも、フロントエンドフレームワークやSPAが用語の例として入っています。

今日、よく使うサイトを1つ、スマートフォンとパソコンの両方で開いてみてください。画面の幅が変わったとき、メニューや写真の並びがどう組み替わるかを見比べます。

その組み替えを、デザインの意図をくみながらコードで作ることも、フロントエンドエンジニアの仕事の1つです。そこに面白さを感じるなら、HTMLとCSSで小さな画面を作ってみる価値はあります。

参考出典
総務省「令和7年通信利用動向調査の結果」（令和8年5月29日）
経済産業省・情報処理推進機構（IPA）「デジタルスキル標準 ver.2.0」／IPA「基本情報技術者試験 シラバス（案）Ver.0.1」（2026年9月30日掲載）
労働政策研究・研修機構「第5回改定 厚生労働省編職業分類」職業名索引・職業分類表／「第4回改訂 厚生労働省編職業分類 職業名索引」
厚生労働省 job tag「システムエンジニア（Webサービス開発）」「プログラマー」「UX/UIデザイナー」／独立行政法人労働政策研究・研修機構（JILPT）作成「職業情報データベース 簡易版数値系ダウンロードデータ ver.7.00」職業情報提供サイト（job tag）より2026年9月30日にダウンロード（https://shigoto.mhlw.go.jp/User/download）を加工して作成
厚生労働省「令和7年賃金構造基本統計調査」職種 第3表【参考】（役職者を除く）・第10表／職業安定局長通達（職発0828第5号）別添2
「障害を理由とする差別の解消の推進に関する法律」（e-Gov法令検索）・内閣府「障害を理由とする差別の解消の推進」／「障害を理由とする差別の解消の推進に関する基本方針」（令和5年3月14日閣議決定）／デジタル庁「ウェブアクセシビリティ導入ガイドブック」（DS-671.2）
日本産業標準調査会（JISC）JIS X 8341-3 規格詳細／W3C「WCAG 2 Overview」／ウェブアクセシビリティ基盤委員会（WAIC）「JIS X 8341-3改正原案作成委員会 発足のお知らせ」（2025年11月13日）
ウェブデザイン技能検定（特定非営利活動法人インターネットスキル認定普及協会）／LPI-Japan「HTML5プロフェッショナル認定試験」／Winスクール「JavaScript & jQuery活用」

「フロントエンドエンジニア」は国の統計の区分になく、年収は近い区分の値です（求人賃金はフロントエンドエンジニアが職業名索引で入るプログラマー、賃金構造基本統計調査は編集部の判断で近いとしたソフトウェア作成者）。いずれもデザイナーと比べています。求人賃金は求人票に書かれた額で、実際の賃金ではありません。IPAのシラバス案は検討中のもので、変わる可能性があります。サービス内容・試験の条件は2026年9月時点の各公式サイトの記載です。申し込みの前に、最新の内容を公式サイトで確認してください。