- Web制作会社におけるフロントエンドの仕事内容
- HTML/CSS/JavaScript、CMS、Git、WordPressなど必要スキル
- ITエンジニア一般論と混同しない求人票の見方
結論: 制作会社のフロントエンドはデザインをWeb上で機能させる仕事
Web制作会社のフロントエンドは、Figmaやデザインカンプをもとに、HTML/CSS/JavaScriptで画面を実装します。見た目を再現するだけでなく、スマホ表示、フォーム、CMS、表示速度、SEO、公開後の更新性まで考えます。
一方、IT・Webエンジニア一般の求人では、業務システム、API、バックエンド、クラウド、アプリ開発に近いものもあります。Web制作会社を狙うなら、サイト制作、LP、WordPress、CMS、運用保守に近い経験を見せましょう。
| 分類 | 主な役割 | 求人票で見るポイント |
|---|---|---|
| Web制作会社 | Webサイト、LP、CMS、EC、コーディング、運用保守を制作する | 直請けか代理店経由か、担当工程、CMS、制作本数、修正対応 |
| 広告制作会社 | 広告クリエイティブ、コピー、動画、バナー、販促物を作る | 企画から入るか、制作進行中心か、効果改善まで見るか |
| 広告代理店 | 広告戦略、媒体選定、予算管理、運用、制作会社への発注を担う | 営業・運用・制作進行の分業、担当社数、月予算 |
| 事業会社Web担当 | 自社サイト、オウンドメディア、LP、SEO、広告、制作会社管理を担う | 内製範囲、外注管理、KPI、事業部との関わり |
仕事内容はコーディング、CMS、保守改善に分かれる
求人票では「フロントエンド」と書かれていても、制作会社寄り、システム開発寄り、運用保守寄りで仕事内容が変わります。
| 業務 | Web制作会社での例 | 求人票で見るポイント |
|---|---|---|
| HTML/CSS実装 | LP、採用サイト、コーポレートサイト、サービスサイトのコーディング | レスポンシブ、CSS設計、ブラウザ確認の範囲 |
| JavaScript実装 | ナビゲーション、フォーム、モーダル、アニメーション、UI改善 | ライブラリ、フレームワーク、保守性 |
| CMS・WordPress | 投稿テンプレート、固定ページ、カスタム投稿、更新しやすい管理画面 | WordPress必須か、CMS設計まで担うか |
| 公開・保守 | リンク確認、フォーム確認、タグ設置、軽微な改修、表示崩れ対応 | 公開作業、緊急修正、保守契約の有無 |
| 改善 | 表示速度、CV導線、アクセシビリティ、SEO内部改善 | Lighthouse、Core Web Vitals、SEO担当との連携 |
必要スキルは制作実務に寄せて整理する
Web制作会社のフロントエンドでは、最新フレームワークを並べるより、実際の制作工程で使えるスキルを示す方が評価されやすいです。
- HTML/CSS: セマンティックHTML、レスポンシブ、Flex/Grid、CSS設計
- JavaScript: DOM操作、フォーム、UI部品、簡単な非同期処理、ライブラリ理解
- CMS: WordPress、テンプレート、更新運用、管理画面の理解
- 制作連携: Figma確認、画像書き出し、デザイナー・ディレクターとの調整
- 品質: 表示確認、アクセシビリティ、パフォーマンス、SEO内部要素、Git
- 厚生労働省 職業情報提供サイト job tag「職業情報ダウンロード」：職業内容、求められる知識・スキル、向いている人を確認。
- 厚生労働省「労働時間・休日」：残業・休日条件を求人票で確認する観点として参照。
- Google 検索セントラル「記事の構造化データ」：Article、FAQ、パンくずの構造化データ設計で参照。
- DYC掲載求人データ：広告制作・Webサイト制作に近い公開求人200件、Webデザイナー、Webディレクター、フロントエンド、クリエイティブプランナー、制作ディレクター求人を確認。
コーダー、Webデザイナー、ITエンジニアとの違い
制作会社では、コーダー、フロントエンド、Webデザイナーの境界が重なることがあります。応募前に、デザインも担当するのか、実装専任なのか、システム開発まで含むのかを確認しましょう。
| 職種 | 近い仕事 | 違い |
|---|---|---|
| コーダー | HTML/CSS、静的ページ、CMS更新 | JavaScript設計やUI実装の裁量は求人により小さい |
| フロントエンド | UI実装、JavaScript、CMS、保守改善 | デザイン再現だけでなく動きや品質も担う |
| Webデザイナー | 画面設計、LP、バナー、UI、画像制作 | 実装よりデザインと情報設計に寄る |
| ITエンジニア | 業務システム、API、DB、クラウド、アプリ開発 | Web制作より開発プロセスとシステム要件に寄る |
求人例で見るフロントエンドの幅
DYC掲載求人データでは、広告制作・Webサイト制作に近い公開求人200件のうち、フロントエンド系は80件確認しています。ただし、すべてが制作会社のコーディング職ではなく、業務系WebシステムやSaaS UIも含まれます。制作会社志望なら、サイト制作、LP、CMS、デザイン連携がある求人を優先しましょう。
応募前に確認したい求人票チェック
フロントエンド求人は、スキル名だけで判断しないでください。ReactやVueがあるから開発寄りとは限らず、WordPressとLP中心でもJavaScriptを使うことがあります。担当する成果物とチーム体制を見ましょう。
- 制作物はコーポレートサイト、LP、EC、CMS、業務システムのどれか
- デザインデータは誰が作り、実装者は何人いるか
- WordPress、CMS、フォーム、タグ設置、公開作業の有無
- レビュー、コード管理、Git、ステージング環境があるか
- 納期前の残業、緊急修正、保守対応の範囲
制作会社寄りのフロントエンドか、業務システム開発寄りかで、必要スキルと働き方は大きく変わります。求人票の成果物を確認しましょう。
関連記事で次に確認する
フロントエンドの仕事内容を理解したら、Webデザイナー、Web制作会社の未経験転職、年収、やめとけ求人も確認してください。
Web制作会社への転職は未経験でもできる？仕事内容・年収・求人選びを解説
未経験からWeb制作会社を目指す人向けに、職種、仕事内容、年収、求人票、ポートフォリオを整理します。
Webディレクターとは？仕事内容・必要スキル・向いている人を解説
Webディレクターの要件整理、ワイヤーフレーム、制作進行、品質管理、必要スキルを実務ベースで解説します。
Web制作会社はやめとけと言われる理由と、転職してよい求人の見分け方
Web制作会社の納期、修正対応、残業、クライアントワークを整理し、避ける求人と選んでよい求人を分けます。
Web制作会社の志望動機例文｜未経験・デザイナー志望・営業経験者向け
Web制作会社の志望動機を、未経験、Webデザイナー志望、営業経験者、制作進行志望に分けて例文化します。
広告制作会社と広告代理店の違いとは？仕事内容・転職先の選び方を解説
広告制作会社、広告代理店、Web制作会社、事業会社Web担当の違いと、転職先の選び方を解説します。
Webデザイナーとは？仕事内容・必要スキル・向いている人を解説
Webデザイナーの仕事内容、必要スキル、ポートフォリオ、求人票の見方をWeb制作会社に絞って解説します。
制作進行とは？Web制作会社での仕事内容・向いている人・求人選びを解説
Web制作会社の制作進行について、納期、素材回収、修正管理、校正、外注管理、Webディレクターとの違いを整理します。
コピーライター・クリエイティブ職とは？広告制作会社の仕事内容・転職先を解説
広告制作会社のコピーライター、クリエイティブプランナー、制作ディレクターの仕事内容と求人選びを解説します。
Web制作会社の年収は？職種別レンジ・上がり方・求人票の見方を解説
Web制作会社の年収を、Webデザイナー、Webディレクター、制作進行、フロントエンド、コピーライター別に求人データから整理します。
広告制作・Web制作転職LP
DYC掲載求人データ200件をもとに、Webディレクター、制作進行、Webデザイナー、フロントエンド、コピーライター求人を比較できます。
広告制作・Web制作転職のよくある質問
Web制作会社のフロントエンドは何をしますか？
WebサイトやLPをHTML/CSS/JavaScriptで実装し、レスポンシブ、CMS、フォーム、公開、保守改善まで担当します。
コーダーとフロントエンドの違いは何ですか？
コーダーはHTML/CSSの実装に寄り、フロントエンドはJavaScript、UI部品、CMS、品質改善まで担うことが多いです。ただし求人により重なります。
Web制作会社のフロントエンドにReactは必要ですか？
求人によります。LPやWordPress中心ならHTML/CSS/JavaScriptが重視され、SaaSやWebアプリ寄りならReactやVueが求められやすいです。
未経験から制作会社フロントエンドを目指すには何を作るべきですか？
レスポンシブLP、フォーム付きサイト、WordPress風テンプレート、JavaScript UI、GitHub READMEを用意し、実装意図を説明できるようにしましょう。
広告制作・Web制作求人を比較して応募・相談する
Web制作会社、広告制作会社、事業会社Web担当では、同じWeb制作でも担当工程、納期、修正対応、評価指標が変わります。求人票の仕事内容、使用ツール、制作体制、残業、ポートフォリオ要件を見比べてから応募先を選びましょう。
広告制作・Web制作求人を比較する