2018年が終わろうとしています。2019年のフロントエンドの行方を予測してみます。

React Hooks の正式版

これが 2019 年に最も確実に起こることの一つです。Hooks は 2018 年の React Conf で発表され、API はほぼ安定しており、2019 年初頭に正式リリースされる予定です（React 16.8 とともに）。

予測：

• Hooks が HOC と render props に代わって主流になる
• 多くの既存ライブラリが Hooks 版を提供する（react-query、SWR など）
• 関数コンポーネントがデフォルトの書き方になり、class コンポーネントは徐々に減少

Vue 3.0 が本格的な開発フェーズへ

2018年末に尤雨溪が Vue 3 の方向性を示していました：

• Composition API（React Hooks の思想を参考にした）
• Proxy ベースのリアクティブシステム（Vue 2 の既知の制限を解消）
• TypeScript サポートの向上
• より小さなバンドルサイズ（Tree Shaking がより徹底的に）

2019年に Alpha 版が出ると思いますが、正式版は 2020 年になるかもしれません。

TypeScript の普及が続く

2018年に TypeScript はすでに広まっていましたが、2019年はさらに：

• より多くのオープンソースライブラリが一流の TypeScript サポートを提供
• チームが TS を断りにくくなる（入社要件に TS が入るようになる）
• TypeScript 4.x の高度な型がより実用的に

ビルドツール：競争が激化

Webpack 4 はすでに十分速いですが、注目すべき新しいプレイヤーがいます：

• Parcel：設定ゼロ、小規模プロジェクトに向いている
• Rollup：ライブラリのバンドルに最適
• Snowpack（初期段階）：ESM ベースの開発サーバーという概念

2019年には破壊的な変化はないと予測。Webpack が引き続き主流でしょう。

マイクロフロントエンドが概念から実践へ

2018年はマイクロフロントエンドが主に議論の段階でしたが、2019年にはより多くの実際の導入事例が出てくるでしょう。single-spa はさらに成熟し、より多くの実践記事が生まれるはずです。

ミニプログラムエコシステムの継続的な拡大

WeChat ミニプログラム、Alipay ミニプログラム、ByteDance ミニプログラムがそれぞれ発展しています。クロスプラットフォームミニプログラムフレームワーク（uni-app、Taro）も改善が続くでしょう。フロントエンドエンジニアにとってミニプログラムを書けることがますます重要になります。

プログレッシブ Web App（PWA）

日本国内での PWA の普及は予想より遅く、主な理由は iOS Safari の Service Worker サポートが不完全だったことです（2018年に改善されました）。2019年に iOS 12 の普及が進むにつれて、PWA に新たな注目が集まるかもしれません。

AI 支援プログラミング

GitHub Copilot のようなツールはまだ登場していませんが、2019年には AI 支援コード生成についての議論が増えるでしょう。大規模な活用にはまだ数年かかりそうです。

私の個人的な計画

• React の深化：Hooks が出たら体系的に学び、Concurrent Mode の原理を理解する
• Vue 3：Alpha 版を追って技術的な準備をする
• TypeScript：既存プロジェクトを移行し、高度な型を実践する
• Node.js：Node でエンジニアリング問題を解決できるようになる。API を書くだけでなく
• コンピュータ基礎：『CSAPP』を読む、LeetCode を解いて弱点を補う

2019年も引き続き頑張ります。