編
給与を企業規模別に分けたことで比較しやすくなりました。地域ごとの実例も募集しています。
POSITION 01 · 技術開発 · Frontend Engineer
フロントエンドエンジニア
プロダクトのロジックを、見えて触れる画面に変える
ブラウザやアプリでユーザーが触れる構造・操作・性能・レスポンシブを担います。デザイン・バックエンド・ユーザーの交差点に立つ職種です。
主な業務 01 / DUTY
- デザインをレスポンシブな画面として実装
- 再利用可能なコンポーネントと状態設計
- ローディング・エラー・認証・API連携
必要なスキル 02 / SKILL
意味的な HTML / CSSJavaScript / TypeScript主要フレームワークHTTP・キャッシュ・描画ビルドと性能最適化
向いている人 06 / FIT
- 見た目と操作の細部に敏感
- すぐ見える成果が好き
よくある疑問 07 / FAQ
バックエンドの知識は必要？
API・認証・キャッシュ・デプロイを、リクエストの流れを説明できる程度には理解が必要です。
関連業界・関連職種 08 / LINK
この職種が多く登場する業界と、一緒に働く職種：
入門前に知っておきたいこと
フロントは「画面を切る」仕事ではない
状態設計とエンジニアリングこそ本質で、デザイン再現は入場券にすぎません。
性能は事業指標
表示が1秒遅れるだけで転換率が落ちます。LCP・INP・CLSを事業指標として追いましょう。
E
企業規模 × 参考給与
参考レンジ · 公式統計ではありません · コミュニティ編集可同じ職種でも、企業規模によって仕事も給与も変わります。編集部が整理した参考レンジです。修正を歓迎します。
| 企業規模 | 参考月給 | 重視されること |
|---|---|---|
| スタートアップ / 50人未満 | 12–22K | 兼務が多くスピード重視 |
| 成長企業 / 50–500人 | 18–32K | コンポーネント整備期 |
| 大企業 / 500–5000人 | 25–42K | 性能・アクセシビリティ重視 |
| プラットフォーム / 5000人以上 | 32–60K | 基盤・体験技術の専門化 |
求められる能力
5軸・レベル1〜5
実装力
5/5
協働
4/5
業務理解
3/5
抽象化
4/5
やり切り力
4/5
G
在岗体験
体験実際にありそうな場面をいくつか歩いて、この職種・業界が毎日何を判断しているかを体感します。
フロントエンド · リリース前夜
2つの場面で、この職種の日常の判断を体験します。
D
ディスカッション
議論誤りを見つけたら、あなたの経験を残してください。他の人も読めます。
ゲ
面接の頻出問題が実用的です。ライブコーディングでの思考説明も追加してほしいです。
W
修正を提案する
修正ウィキのように、どの項目でも改善提案ができます。項目・提案内容・理由を書くと、採用時に貢献値が加算されます。
→
関連職種
→