1765804636
2025-12-15 13:03:00
今年は Web 開発の複雑さからさらに移行が進み、より多くの開発者が React エコシステムを超えたソリューションを模索するにつれて、Astro や Svelte などのフロントエンド フレームワークの人気が高まりました。一方、ネイティブ Web プラットフォーム機能は、特に CSS が 2025 年にかけて改善され、洗練された Web アプリケーションを構築できることが証明されました。
そうは言っても、おそらく今年の最大の Web 開発トレンドは AI 支援コーディングの台頭でした。これは、React と主要な React フレームワークである Next.js をデフォルトにする傾向があることが判明しました。フロントエンド環境では React が主流を占めているため、大規模言語モデル (LLM) にはトレーニング対象となる React コードが大量にあります。
2025 年の 5 つの最大の Web 開発トレンドを詳しく見てみましょう。
1. ネイティブ Web 機能の台頭
2025 年にかけて、多くのネイティブ Web 機能が JavaScript フレームワークによって提供される機能に静かに追いつきました。たとえば、 遷移APIの表示 — これにより、Web サイトで次のことが可能になります。 スムーズにアニメーション化する ページ間 — の一部となりました ベースライン 2025 クロスブラウザサポートのインデックス。そのため、Web 開発者が広く使用できるようになりました。
Baseline は、W3C の WebDX コミュニティ グループによって調整されたプロジェクトです。このグループには、以下の代表者が含まれます。 グーグル、Mozilla、Microsoft、およびその他の組織。 2023 年から運用されているだけですが、今年、実践的な Web 開発者にとって役立つリソースとして真価を発揮しました。
ベースライン機能は毎年着実に成長しており、 Web プラットフォーム ステータス サイト。
The New Stack の Mary Branscombe が 6 月に報告したように、ベースラインの一部になりつつあるものを追跡する方法はたくさんあります。
「Google の Web.Dev は、 毎月の更新 ベースラインの機能とニュースについては、WebDX 機能エクスプローラーを使用して、次の機能を表示できます。 数量限定、 新しく利用可能になりました または 広く入手可能;そして 毎月のリリースノート どの機能が新しいベースラインステータスに達したかをカバーします。」
2. AI コーディング アシスタントはデフォルトで反応する
今年、AI は Web 開発ツールチェーンの標準部分になりました (とはいえ、開発者、特に X や LinkedIn の代わりに Mastodon や Bluesky で交流する人たちによって常に支持されているわけではありません)。あなたがアプリケーション開発の AI ファンであるかどうかに関係なく、大きな懸念事項が 1 つあります。それは、LLM がデフォルトで React と Next.js になる傾向があるということです。
OpenAI の GPT-5 が 8 月にリリースされたとき、その強みの 1 つはコーディングでした。 GPT-5 は当初、開発者から非常に賛否両論の評価を受けていました。そこで、私は OpenAI に連絡してコーディング機能について尋ねました。 イシャーン・シンハルOpenAIの研究者が電子メールで回答した。
私はシンガルに次のことを指摘しました。 GPT-5 プロンプト ガイド、推奨フレームワークは Next.js (TypeScript)、React、HTML の 3 つです。 GPT-5 をこれらのフレームワーク向けに最適化するために、Next.js および React プロジェクト チームとの協力はあったのでしょうか?
「私たちは人気と共通性に基づいてこれらのフレームワークを選択しましたが、GPT-5 に関して Next.js チームや React チームと直接協力したわけではありません」と彼は答えました。
OpenAI の「GPT-5 のコード編集ルールの整理」の例 GPT-5 プロンプト ガイド。
Next.js フレームワークを主導する Vercel 社が GPT-5 のファンであることはわかっています。発売当日、同社は GPT-5 を「最高のフロントエンド AI モデル」と呼びました。つまり、ここでは素晴らしい見返りが起こっています。GPT-5 はその人気のおかげで Next.js のエキスパートになることができ、おそらくその人気がさらに高まることでしょう。これは OpenAI と Vercel の両方に役立ちます。
開発者がどの Web テクノロジーを使用したいかについては、「結局のところ、それは開発者の選択です」と Singal 氏は結論づけています。 「しかし、確立されたリポジトリはコミュニティからのサポートが充実しています。これにより、開発者はセルフサービスでメンテナンスを行うことができます。」
3. AI エージェントとチャットボットにおける Web アプリの出現
今年は、AI チャットボットやエージェント内にミニ Web アプリケーションが登場しました。
MCP-UI は、Web が AI エージェントの重要な部分になることを示す最初の兆候でした。その名の通り、 MCP-UI は、一般的なモデル コンテキスト プロトコルを通信基盤として使用します。 プロジェクト 「モデルとツールがクライアント アプリケーション内でリッチ HTML インターフェイスの表示を要求する方法を標準化することを目的としています。」
8月のインタビューで、創設者2人（うち1人は当時Shopifyで働いていた）は、MCP-UIにはクライアントSDKとMCPサーバーに接続するサーバーSDKの2種類があると説明した。サーバー SDK は TypeScript、Ruby、Python で利用できます。
Claude 3.7 Sonnet チャットに挿入される UI の MCP-UI デモ。
MCP-UI は有望に思えましたが、10 月初旬にリリースされた OpenAI の Apps SDK によってすぐに影が薄くなってしまいました。 アプリSDK これにより、サードパーティの開発者は、ChatGPT の会話内でインタラクティブなコンポーネントとして実行される Web ベースのアプリケーションを構築できます。これは、Apple が 2008 年に App Store を立ち上げたときのことを多くの人に思い出させます。
Apps SDK の特徴は、Web ベースの UI モデル (MCP-UI に似ています) です。 ChatGPT アプリ コンポーネントは、ChatGPT 会話内のサンドボックス化された iframe で実行される Web UI です。 ChatGPT はアプリのホストとして機能します。サードパーティの ChatGPT アプリは、ChatGPT のインターフェイスに直接埋め込まれた「ミニ Web アプリ」と考えることができます。
10 月末までに、Vercel のような業界の重鎮は、JavaScript フレームワークを使用して ChatGPT アプリを構築する方法を見つけ出しました。 Vercel による Next.js と ChatGPT アプリ プラットフォームの迅速な統合は、AI チャットボットが軽いインタラクティブなウィジェットに限定されず、洗練された Web アプリもこれらのプラットフォーム上で動作することを示しています。
4. ブラウザーでの Web AI とオンデバイス推論
2025 年にかけて並行して発展したのが、ブラウザーでのクライアント側 AI の実行の増加で、これにより LLM 推論がデバイス上で実行できるようになりました。 Google はこの傾向において特に顕著でした。それを指す言葉が「Web AI」です。 ジェイソン・メイズ、Google でこれらの取り組みを主導する者、 Web AI を定義する 「Webブラウザを介してユーザーのデバイス上で機械学習モデルまたはサービスを完全にクライアント側で実行する技術」として定義されています。
11 月に Google は、招待者限定のイベント「 Google Web AI サミット。その後、イベントの主催者でMCのメイズ氏に話を聞いた。同氏は、主要なテクノロジーが、実稼働Webアプリケーションを対象とするGoogleのWeb AIランタイムであるLiteRT.jsであると説明した。それは上に構築されます LiteRT、クラウド推論に依存するのではなく、デバイス (モバイル、組み込み、またはエッジ) で機械学習 (ML) モデルを直接実行するように設計されています。
Web AI Summitの基調講演では、 パリサ・タブリスGoogle の Chrome およびウェブ エコシステム担当副社長兼ゼネラル マネージャーである同氏は、昨年 6 月に Chrome の組み込み機能として Gemini Nano (Google の主要なオンデバイス モデル) がリリースされたことに加えて、昨年 8 月に Chrome に追加された組み込み AI API を強調しました。これらおよびその他の Web テクノロジーが、現在の Web AI トレンドを推進しています。
パリサ・タブリーズとWeb AIサミット。
Google が Microsoft と並んで関与したもう 1 つのイノベーションは、開発者がクライアント側 JavaScript を使用して AI エージェントが Web サイトと対話する方法を制御できる WebMCP のリリースでした。 9月のインタビューで カイル・プラウMicrosoft Edge の Web プラットフォームのグループ プロダクト マネージャーである同氏は、「中心的なコンセプトは、Web 開発者が従来の MCP サーバーによって提供されるツールと同様に、Web サイト用の『ツール』を JavaScript で定義できるようにすることです」と説明しました。
Web AI は営利企業だけが推進しているわけではありません。 World Wide Web Consortium (W3C) も、MCP-UI、WebMCP、および NLWeb (Microsoft で開発) と呼ばれる別の新興標準の使用を含む、「エージェント Web」の構成要素を検討しています。
5. JavaScript エコシステムの「Vite 化」
今年は AI が Web 開発を席巻しているように聞こえるかもしれませんが、実際にそうでした。しかし、フロントエンド ツールにもイノベーションが見られました。ある製品が特に際立っていました。
素早くによって作成されました エヴァン・ユーは、Vue、SvelteKit、Astro、React などの最新のフロントエンド フレームワークの頼りになるビルド ツールとなっており、Remix や Angular からも実験的にサポートされています。 9 月の The New Stack とのインタビューで、You 氏は、Vite の成功の鍵は ES モジュール (ESM) を初期に使用したことだと語っていました。ES モジュールは標準化された JavaScript モジュール システムであり、これにより「JavaScript コードを異なる部分、ロードできる異なるモジュールに分割」することができます。
ViteConf の Even You を介した Vite エコシステム。
あなたと彼の会社 VoidZero は現在、JavaScript の断片化を解決することを目的とした新しい統合 JavaScript ツールチェーンである Vite+ を構築しています。今年の ViteConf イベントでは、あなたは Vite+ が正式発表 そしてそれをエンタープライズ開発ツールキットとして位置づけました。同氏は、これには「あなたがViteについて気に入っているすべてのものと、あなたがダクトテープで一緒に録音してきたすべてのもの」が含まれていると述べた。
Web 開発の岐路
2025 年末、私たちはフロントエンド開発の岐路に立たされているように感じられます。一方で、React の複雑さの難題から抜け出す方法があります。それは、ユーザーの負担を軽減するネイティブ Web 機能や Astro などのツールを使用することです。これは確かに今年のトレンドでしたが、コーディングのための AI ツールへの依存度が高まることで、2026 年には影が薄くなる危険があります。前述したように、AI ツールは React に依存する傾向があります。
YouTube.COM/THENEWSTACK
テクノロジーの進歩は速いので、エピソードを見逃さないでください。 YouTube チャンネルに登録すると、すべてのポッドキャスト、インタビュー、デモなどをストリーミングできます。
購読する
スケッチで作成されたグループ。
Richard MacManus は、The New Stack の上級編集者であり、Web とアプリケーションの開発トレンドについて執筆しています。以前は 2003 年に ReadWriteWeb を設立し、それを世界で最も影響力のあるテクノロジー ニュース サイトの 1 つに築き上げました。早い段階から…
リチャード・マクマナスの続きを読む
#年の #Web #開発 #のリアクト #バイアスとネイティブ #Web