プロローグ — 5年間の再定義
2019年の「フロントエンドエンジニア」はReactコンポーネントとCSSを意味した。2026年にはより曖昧になった: UIに加えてエッジロジック、認証、API設計、観測性、SRE的な関心ごとまで所有する。肩書きは「フルスタック」「Webプラットフォームエンジニア」「デザインエンジニア」と混ざる。
シーズン6最終回は技術一覧ではなくキャリアマップ。何に投資するか、何をやめるか、ロールがどこへ向かっているか。
1章. 専門化の3軸
2026年のフロントエンドは重なりある3つの原型に分岐する。
1.1 デザインエンジニア
- Figmaとコードの間に住む。
- デザインシステム、トークン、モーション、アクセシビリティを所有。
- 機能ではなくコンポーネントを書く。
- 需要増: どの製品も独自UIを望み、維持には専任所有者が必要。
1.2 アプリケーションエンジニア
- プロダクト領域を丸ごと所有 — SSR、クライアント状態、データ層、ルーティング。
- フルスタック寄り。サーバーコードも書く。
- 「古典的フロントエンド」に最も近いがバーは上がった。
1.3 プラットフォーム/インフラエンジニア (FE風味)
- ビルドシステム、CI/CD、Vercel/Cloudflare連携、パフォーマンス予算、観測性。
- 少数だが、他者を可能にするため昇進が多い。
必ず一つを選ぶ必要はない。だがレベリングの判断はどの軸に投資するかから来る。
2章. 2026年のレベリング — Senior, Staff, Principalを分けるもの
Senior — 機能をエンドツーエンドで出荷、サブシステムの意思決定を所有。 Staff — 横断関心事（性能、デザインシステム、アーキテクチャ）を所有、他チームに影響。 Principal — 複数年方向性を形成、リーダーシップ採用、能力の顔。
2025年の変化:
- AI流暢性はSeniorで前提に。AIツールを評価·プロンプト·オーケストレーションできること。
- システム思考が前倒し — 強いSeniorにStaffレベルのアーキテクチャ判断を期待。
- コミュニケーション/執筆がStaffの決定的スキル。ADR、RFC、1枚紙 — AIがコードを書くので、人間が決定を書く。
3章. もう学ばなくていい
差別化しなくなったもの:
- バンドラ内部。Vite/Turbopack/Rspackは安定。
webpack.config.jsはトリビア。 - CSS-in-JSフレームワーク戦争。Tailwind + CSS変数が勝った。
- 今月の状態管理ライブラリ。Zustand/Jotai + TanStack Queryで90%カバー。
- なんでもカスタムフック。多くはRSC形になった。
- 手動TypeScript型体操。
satisfies、テンプレートリテラル、Zodで十分。
4章. 投資先
4.1 Webプラットフォーム API
- View Transitions、Speculation Rules、Popover、Anchor Positioning、
:has()、Container Queries、CSS Custom Highlights、CSS Scoping。 - これらは永続。知っていれば平均エンジニアより2年先行。
4.2 Server Components + ストリーミング
- ウォーターフォール、
use()、Suspense境界、ストリーミングSSR。 - Next.js/Remix/SolidStart/Astroの核心モデル。
4.3 IDEコンパニオンとしてのAI
- Cursor/Claude Code/Copilotの流暢性: 「代わりにやって」ではなく「雑務で3倍速く」。
- コードレビュー、テスト生成、リファクタリング用のプロンプトエンジニアリング。
- 自分のPR整理を行うエージェントを書くべき。
4.4 観測性
- RUM (Real User Monitoring) とトレーシング。SeniorはProdデータからUXを診断する。
4.5 エッジ思考
- 計算はどこで起きるか？ Edge vs Origin vs Client vs CDN。アーキテクチャスキル。
5章. AIとあなたのロール — 実際に起きたこと
2023年の3つの予測で外れたもの:
- 「フロントエンドは置換される」。ノー — AIがUIを安く作れるので、より多くのUIが要求され、需要は増えた。
- 「もうReactを書かない」。書く、だがグルーは減ってインテントが増えた。
- 「デザインシステムはAI生成」。人間のまま。AIはバリアント、人間が原則。
当たったもの:
- AIがテスト、型、些細なバグを処理。
- コードレビュー帯域が倍に — 生成が速いのでレビュー量増。
- Senior以上は決定文書に時間、エディタに時間減。
6章. キャリア形状 — IC vs マネージャ
ICトラックは2023–2025に大きく広がった。FAANGや多くのスタートアップで:
- Staff IC = EM。
- Senior Staff IC ≥ Director。
- Principal IC ≈ VP。
コードを書き、アーキテクチャ決定をしたいならICトラックは本物で報われる。人を育て戦略を立てたいならマネジメント。
ハイブリッドパターン (増加): 18ヶ月マネージャ、戻ってIC。または50/50テックリード–マネージャ。両方向が正当。横移動はスティグマなし (健全な会社では)。
7章. 報酬スナップショット (2025 韓国)
韓国市場のFEエンジニア報酬 (TCはエクイティ込み、おおよそ):
| レベル | スタートアップ (A–B) | スタートアップ (C+) | 大手 | グローバルリモート |
|---|---|---|---|---|
| Senior (5–8年) | 80–110M KRW | 100–140M | 110–160M | 280k |
| Staff (8–12年) | 120–160M | 150–220M | 180–260M | 400k |
| Principal (12年+) | 180M+ | 220M+ | 260M+ | 550k+ |
注意: 分布は広い、タイトルインフレは実在、現金対エクイティ比は異なる。タイトルでなく比較オファーで交渉。
8章. バーンアウト — 静かな流行
2024–2025の複数調査 (State of JS、Stack Overflow、韓国開発者コミュニティ世論調査) がフロントエンドバーンアウトを記録始まって以来最高に。理由:
- フレームワークチャーン疲労。2023–2025はどの先行期間より打撃大。
- AI不安。「まだ自分は必要？」は公言されるより一般的。
- 常時オン文化 — Slack、PR、非同期レビュー。
- スコープクリープ — FEがA11y、perf、SEO、セキュリティ、デプロイ、オンコールまで責任。
実際に効くこと (戻った人から):
- 明示的フォーカスブロック。9–12時はSlackなし。非交渉的。
- 「やめるリスト」。To-doの反対。
- 長い睡眠、少ないサイドプロジェクト。休息はスキル。
- コミュニティ。カンファレンス (FEConf、JSConf Korea、React Korea)、Discordサーバ — 孤独は大きな要素。
9章. 韓国コミュニティの風景
韓国拠点なら2026年に重要:
- FEConf — 年次、旗艦。
- JSConf Korea — 年次、より広いJS。
- React Korea — Discord、活発。
- Toss Slash — Tossの年次、バー高。
- OKKY / GeekNews — 非同期議論。
- velog / 1boon / Brunch — 執筆プラットフォーム。
韓国エンジニアからNext.js、TanStack Query、Astroへのオープンソース貢献が2024–2025で意味ある伸び。
10章. 韓国から/へのグローバルリモート
強いFEエンジニアの韓国からのリモート市場は実在するが競争的。
パスA — 国際韓国オフィス (Coupang、Naver/Line/Kakaoグローバル部門、Tossグローバル)。同じ給与スケールだがキャリア幅広。
パスB — 完全リモートグローバル (Vercel、Supabase、Clerk、Linear、小規模US Series A)。給与高、韓国時間と文化衝突の可能性。英語執筆が入り口 — 非同期書き言葉が通貨。
パスC — フリーランス/コンサル。ジュニアには難、10年以上なら易。スペシャリスト向き (デザインシステム、アクセシビリティ、perf)。
11章. 3年投資マップ
中堅エンジニアなら率直な3年推奨:
- 1つの深い専門を作る。perf、a11y、デザインシステム、エッジ — 1つ。
- 本番AI統合を1つ出荷。評価付きエンドツーエンド。
- 公開執筆。まとまったブログ6–12本が平凡ツイート100本に勝つ。
- オープンソース貢献を1つ所有。Radix/TanStackへの中規模PRでも履歴書変わる。
- メンタリング。ジュニアを教えると自分の穴を暴いて埋める。
12章. 各段階で知っておきたかったこと
1–2年: ツール最適化をやめてシッピング。この段階は量が質に勝つ。 3–5年: 他人のコードを真剣に読み始める。自分のコードが浸透で良くなる。 5–8年: 執筆 > コーディング (平均)。決定が複利化。 8年以上: 他人を10%良くするのが仕事。介入がレバレッジ。
13章. シーズン6 — 締めくくり
6ヶ月前にシーズン6を「フロントエンドプラットフォーム&磨き上げ」で始めた。カバー:
- デザインシステム (トークン、Radix、Shadcn)
- Core Web VitalsとRUM
- アクセシビリティ + 国際化
- モニタリング + エラートラッキング
- セキュリティ (XSS、CSRF、CSP、Passkey)
- 状態管理ルネサンス
- テスト (Vitest、Playwright、ビジュアル回帰)
- CI/CD + 機能フラグ + SLSA
- そして今: キャリア。
シーズン6を統一するのはフロントエンドロールが成熟したこと。「Senior」のバーは上がった — 難しくなく、広くなった。仕事はReactを書くだけではない。ユーザー体験をシステムとして所有すること — 性能、信頼性、セキュリティ、アクセシビリティ、そして作る人たち。
12項目自己評価
- どの軸 (デザイン/アプリ/プラットフォーム) が最強か？
- 最後にトップtoボトムで学んだWebプラットフォームAPIは？
- 最後にRUMデータから本番をプロファイルしたのはいつ？
- RFC/ADRを読んで具体的に反論できる？
- 最新の「勝利」ドキュメントはある？
- 最後にタスクにノーと言った時、何と言った？
- 深い作業 (Slackなし) に週何時間？
- 最後に誰かを阻害解除のためにメンタリングしたのは？
- 報酬は市場 (社内だけでなく) に較正されている？
- 3年の専門ベットは何か？
- 最後に公開執筆したのは？
- 過去12ヶ月に休暇 (病欠でなく) を取ったか？
止めるべきアンチパターン10
- フレームワーク新リリースを追って「解放」を願う。
- 出力よりエディタ (テーマ、プラグイン) 最適化。
- 何も深く学ばない「フルスタック」。
- 「鈍らないよう」AIツールから隠れる。
- アクセシビリティを「誰かの仕事」と無視。
- 設計文書を書かない。
- すべての機能要求にイエス。
- 忙しいと生産的を混同。
- 現雇用主のバブルを出ない。
- 静かにバーンアウト。誰かに言う。業界は声を上げた人の多くを残した。
シーズン7プレビュー
シーズン7はバックエンド&プラットフォームから開始 — Node 22、Bun、Deno、Cloudflare Workers、エッジランタイム。次にフレームワーク (NestJS、Fastify、Hono、Elysia、Spring Boot、FastAPI、Go、Rust)、データベース (B-tree、LSM、MVCC + CockroachDB/Spanner/TiDB/Neon/PlanetScale)、キュー、観測性。シーズン6が「UIを工芸として」ならシーズン7は「アプリエンジニアのための分散システム」。
— シーズン6をお読みいただきありがとうございました。シーズン7でお会いしましょう。