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年も引き続き頑張る。