AIでフロントエンドは無くなる。React・Next.jsは今後どうなる？

ReactやNext.jsの新しいバージョンが出ても盛り上がらない理由

例年10月や11月は、Next.jsの新しいバージョンがリリースされる時期です。

それに合わせて私も過去3年ほど、新しいバージョンに準拠した教材の改訂版をこの時期に制作・公開していました。

しかし今後はそういったタイムリーな作業は行わない予定です。

そしてそもそも、ReactやNext.jsの新しいバージョンが発表されても、以前のような盛り上がりはもう起きないでしょう。

新機能を紹介するYouTube動画やブログ記事が先を競うように現れる、といったことも無いと思います。

なぜか？

理由は大きく2つ思い付きます。

1つはReactやNext.jsといったツールが成熟し、「完成形」に近づいていること。

2019年のHooksや、2022年のRSC（Reactサーバーコンポーネント）のような大きなパラダイムシフトは、今後しばらくは起きないでしょう。

そして2つ目の理由は（当然ですが…）AIです。

これまでReactやNext.jsで盛り上がっていた層の人たちがAIの層に移り、AIの新機能発表に対して盛り上がるようになったこと。

実はこのような「盛り上がり」の移動は、こういった人たちが移り気だからということだけではなく、もっと本質的な変化も表しています。

AIを通せばReactもNext.jsも触れてしまう

AIは長い間、アプリ開発時の「補助ツール」として見られていました。

コードを提案・補完してくれるツールです。

図にしてみましょう。

AI以前、アプリ開発は下図のような流れでした。

そこにAIが開発補助ツールとして導入されました。

しかし今ではこのような「AIは補助ツール」という見方は、ズレたものになっています。

AIはすでに「補助ツール」ではなく、実は上位レイヤーに位置するようになっているからです。

「仕分けするアプリを作って」と普段話す言葉でAIに指示をすれば、ReactやNext.jsのアプリを作ってくれます。

AIを通せば、自然言語でReact／Next.jsを使えるのです。

上図を見ても、AIが日常の言葉を翻訳してくれる「汎用的なインターフェイス」になっているのが分かると思います。

この結果、React／Next.jsに限らず、RubyでもPythonでもJavaでもC++でも、ExcelでもPowerPointでも動画編集でも、AIを通せばなんでも扱えてしまうのです。

そしてこの流れは、実はとても自然な流れとも言えます。

なぜなら、そもそもプログラミング言語というものは、機械を操作するための言語（機械語）を人間にも分かりやすくしたものであって、日本語や英語やポーランド語といった私たちが日常で使っている言葉で機械を操作できるなら、それに越したことはないからです。

これも図にしてみましょう。

下図はAI以前のプログラミングです。

AI登場以後は下図のように、人間がプログラミング言語を意識しなくとも、AIを通せば機械の操作を行えるようになっているのです。

プログラミング言語は、「機械は機械語しか理解できない」「人間は自然言語しか理解できない」という状況から作られたものです。

プログラミング言語とは、いわば人間と機械の間を取り持つために生まれたインターフェイスとも言えます。

そこに今、言葉を話せる人なら誰でも使えるAIという新しいユーザーインターフェイス（UI）が現れたのです。

---

こういう状況になってくると、ツールそのものの重要性は下がります。

ReactでもVueでもNext.jsでもNuxtでも、すべてAIを通せば操作できてしまうからです。

そのため、数年前によく耳にした「React、Vue、Angularのどれがベストか？どれを選ぶべきか？」というフレームワーク論争は、もう完全に過去の話になっています。

なおAIによって、Reactに触れる人は増えています。

AIが出力するコードがデフォルトでReactだからです。

詳しくはこちらの記事をご覧ください▼

• AIでReactアプリを作れる時代。なぜReact学習者は増えている？

では、今は何が重要なのか？

AIでアプリ開発の環境は本当に大きく変わりました。

各ツールを理解することの重要性は変わりませんが、「環境が変わった」とは「学ぶべきことも変わった」ということです。

これまでのように、アプリ開発前にたくさんのことを知ったり理解したりしておくことの比重は下がり、AIの使い方を知っておくことが重要になっています。

なおReactやNext.js、TypeScriptの学習の進め方を知りたい方は、こちらの記事で詳しく触れています▼

また、AI時代に価値が下がる能力と反対に重要性を増す能力については、こちらの記事で紹介しています▼

• AI時代になって、プログラミングを学ぶ価値が下がった

ReactやNext.jsはオワコン？消えていく？

React／Next.jsが現在のアプリ開発のデファクトスタンダードである以上、当面の間は消えることはないでしょう。

これまでに得た知識や経験が無意味になることもありません。

AIによって変わったのは、それを使う側の環境です。

フロントエンドは無くなる？

重要性は下がっていくでしょう。

フロントエンドという操作画面は、あくまでも「人間がアプリを操作する」という前提で必要とされていました。

しかし現在ではAIが直接アプリを扱えるようになっており、この流れは今後ますます強まります。

そうなると当然、人間向けの視覚的なインターフェイスであった「フロントエンド」も影響を受けることになります。

例えば声で操作する「ボイスコントロール」は、視覚的なユーザーインターフェイス（UI）が不要な例です。

*フロントエンドとバックエンドにはどのような役割の違いがあるのか、基本から確認したい方はこちらをご覧ください▼

• フロントエンドとバックエンドの違いとは？APIやサーバーの役割も初心者向けに全解説

フロントエンドは不要になるのか？

完全に消え去ることはないでしょう。

人間がアプリを操作する場面は必ずあるからです。

「人は視覚から80%以上の情報を得ている」と言われるように、視覚情報が占める重要性は変わりません。

しかしフロントエンドの存在感が今より減っていくのは確かです。

AI向けのレイヤーが増加し、AIを通して扱えるツールが増えるほど、これまで人間向けに用意されていたインターフェイス、つまりフロントエンドは減少していくでしょう。