Chaos and Order

💡 왼쪽 원문을 읽으면서 오른쪽에 따라 써보세요. Tab 키로 힌트를 받을 수 있습니다.

プロローグ — 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	$180k–$ 280k
Staff (8–12年)	120–160M	150–220M	180–260M	$250k–$ 400k
Principal (12年+)	180M+	220M+	260M+	$350k–$ 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でお会いしましょう。