フロントエンドは「対話」へと進化している
この10年間、フロントエンド開発はツールの選定を巡る戦いでした。ReactかAngularか、WebpackかViteか、といった選択です。開発時間の多くは、こうした変化に追いつくために費やされてきました。
その時代は終わりを迎えようとしています。焦点は「どのライブラリを使うか」から、「データとAIをいかに連携させるか」へと移り変わっています。
現代のプロダクションアプリは、新しいパターンに従っています。
- ReactやSvelteのようなフレームワークが標準となっている。
- Next.jsやSvelteKitのようなメタフレームワークが、重い処理を引き受ける。
- TypeScriptがデフォルトである。
- サーバーファーストのレンダリングが基本となっている。
重心は再びサーバーへと戻りました。それは、データをストリーミングし、ネットワークを効率的に管理する、よりスマートなサーバーです。
AIはワークロードを変えました。タスクの最初の80%をAIがこなします。コンポーネントやレイアウトを数分で構築できるため、これまで数時間かかっていた手作業が不要になります。
しかし、AIは最後の20%で躓きます。アクセシビリティ、エッジケース、複雑な状態管理（state logic）などは苦手です。AIが提供するのはあくまでドラフト（下書き）であり、完璧な解決策ではありません。
今や、あなたの価値は「判断力」にあります。生成されたコードが間違っているときに、それを見抜かなければなりません。例えば、AIは価格を表示するコンポーネントを作成できても、通貨の違いやロケール形式を忘れてしまうかもしれません。そうした問いを立てることこそが、あなたの新しい仕事なのです。
私たちはGenerative UIへと向かっています。
- Static UI: すべての画面を自分で記述する。
- Server-driven UI: バックエンドがスキーマを送信し、クライアントがそれをレンダリングする。
- Generative UI: モデルがユーザーの意図に基づいてコンポーネントツリーを構築する。
成功しているチームは、制約のあるアプローチを採用しています。AIに対して、監査済みの固定されたコンポーネントセットを与えます。デザインシステムが、AIにとってのガードレールとなるのです。
未来に向けた3つの予測：
- コンポーネントライブラリは、最も価値のある資産となります。人間とAIの両方が、それを使って構築を行うからです。
- マシンリーダブルな契約（contracts）が勝利します。明確な型（types）とスキーマがあれば、AIはエラーなく作業できます。
- タイピングに代わり、レビューが主流になります。主なタスクは、コードを書くことから、コードを評価することへとシフトします。
フロントエンドエンジニアリングが消え去ることはありません。機械的な部分は安価になっていきます。一方で、アーキテクチャ、正確性、そしてセンス（taste）といった困難な部分の価値は、より高まっていくでしょう。
最良のエンジニアとは、タイピングが速い人ではありません。「何が良い状態であるか」を定義でき、間違いを即座に見抜ける人のことです。
Optional learning community: https://t.me/GyaanSetuAi