フロントエンドエンジニアはやめとけ？Web制作と開発で変わる将来性

最終更新日：2026年11月6日

本記事はアフィリエイトプログラムを利用しています

 

「フロントエンドエンジニアを目指して勉強を始めたのに、もうAIで書ける仕事なのでは」と不安になっていませんか。

 

検索すると、オワコン、つらい、やめとけといった言葉が並びます。せっかくHTMLやCSSを覚えてきた方ほど、このまま続けていいのか迷ってしまいますよね。

 

ただ、この仕事の見通しは一つではありません。同じように画面を作る仕事でも、Web制作の現場と、サービスを開発する現場では、求人の数が大きく違います。

 

この記事では、厚生労働省の職業情報（job tag）の求人倍率と月給に、世界の開発者を対象にしたStack Overflowの調査を組み合わせて、将来性の分かれ目と未経験からの入り方を整理します。

 

最後の章では、未経験からIT業界を目指す方に向けて、相談できる転職サービスも紹介しているので是非参考にしてください。

 

 

フロントエンドエンジニアは「画面と操作」を作る仕事

フロントエンドエンジニアは、Webサイトやアプリのうち、利用者が直接見て触る部分を作る仕事です。ボタンを押すと画面が切り替わる、入力ミスをその場で知らせる。こうした動きを形にしています。

 

「デザインをコードにする人でしょ？」と思った方もいるかもしれません。それも仕事の一部ですが、開発の現場では、裏側のデータを受け取って画面に表示する処理まで担当します。

 

使う道具も確認しておきましょう。ここを押さえると、この後の話が読みやすくなります。

• HTML：ページの骨組みを書く言語
• CSS：色や配置など、見た目を整える言語
• JavaScript：画面に動きをつけるプログラミング言語
• React：画面を部品に分けて作るための道具
• バックエンド：データの保存など、利用者から見えない裏側の処理

仕事の場は大きく2つに分かれます。将来性を考えるときは、この違いが出発点です。

 

Web制作と開発の違い

項目	Web制作寄り	開発寄り
作るもの	企業サイト、LP（宣伝用の1枚のページ）など	Webサービス、業務システムの画面など
主な道具	HTML、CSS、WordPressなど	JavaScript、TypeScript、Reactなど
主な勤務先	Web制作会社	Webサービス企業、受託開発の会社
仕事の区切り	サイトを納品して完了することが多い	公開後も改善を続けることが多い
近い職業	Webデザイナー	SE（Webサービス開発）

※区分と内容は編集部による整理。会社によって担当範囲は異なります

 

job tagには、フロントエンドエンジニアだけの職業ページはありません。そのため、この記事ではWeb制作寄りを「Webデザイナー」で、開発寄りを「システムエンジニア（Webサービス開発）」「プログラマー」で見ていきます。

 

つまり、これから比べる数字は、フロントエンド専門の数字ではなく、どちらの方向へ進むかの目安です。

 

IT業界の仕事全体を見てから考えたい方は、こちらの記事も読んでみてください。

 

 

 

フロントエンドエンジニアが「やめとけ」と言われる5つの理由

やめとけと言われるのは、仕事が見た目の調整だけで終わらず、周りの工程の影響も受けやすいためです。よく挙がる5つを見ていきましょう。

新しい技術を追い続ける必要がある

便利な道具が次々に出てくるため、「せっかく覚えたのに、もう古いのでは」と不安になりやすい仕事です。job tagのWebサービス開発でも、技術は日進月歩で、常に情報を集める必要があるとされています。ただ、変化の速さには誤解も多いので、「数字の裏側」の章で確かめます。

担当範囲が広がりやすい

スマホ・パソコン・タブレットのどの画面でも崩れないようにする。表示を速くする。誰でも使いやすくする。画面の仕事と聞いて想像するより、気を配る項目はずっと多くなります。

デザインと裏側の処理の板挟みになりやすい

デザイナーの意図と、バックエンドから届くデータの間に立つのがこの仕事です。「この動きは再現できない」「このデータが足りない」といった調整が発生するたびに、話の真ん中に入ることになります。

仕様変更で納期が厳しくなりやすい

画面は、完成に近づくほど関係者の目に触れます。そのため、終盤になって「やっぱりボタンの位置を変えたい」という修正が入りがちです。後ろの工程を担当するほど、遅れのしわ寄せも受けやすくなります。

AIに仕事を取られる不安がある

画面のコードをAIが書けるようになり、将来を心配する声は増えています。job tagのプログラマーにも、Web画面の開発ではデザインツールからHTMLなどが自動で作られ、プログラミングが不要になっている場面があると書かれています。

 

この不安には根拠があります。ただし、なくなるのは仕事全体ではなく、一部の作業と考えられます。くわしくは後の章で見ていきましょう。

 

 

 

将来性はWeb制作と開発で分かれる

将来性に差が出やすいのは、仕事を「作るページ」で見るか、「動かすサービス」で見るかの部分です。まずは求人の数を比べてみましょう。

 

近い職業の求人倍率と月給（令和7年度）

職業	方向	有効求人倍率	求人の平均月給
システムエンジニア（Webサービス開発）	開発寄り	2.54倍	36.4万円
UX/UIデザイナー	設計寄り	2.07倍	34.4万円
プログラマー	開発寄り	0.98倍	33.9万円
Webデザイナー（Web制作会社）	Web制作寄り	0.11倍	28.2万円

出典：厚生労働省 職業情報提供サイト（job tag）「システムエンジニア（Webサービス開発）」「UX/UIデザイナー」「プログラマー」「Webデザイナー（Web制作会社）」。ハローワーク求人の統計で、Webサービス開発の数字は受託開発のSEと同じ分類です

 

0.11倍と2.54倍では、20倍以上の開きがあります。月給もWebサービス開発のほうが8.2万円高い水準でした。

 

「HTMLとCSSを覚えたからWeb制作なら入れそう」と考えていた方にとっては、意外な結果かもしれません。求人の少なさを踏まえると、Web制作だけを入口に考えるのはリスクがあります。

Web制作寄りの仕事で起きていること

job tagのWebデザイナーでは、HTMLやCSSでのサイト制作を実施している人が80.0%いるとされています。一方で、生成AIを利用したWebデザインとの競争という側面もあるという記載があります。

 

ページの形が決まっている制作は、ツールやAIの力を借りやすい仕事です。企業サイトの制作がなくなるわけではありませんが、作るだけの作業は、ほかの手段と比べられやすくなると考えられます。

開発寄りの仕事に求人が集まりやすい理由

Webサービスは、公開して終わりではありません。job tagでも、既存サービスを改善する開発が多いとされています。機能を足し、不具合を直し、使いやすく変えていく仕事が続くわけです。

 

そのぶん、チームで動く力も求められます。Webサービス開発の「グループやチームでの仕事」のスコアは3.7で、プロダクトマネージャーやWebデザイナーと一緒に進める形が中心です。ただコードを書くだけでなく、相談しながら進めることが仕事の一部と考えておきましょう。

ただし「開発寄りなら安泰」ではない

2.54倍は、未経験でも入りやすいという意味ではありません。job tagでは、中途には経験者採用もあるとされています。求人には経験者を求めるものも含まれるため、そのまま当てはめるのは危険です。

 

プログラマーの倍率は0.98倍で、SEより低く出ています。つまり、書くだけの役割より、設計や調整まで関われるほうが求人は多い傾向にあります。

 

なお、これはハローワークの求人にもとづく数字です。倍率の絶対値よりも、職業の間の差を見るのが現実的です。

 

Webエンジニア全体の働き方や、自社開発と受託の違いは、こちらの記事でくわしく紹介しています。

 

 

 

数字の裏側｜「技術の変化が速い」は本当か

「毎年のように流行が変わって、勉強が追いつかない」。フロントエンドの話では必ず出てくる不安です。実際にどのくらい変わっているのか、4年分の調査で確かめてみました。

Reactは4年続けて約40%で、主役は大きく変わっていない

Stack Overflowは、世界の開発者を対象に毎年調査を行っています。使っている言語や道具の割合を、2023年から2026年まで並べました。

 

開発者が使っている技術の割合（全回答者）

技術	2023年	2024年	2025年	2026年
JavaScript	63.6%	62.3%	66.0%	62.0%
TypeScript	38.9%	38.5%	43.6%	43.8%
React	40.6%	39.5%	44.7%	41.5%
Next.js	16.7%	17.9%	20.8%	20.6%
Vue.js	16.4%	15.4%	17.6%	17.2%
Angular	17.5%	17.1%	18.2%	16.0%

出典：Stack Overflow Developer Survey 2023、2024、2025、2026。世界の開発者への調査で、日本だけの数字ではありません。年によって回答者数や回答者の層が異なるため、比較は目安です

 

Reactは4年とも39〜45%の範囲に収まりました。JavaScriptも62〜66%で、大きくは動いていません。

 

「覚えたものがすぐ使えなくなる」と心配していた方には、少し安心できる数字ではないでしょうか。少なくとも、土台の技術が毎年入れ替わっている状況ではないと言えます。

変わりやすいのは主役より周辺のツールと考えられる

一方で、増えているものもあります。TypeScript（JavaScriptに型のルールを足した言語）は38.9%から43.8%へ、Next.js（Reactをもとにしたサイト構築の仕組み）は16.7%から20.6%へ伸びました。

 

つまり、変化の中心は、土台を入れ替えることより、その上に新しい道具が積み重なることです。だからこそ、流行の道具から順に追うより、JavaScriptの基礎を固めるほうが、学んだ内容が無駄になりにくいでしょう。

 

全部を追う必要はありません。求人票によく出てくるものから順に足していけば十分です。

AIで減りやすい作業と残りやすい作業

AIについても、同じ調査を見てみます。2025年の調査では、84%の回答者が開発でAIツールを使っている、または使う予定と答えました。使わずに仕事を続けるという前提は、現実的ではなくなっています。

 

では、どの作業に影響が出やすいのでしょうか。job tagの記述と、作業の性質から整理したのが次の表です。

 

AIの影響を受けやすい作業と残りやすい作業

影響を受けやすい作業	残りやすい作業
決まった形のページのコーディング	何を作るかを関係者と決める
デザインからのHTML・CSSの書き起こし	使いにくさの原因を見つけて直す
単純な修正のくり返し	AIが書いたコードの誤りを確かめる
定型の部品づくり	既存のサービス全体を見て設計する

※job tagの記述をもとに編集部が整理した見立てです

 

左の列を見ると、Web制作の入口にあたる作業が多いとわかります。未経験が最初に覚える内容ほど、AIが得意な範囲と重なっているのが現実です。

 

ただし、学ぶ意味がなくなるわけではありません。AIが書いたコードが正しいかを判断するには、HTMLやJavaScriptの知識が必要だからです。

 

 

 

未経験からフロントエンドエンジニアになる入り方

ここまでの話をふまえると、学ぶ順番と応募先の選び方で、数年後の選択肢が変わってきます。やることは次の3つです。

HTMLとCSSで止まらず、JavaScriptまで学ぶ

HTMLとCSSは入口として必要です。ただ、そこで止まるとWeb制作寄りの求人が中心になり、0.11倍の領域で競うことになりやすいでしょう。

 

未経験から開発寄りへ進む学習の順番

 

いきなりReactから始めると、エラーの原因がわからず止まりやすくなります。遠回りに見えても、JavaScriptを先に触っておくほうが、結果的に早く進めるはずです。

作品は「見た目」より「動くもの」で見せる

採用する企業の立場で考えると、見ているのは完成品の美しさより、自分で考えて動かせる人かどうかです。作品を説明するときは、工夫した理由まで話せると評価されやすくなります。

• ❌ 弱い例：「ToDoアプリを作りました」
• ⭕ 伝わる例：「入力した内容が再読み込みで消えるのが不便だったので、ブラウザに保存する機能を足しました」

Webデザインの再現だけでなく、ボタンを押すと動く、データを保存できるといった機能が入っていると、開発寄りの応募で話しやすくなります。

求人票の言葉で方向を見分ける

「フロントエンド」と書かれていても、中身はさまざまです。次の言葉を見ると、どちらに近いかを判断しやすくなります。

 

求人票の言葉で見る仕事の方向

方向	よく出てくる言葉
Web制作寄り	コーダー、LP制作、HTML更新、WordPress
開発寄り	React、TypeScript、API連携、自社サービス

※編集部による目安です

 

コーダーは、デザインをHTMLやCSSに書き起こす仕事を指すことが多い言葉です。入口として悪い選択ではありませんが、その先の工程に関われるかは確かめておきましょう。

面接で聞きたい質問

入社後に「更新作業しかなかった」とならないよう、遠慮せず聞いて大丈夫です。企業側にとっても、役割を理解している応募者は早期離職の心配が少なく、前向きな材料になります。

• 「入社1年目は、どんな画面や機能を担当しますか？」
• 「JavaScriptやReactを使う仕事に関わるまで、どのくらいかかりますか？」
• 「コードレビュー（ほかの人がコードを確認する仕組み）はありますか？」
• 「AIツールを業務で使ってもよいルールはありますか？」
• 「デザイナーやバックエンド担当とは、どのように進めていますか？」

答えが具体的な会社ほど、育てる体制が整っていると考えられます。

 

SEの仕事全体も比べたい方は、こちらの記事が参考になります。

 

 

 

フロントエンドエンジニアに向いている人・つらく感じやすい人

「自分に続けられるだろうか」と迷っている方は、次の特徴と比べてみてください。センスより、細かいところが気になるかどうかが分かれ目になりやすい仕事です。

向いている人

• 書いた結果がすぐ画面に出ることを楽しめる人
• 使いにくい画面に出会うと、理由を考えてしまう人
• 新しい道具を試すのが苦にならない人
• デザイナーやバックエンド担当と相談しながら進められる人

つらく感じやすい人

• 1pxのズレのような細かい調整が苦手な人
• 仕様の変更に強いストレスを感じる人
• 一人で黙々と作り続けたい人
• 入社したら勉強しなくて済むと考えている人

一人で深く考える仕事がしたい方は、バックエンドや組み込みのほうが合う場合もあります。画面の仕事に絞らず、IT職全体で比べてみてください。

未経験から目指してよくある失敗3つ

失敗1：HTMLとCSSだけで応募を始める

 

原因は、学んだ範囲に合う求人の少なさを知らないことです。Web制作寄りの求人だけに応募すると、数が少ないぶん選考で苦戦しやすくなります。JavaScriptで動くものを1つ作ってから応募すると、受けられる求人が広がります。

 

失敗2：流行の道具を次々に変える

 

原因は、新しい言葉を見るたびに不安になることです。基礎が固まらないまま移ると、どれも中途半端になりやすいでしょう。4年分の数字のとおり土台は大きく変わっていないので、まずはJavaScriptとReactに絞ってみてください。

 

失敗3：AIに書かせて、説明できない作品を作る

 

原因は、完成させることが目的になってしまうことです。面接で「なぜこの書き方にしたのか」と聞かれると答えられません。AIを使うのは問題ありませんが、自分で説明できる範囲まで読み直しておきましょう。

 

未経験からの業界選びで迷う方は、こちらの記事も読んでみてください。

 

 

 

未経験からフロントエンドエンジニアを目指すならこのエージェント

「開発に関われる求人なのか、求人票だけでは判断しにくい」と感じた方もいるはずです。

 

実際の担当範囲や、未経験の配属先は、外からは見えにくい情報です。IT業界にくわしい転職エージェントに聞くと、求人票にない情報を教えてもらえる場合があります。ただし、未経験から最初の仕事がフロントエンド専任になるとは限りません。別の職種も含めて相談すると、選択肢が広がります。

 

未経験の20代が相談しやすい3社を、次にまとめて紹介します。

ウズウズIT

ITエンジニアへの就職に特化したサービス
まずは無料相談【ウズウズIT】

 

ウズウズITは、第二新卒・既卒・フリーターなど20代の方を対象に、IT業界への就職を支援しているサービスです。「画面を作る仕事に興味はあるけど、ほかのIT職も気になる」という段階でも話を聞いてもらえます。

 

学習動画で基礎に触れてから応募先を選べるため、JavaScriptに進む前に、自分に合う分野を考えたい方にも使いやすいでしょう。

 

対象は、関東・関西・東海での就職を希望する18〜29歳の方です。

 

 

こんな人におすすめ：

• 開発の基礎を学びながら就職活動を進めたい20代
• フロントエンド以外の職種も含めて検討したい方
• 関東・関西・東海で働きたい方

今の学習が求人につながるかも、まずは聞いてみるとよいでしょう。

 

ITエンジニアへの就職に特化したサービス
まずは無料相談【ウズウズIT】

ウズウズITに無料で相談する →

※対象は関東・関西・東海での就職を希望する18〜29歳の方です。登録後、本人確認の連絡があります。

 

ユニゾンキャリア

Google口コミ★4.8・IT専門アドバイザーが転職をサポート
まずは無料相談【ユニゾンキャリア転職】

 

ユニゾンキャリアは、IT・Web業界に特化した転職エージェントです。優良企業の求人にしぼって紹介しているので、入社後の仕事内容を確かめながら応募先を選びたい方に合っています。

 

面談では、制作寄りの求人か、開発に関われる求人かを聞いてみるとよいでしょう。開発からインフラまで学べる完全無料のITスクールもついているため、知識を足しながら転職活動を進めたい方にも使いやすいサービスです。

 

対象は、一都三県（東京・埼玉・千葉・神奈川）または大阪府で働きたい20〜29歳の方です。

 

 

こんな人におすすめ：

• 一都三県・大阪でWeb系やIT系の求人を探したい20代
• 作品の見せ方や面接の答え方を相談したい方
• 担当する仕事を比べてから応募したい方

勉強中の状態でも、いま作っているものを見せながら話してみましょう。

 

Google口コミ★4.8・IT専門アドバイザーが転職をサポート
まずは無料相談【ユニゾンキャリア転職】

ユニゾンキャリアに無料相談する →

 

SHIFT TERAS CAMPUS

未経験からIT転職を目指したい方へ
まずは無料カウンセリング【DMM WEBCAMP】

 

SHIFT TERAS CAMPUSは、未経験からITエンジニアへの転職を目指せるスクールです。独学でJavaScriptに進むのが不安な方や、学ぶ順番を決めてほしい方の選択肢になります。

 

短期集中コースなら最短3か月で転職を目指せます。転職保証付きのコースや、受講料の最大70%が教育訓練給付金でキャッシュバックされるコースもあります（いずれも条件あり）。住んでいる地域を問わず利用できます。

 

 

こんな人におすすめ：

• 独学が続かず、学ぶ環境を整えたい方
• AIの知識も合わせて学びたい方
• 上の2社の対象地域以外に住んでいる方

学びたい内容がコースに含まれるかは、無料カウンセリングで確かめてください。

 

未経験からIT転職を目指したい方へ
まずは無料カウンセリング【DMM WEBCAMP】

DMM WEBCAMPに無料で申し込む →

 

 

 

よくある質問

Q. フロントエンドエンジニアはオワコンですか？

そうとは言い切れません。Reactの利用率は2023年から2026年まで39〜45%で推移しており、画面を作る技術の需要が消えている様子は見られません。ただし、Webデザイナーの求人倍率は0.11倍と低く、決まった形のページを作るだけの仕事は厳しくなると考えられます。

 

Q. AIでフロントエンドの仕事はなくなりますか？

すべてがなくなる状況にはないと考えられます。job tagのプログラマーでも、自動生成が広がる一方で、ツールではできないプログラムを作る役割が挙げられています。決まった形のコーディングは減りやすいため、要件を考える力や、コードを確かめる力を足していくのが現実的です。

 

Q. HTMLとCSSだけでは就職できませんか？

難しいケースが多いと考えられます。Webデザイナーの求人倍率は0.11倍で、Web制作寄りの枠は多くありません。JavaScriptで動くものを作れるところまで進むと、開発寄りの求人にも応募しやすくなります。

 

Q. 未経験から独学でなれますか？

可能性はありますが、作品を見せられる状態まで続けられるかが壁になります。job tagのWebサービス開発でも、職業訓練などを経て転職する人がいるとされています。独学が止まりそうなら、スクールや学習支援のあるサービスも検討してみてください。

 

Q. バックエンドエンジニアとどちらがおすすめですか？

どちらが上ということはありません。画面の変化を見ながら作りたいならフロントエンド、データや処理の仕組みを考えたいならバックエンドが合いやすいでしょう。開発の現場では両方を少しずつ知っていると話が通じやすくなるので、片方を選んでももう片方の基礎は役立ちます。

 

Q. フロントエンドエンジニアの給料はどのくらいですか？

専門の統計はありませんが、近い職業の求人の平均月給は、Webサービス開発のSEが36.4万円、プログラマーが33.9万円です。Webデザイナーは28.2万円でした。Web制作寄りか開発寄りかで、月に8万円ほどの差が出ています。

 

Q. 文系や高卒でもなれますか？

なれる可能性はあります。job tagのWebサービス開発では、学歴や資格は不要とされています。ただし、コンピューターを学んだ人が多いともされているので、そのぶん作品で学んだ内容を示せるようにしておくと安心です。

 

Q. 未経験からフロントエンドエンジニアを目指せるのは何歳までですか？

明確な上限はないものの、未経験者を育てる前提の採用は20代が中心です。紹介したエージェントの対象も、ウズウズITが18〜29歳、ユニゾンキャリアが20〜29歳です。30代から目指すなら、前職で身につけた企画やデザインの経験と組み合わせて伝えるのがおすすめです。

 

 

まとめ

フロントエンドエンジニアがやめとけと言われるのは、技術の変化や担当範囲の広さ、AIへの不安があるためです。ただ、将来性は職種全体で一律ではなく、Web制作寄りか開発寄りかで変わります。

 

この記事のポイント：

1. 近い職業の求人倍率は、Webデザイナー0.11倍、プログラマー0.98倍、Webサービス開発のSE2.54倍
2. 月給もWebサービス開発のSEが36.4万円で、Webデザイナーより8.2万円高い
3. Reactは2023〜2026年の調査で39〜45%と安定しており、土台の技術は大きく変わっていない
4. AIで減りやすいのは決まった形のコーディング。判断や調整の仕事は残りやすい
5. 未経験なら、JavaScriptまで学び、動く作品を作ってから応募する

HTMLとCSSを学んだ時間は、無駄にはなりません。そこで止まらず、もう一歩先の開発まで広げられるかどうかで、選べる求人が変わってきます。

 

どの求人なら開発に関われるのか迷ったときは、IT業界にくわしい転職サービスに聞いてみてください。