見出し画像

Web開発の新潮流「AX」：AIエージェントと共創する時代へ

SecondWave｜米国株・テックトレンド

インターネットが誕生してから今日に至るまで、Webテクノロジーは目覚ましい進化を遂げてきました。特に90年代以降は、PCおよびモバイル端末の普及、SNSの登場、そしてクラウド環境の整備によって、多種多様なサービスが「Web」というプラットフォーム上で展開されています。
その一方で、長らく多くのエンジニアは「どのように快適なユーザー体験（UX）を提供するか」を念頭に置いてきました。さらに、Web開発がモノリシックな構造からマイクロサービスやクラウドネイティブな形に変化したことで、DX（Developer Experience）が注目されるようにもなりました。

そして今、私たちは「AI時代」という新たな転換点に差し掛かっています。AI、特に大規模言語モデル（LLM）の急速な発展により、人々の創造性や生産性を爆発的に高める可能性が生まれました。本記事では、こうした変化が進む中、「AX（Agent Experience）」という新たな概念を紹介します。AIエージェントを活用し、オープンなWebを築いていくために必要な発想やツール、そして実例を探っていきましょう。


1. JamstackとNetlifyの登場：Web開発の転換期

1-1. 従来のモノリシック構造からの脱却

かつては、Web開発といえば大規模なモノリシックアプリケーションを構築し、その中にデータアクセス層やビジネスロジック、フロントエンドまですべてを詰め込むのが一般的でした。しかし、SaaSやAPI経済が進むにつれ、「バックエンドは複数のAPI（外部サービス含む）で構成し、フロントエンドを独立したアプリとして構築する」という方向性に変化していきます。これがいわゆる「ヘッドレス化」の流れです。

引用：

「当時は多くの人が『なぜWebなんだ？　すでにモバイルやSNSの時代じゃないか』と思っていました。でも私は、Webこそがプラットフォームとして長く成長を続けると確信していたのです。」
— Netlify共同創業者兼CEO Matt Billman

1-2. Jamstack（JavaScript, API, Markup）の概念

こうした流れの中で生まれたキーワードの一つがJamstackです。Jamstackは「JavaScript, API, Markup」の頭文字を取ったもので、開発者がフロントエンド（JavaScriptやマークアップ）を自律的に構築し、バックエンドはAPIを介してデータや機能をやり取りするという考え方でした。これにより、**「バックエンドとフロントエンドを分離し、スケーラブルでセキュアなサイトやアプリを迅速にデプロイする」**というメリットが生まれました。

1-3. NetlifyによるDXの進化

Jamstackの潮流を牽引した中心的なサービスがNetlifyです。同社は当初から「DX（Developer Experience）」にフォーカスし、開発者がローカルで書いたコードを瞬時にグローバルCDNでホスティングする独自のプラットフォームを用意しました。
これまで煩雑だったデプロイ、認証、スケーリングといった作業がボタン一つ、あるいはGitのプッシュだけで完結するようになり、爆発的に利用者を増やしてきたのです。
「Jamstack」という言葉自体は現在ではあまり使われなくなりましたが、結果的に「フロントエンドとバックエンドを分離し、サードパーティのSaaSやAPIを組み合わせる」という設計手法はWeb開発の主流になりました。

2. AI時代の到来とWebへの影響

2-1. コード生成ツールの普及による生産性爆発

AI、特に大規模言語モデルによるコード生成ツール（例：ChatGPTやGitHub Copilot、Cursorなど）が普及し、これまで開発者が手作業で行っていたプロセスの多くを自動化する動きが活発化しています。
以下のような変化が起きているのが特徴です。

  1. 大量のコードが短時間で生成される
    「これまで1週間かかった作業が数時間で終わる」「コードベースを一気に書き上げる」といった事例が多数報告されています。

  2. ハードルの低下と新たな開発者層の出現
    もともとプログラミング未経験だった人たちが、コード生成ツールを駆使して学習コストを下げ、一気にWebアプリを構築できるようになっています。

  3. テンプレートからの解放
    従来はテンプレートやフレームワークの知識をある程度身につける必要がありましたが、今や生成AIに「こういうアプリを作りたい」と要件を伝えるだけで、骨格を一気に作り上げられるようになりました。

引用：

「私自身、カーソルのようなツールを使ってJavaScriptやTypeScriptを学びなおしている最中です。プロ向け開発者も、こうしたAIアシスタントで生産性を数倍に引き上げています。」
— 対話より

2-2. UI 2.0への進化：よりリッチで創造的なWeb体験へ

AIの進化は、Webの表現力にも影響を与えます。画像や動画はもちろん、3Dレンダリング、WebGL、さらには音声やインタラクティブなストーリーテリングなど、多彩なメディアを自動生成し、リアルタイムで組み込めるようになります。
かつてFlashが「リッチなWeb表現」をもたらしたように、今度はオープンな形で、かつ膨大な自動生成リソースを持つAIが、表現手法を再び拡張する段階に入っているのです。

3. 新たな概念AX（Agent Experience）とは何か

3-1. UXやDXからAXへ

90年代、ドン・ノーマンによってUX（User Experience）という言葉が提唱され、「ユーザーが製品・サービスとどのようにやり取りし、どのような体験を得るか」に重点が置かれるようになりました。その後、Web開発の世界では「開発者がプロダクトに触れたときに得られる体験」を指すDX（Developer Experience）の重要性が高まりました。
今まさに台頭しているのがAX（Agent Experience）という概念です。これは「AIエージェントが人間の代わりに、あるいは人間と協力してコードを書き、タスクを処理し、Webアプリケーションを構築するうえでの総合的な体験」を意味します。

3-2. AXが重要になる理由

AXが注目を集める背景には、以下のような理由があります。

  1. エージェントが本格的に“開発者”として機能する
    AIアシスタントは既にコード生成やアセット作成を行えるレベルに到達しており、いずれはデプロイやモニタリングなどの高度な運用も自動で行えるようになるかもしれません。

  2. エージェント同士が連携する未来
    あるエージェントがフロントエンドを生成し、別のエージェントがバックエンドやAPI連携を行う、といったシナリオが現実になるにつれ、エージェント同士の“協力体験”を人間がどのように制御するかが課題となります。

  3. オープンWebを守るための設計
    大規模プラットフォームやウォールドガーデン（閉じたエコシステム）の中だけでエージェントがやり取りを行う世界観も想定されますが、Webが本来持つオープン性や標準化の恩恵を活かすためには、AXを意識したWebの設計や標準化が不可欠です。

引用：

「ユーザーエージェント（ブラウザ）は歴史的にずっと存在していましたが、今ではAIエージェントという新しい“ユーザーエージェント”が登場しているんです。AXは、エージェントにとっての総合的な使いやすさやクリエイティビティを左右する鍵になるでしょう。」
— 対話より

4. AX実現のための具体的アプローチ

4-1. デプロイと認証フローの再定義

これまでのDXが人間開発者向けのUIやCLI、APIを充実させてきたように、AXではAIエージェントが実行しやすいインターフェースの整備が求められます。例として、以下のようなアイデアが挙げられます。

  • アクセストークンや認証の自動取得: AIエージェント自身が権限を確認し、ユーザーの代理として安全に操作できる仕組み

  • デプロイAPIの簡素化と可視化: エージェントがコードをプッシュするとすぐにステージングや本番環境が更新される。

  • 状態管理の標準化: 現状はスクリーンショットやDOMの解析に頼りがちだが、より直接的に要素やデータを取得・操作できるAPIの標準化が望まれる。

4-2. AIに優しいフレームワーク設計

AIエージェントがコードを理解・生成しやすくするために、フレームワークやライブラリの設計思想を見直す動きも出てきています。たとえばReactのフックよりも、より構造が明確な書き方にする、GraphQLクライアントではRelayのようにコンポーネントとクエリを単一ファイルで明示的に関連付ける――といった試みです。

事例：
「Bricksの開発チームでは、LLMと相性が良いようにReactの構成を見直し、あえてHooksを避けるケースが出てきたそうです。AIがコード全体を参照しやすいようにする工夫ですね。」

4-3. サーバーレスDBとスケールゼロ

AIによって数多くの小規模アプリケーションが大量生産される時代になると、従来の巨大なDBを常時稼働させる方式は非効率です。必要なときだけ起動できるサーバーレス型DBが今後ますます注目されるでしょう。
これはモバイルアプリやIoTでも求められていた概念ですが、AXの世界ではさらに必須になりそうです。AIエージェントが一時的に生成したアプリケーションやAPIも、要件を満たし終えたらスケールダウンし、極力リソース消費を抑える設計が重視されます。

5. これからのWeb：AXによる創造性とオープン性の融合

5-1. 爆発的な創造性の解放

AXによって大幅に開発速度・表現力が高まることで、Webにはこれまで考えられなかったほど多様なサイトやアプリが登場すると期待されています。
たとえば、わずか数行のプロンプトで3Dゲームエディタや映像制作ツールの原型が生成されるケースが既に報告されています。もちろん実用化には細かな調整や補完が必要ですが、個人が数人月・数十人月規模のプロジェクトを実行できるようになるインパクトは計り知れません。

引用：

「3Dオブジェクト編集ツールを単なるプロンプト入力だけで生成し、Bolt経由でNetlifyにデプロイしているという事例が話題です。AIが作り出す土台をベースに、人間が最終調整を行う形で、従来なら想像もできないスピードでアプリが生まれています。」
— 対話より

5-2. オープンなWebプラットフォームの維持

一方で、巨大プラットフォームが自社内でAIを完結させ、ユーザーが外部サービスに出る必要がなくなる「ウォールドガーデン化」の懸念も指摘されています。
しかし、Webが持つオープン性こそが、イノベーションの母体であることは歴史が示しているといえるでしょう。AXを念頭に置き、エージェントに親和性のあるAPIや標準仕様を整えていくことで、人類の「創造的な場」としてのWebを持続させることが大切です。

AI時代において、Webは再び大きな進化を迎えつつあります。JamstackやNetlifyが主導してきた「DX重視のモダンWeb開発」は、今度はAX（Agent Experience）へと拡張され、以下のような世界を目指すことになるでしょう。

  1. 100万人規模の新たな開発者層誕生
    コードを書く作業の多くをAIが肩代わりし、開発に必要な学習コストが激減。さらに創造的な実装へ注力できる環境が広がる。

  2. 新たなUI/UXの可能性
    3D、音声、動画、インタラクションを含む多層的な表現がローコストで導入され、リッチかつ個性溢れるWeb体験が増加。

  3. オープンWebとウォールドガーデンのせめぎ合い
    大手プラットフォームによる囲い込みではなく、オープンなWeb標準やツールが整備されることで、イノベーションの分散と多様性が保たれる。

AXは単なるバズワードではなく、今後数年のWebを左右する大きな概念です。AIエージェントがユーザーや開発者を支え、あるいは共同創造者として参画する未来は、決して遠くありません。開発者であれビジネスパーソンであれ、この波を捉え、自らの創造性を最大限に活かすための行動を早めに始めることが、これからのWeb社会で大きなアドバンテージとなるでしょう。

関連記事


いいなと思ったら応援しよう！