(最終更新日:2023/12/29)
この記事で分かること
- マークアップエンジニアの平均年収、年収分布
- マークアップエンジニアが扱う言語・OS・DB・フレームワーク・開発ツール
- マークアップエンジニアが扱う中でも特に大切なスキル
この記事では、転職サイト「レバテック」にある5件の求人から「マークアップエンジニア」の平均年収と年収分布をまとめています。
あと、マークアップエンジニアが取り扱うスキルについてもまとめました。
ちなみに統計を取ったところ、マークアップエンジニアの場合は特にWordPress(開発ツール)のスキルが求められているようです。
全求人のうち80%の求人で記載されていたので、特に大切なスキルだと言えます。
最後には実際の求人情報も掲載しているので、参考にしてください。
そもそもマークアップエンジニアってどんな仕事?
マークアップエンジニアは、Webページを構築する役割を果たす職業です。彼らの主なタスクは、デザイナーが作成したWebデザインを、HTMLやCSSなどの言語を用いてコーディングすることです。具体的には、Webサイトのレイアウトやスタイル、ユーザーインターフェースの動作を制御します。
また、ウェブアクセシビリティやSEO(検索エンジン最適化)の考慮も重要な役割の一つです。これにより、ウェブサイトは、様々なデバイスやブラウザで適切に表示され、検索エンジンによって適切に評価されます。
さらに、最近ではJavaScriptのようなプログラミング言語を使い、動的なインタラクションを実現することも求められることがあります。これにより、私たちの使用体験は一層豊かになります。
マークアップエンジニアの主な業務内容は?
- デザインのコーディング:デザイナーが作成したWebデザインを、HTMLとCSSを使ってウェブページに変換します。
- ウェブアクセシビリティとSEOの実装:ウェブサイトが様々なデバイスやブラウザで適切に表示されるようにします。また、検索エンジンによってウェブサイトが適切に評価されるようにするため、SEOに関する最適化も行います。
- 動的なインタラクションの実現:JavaScript等のプログラミング言語を用いて、ウェブページに動的な要素やインタラクションを実装します。例えば、ユーザーがボタンをクリックした時の動作などをプログラムします。
- ページロード時間の最適化:ユーザー体験を高めるため、ウェブページのロード時間を最適化します。これには、画像の最適化やコードの圧縮などが含まれます。
マークアップエンジニアの平均年収と年収分布
まず結論から。
5件の求人から計算した平均年収は、510万円です。
そして年収分布は、下記の通りです。
年収
|
該当件数
|
割合
|
---|---|---|
200~299万円
|
0
|
0
|
300~399万円
|
2
|
6.45%
|
400~499万円
|
2
|
6.45%
|
500~599万円
|
2
|
6.45%
|
600~699万円
|
2
|
6.45%
|
700~799万円
|
2
|
6.45%
|
800~899万円
|
0
|
0
|
900~999万円
|
0
|
0
|
1000~1099万円 |
0
|
0
|
1100~1199万円
|
0
|
0
|
1200~1299万円
|
0
|
0
|
1300~1399万円
|
0
|
0
|
1400~1499万円
|
0
|
0
|
1500~1599万円
|
0
|
0
|
1600~1699万円
|
0
|
0
|
1700~1799万円
|
0
|
0
|
1800~1899万円
|
0
|
0
|
1900~1999万円
|
0
|
0
|
※左右にスクロールします。
マークアップエンジニアの求人データから特徴を知る
次は、求人データから年収以外の特徴を見ていきます。
まずは給与・待遇面から。
特徴
|
該当件数
|
割合
|
---|---|---|
BtoB向け
|
2
|
40%
|
BtoC向け
|
1
|
20%
|
フレックス制
|
3
|
60%
|
外国籍の方も活躍中
|
5
|
100%
|
採用人数5名以上
|
1
|
20%
|
残業少なめ
|
2
|
40%
|
土日祝日休み
|
4
|
80%
|
年間休日120日以上
|
5
|
100%
|
年俸制導入
|
1
|
20%
|
服装自由
|
3
|
60%
|
次は必要スキルについて、順番にまとめています。
OS
|
該当件数
|
割合
|
---|---|---|
Linux
|
1
|
20%
|
Windows
|
1
|
20%
|
言語
|
該当件数
|
割合
|
---|
DB
|
該当件数
|
割合
|
---|---|---|
MySQL
|
1
|
20%
|
フレームワーク
|
該当件数
|
割合
|
---|---|---|
AngularJS
|
1
|
20%
|
jQuery
|
2
|
40%
|
React
|
1
|
20%
|
開発ツール
|
該当件数
|
割合
|
---|---|---|
Backlog
|
1
|
20%
|
Docker
|
2
|
40%
|
Git
|
5
|
100%
|
GitHub
|
2
|
40%
|
WordPress
|
4
|
80%
|
求人をチェックするならこちら。
⇒フリーエンジニアの案件なら、レバテックフリーランス
マークアップエンジニアの求人一覧
最後に、データ元となった求人(2023/09/23時点)をまとめておきます。
【マークアップエンジニア】ユーザビリティ、アクセシビリティ改善に向けた施策立案、実行業務 等/フルフレックス
特徴タグ | 土日祝日休み,年間休日120日以上,フレックス制,外国籍の方も活躍中,BtoB向け |
---|---|
年収 | 500~700万円 |
働き方 | 一部リモート |
言語 | |
OS | – |
DB | – |
フレームワーク | React |
開発ツール | Git,GitHub,WordPress |
<詳細>
2019年4月に正式リリースしたAI契約審査プラットフォーム ‘LegalForce’ は導入社数が3,000社(2023年8月時点)を突破するという驚異的なスピードで成長。ますます多くの会社が興味を示しています。
また、AI契約管理システム ‘LegalForceキャビネ’ は2021年1月の正式リリース当初から多くの反響をいただいており、導入社数は800社(2023年3月時点)を突破されました。
「法とテクノロジーの力で安心して前進できる社会を創る」というパーパスのもと、当社プロダクトに関心を持ってくださるユーザーを迎え、情報を届ける製品サイトのUI/UXをリードします。
またエンジニアニング、実装の観点からも最適なUI/UXの提案をしていただきます。<具体的な仕事内容>
■当社製品サイトの運用/改善に係る以下の業務を遂行する
・ユーザビリティ、アクセシビリティ改善に向けた施策立案、実行
– 開発や営業、ブランドチームと連携し、製品戦略やユーザーへの理解を深め、ユーザー体験向上に向けた必要な機能の洗い出し、設計
【マークアップエンジニア】サービス内の更新業務、小規模な機能改善の実施/フレックス/リモート可
特徴タグ | 土日祝日休み,年間休日120日以上,服装自由,フレックス制,外国籍の方も活躍中,BtoB向け |
---|---|
年収 | 350~500万円 |
働き方 | 一部リモート |
言語 | |
OS | Windows |
DB | – |
フレームワーク | jQuery,AngularJS |
開発ツール | Git,Backlog,WordPress,Docker |
<詳細>
主な業務は、自社運営サービスであるメーカーと小売店を繋ぐECサイト『スーパーデリバリー』や決済システム『Paid』、ネット完結型売掛保証サービス『URIHO』等の開発です。
マークアップエンジニアおよびフロントエンドエンジニアの方には、メインで担当するサービスを軸に持ちつつ、状況に応じて複数ドメインの案件を横断的に対応していただきます。
ご担当いただきたいのは主に以下のような業務です。<具体的な業務内容>
・デザイナーが制作したカンプをHTML、CSS、JavaScriptを用いてコーディング
・サービス内の更新業務、小規模な機能改善の実施
・複数ページをまたぐ中~大規模な機能改修
・WordPressを用いたサイト構築、テンプレート作成
・エンジニアとの協業
-HTMLモックの作成
-技術的な可否の確認やコードの受け渡し【仕事の特色】
<開発環境>
・使用ソフト:Adobe CC(Photoshop、Illustrator、XD)VScodeなど
・
【マークアップエンジニア】システム開発計画の立案からリリース後の運用、改善/裁量をもって進めたい方
特徴タグ | 土日祝日休み,年間休日120日以上,外国籍の方も活躍中,BtoC向け |
---|---|
年収 | 400~700万円 |
働き方 | – |
言語 | |
OS | Linux |
DB | MySQL |
フレームワーク | jQuery |
開発ツール | Git,WordPress,Docker |
<詳細>
今回のエンジニア担当者は、アプリ開発の責任者としてシステム開発計画の立案から、リリース後の運用、改善までお任せします。
裁量をもって進めたい方、責任感のある方を募集します。<具体的な仕事内容>
・ECサイト、集客メディアのシステム開発および更新
・LPサイトの制作および更新
・HTML5/CSS3/Javascript(jQuery)によるコーディング
・WordPressを使用したCMS実装
・サイトパフォーマンス改善(CWV対応/CDN等)
あなたのこれまでの経験を、存分に活かせる環境があります。【仕事の特色】
<開発環境>
■プログラミング言語:
・PHP
・HTML
・CSS
・JavaScript
・TypeScript
・SQL
・SCSS
・Liquid■フレームワーク:
・Nuxt.js
・Vue.js
・iQuerywordpress
【マークアップエンジニア・HTMLコーダー】熊本勤務/サイトの新規制作やリニューアル/Webサイトコーディング
特徴タグ | 年間休日120日以上,残業少なめ,服装自由,外国籍の方も活躍中,採用人数5名以上,年俸制導入 |
---|---|
年収 | 300~600万円 |
働き方 | 一部リモート |
言語 | |
OS | – |
DB | – |
フレームワーク | – |
開発ツール | Git,GitHub,WordPress |
<詳細>
企業のコーポレートサイトの新規制作やリニューアル、CMS・ECサイト(ネットショップ)のフロントのコーディング業務です。
デザインデータをもとに、HTML、CSS(SCSS)、JavaScriptをベースにコーディングを担当していただきます。
ディレクターやデザイナーとWebサイトの動きについて意見交換したり、人数も多いため得意分野を伸ばせる環境になっています。<具体的な仕事内容>
・Webサイトのコーディング(レスポンシブウェブデザイン)
・更新対応
・WordPressを使ったCMS構築(オリジナルテーマの構築経験者優遇)【仕事の特色】
<開発環境>
・言語:HTML、CSS(SCSS)、JavaScript、PHP
・アプリケーション:Visual Studio Code、Photoshop 他
・その他:GitHubによるコード管理
【マークアップエンジニア】ふるさと納税ポータルサイト/サイト運用・新規コンテンツやマークアップ/リモート可
特徴タグ | 土日祝日休み,年間休日120日以上,残業少なめ,服装自由,フレックス制,外国籍の方も活躍中 |
---|---|
年収 | 400~650万円 |
働き方 | 一部リモート |
言語 | |
OS | – |
DB | – |
フレームワーク | – |
開発ツール | Git |
<詳細>
Webデザイナー(コアメンバー候補)として活躍していただきます。
■担当サービス
・ふるさと納税ポータルサイト『ふるなび』
・関連サービス<具体的な業務内容>
・サイトの運用/新規コンテンツ/ページのマークアップ作業
※静的なコーディングのみで完結できない案件は、社内の開発メンバーと設計段階からミーティングを行いながらプロジェクトを進めていきます。
・コンテンツ企画/改修案
・SEO施策
・サイト分析 など
※最後の3点は経験・能力に応じてお任せすることがあるかもしれません。その場合、大きな裁量を持って活躍していただけます。【仕事の特色】
<募集背景>
ふるさと納税サイト『ふるなび』の運営の中核を担うマークアップエンジニアを募集します。
サイト運用・コンテンツ制作を各専門チーム(デザイナー/営業/マーケティングなど)で行うため、マークアップだけではなくコミュニケーション能力も活かしながら、技術の力で『ふるなび』を大きく成長させてください。
コメント