今はまさにAI戦国時代。あらゆるAIが非常に速い間隔で誕生しては性能を競い、多種多様なAIが次々とリリースしています。
しかし、どのAIをどのシーンでどのように利用すべきか、開発の現場もまさに混乱している状態だと思います。
ここで現在までにリリースされているAIとその特徴と、現在のトレンドを押さえたWeb開発に向いている環境とはどのような環境なのかを一旦整理したいと思います。
広がるAIの選択肢
2025年現在、Web開発向けのAIツールは「単なるコード補完」から「自律的なエージェント（Agentic Workflow）」へと急速に進化。
開発プロセス（コーディング、UI生成、フルスタック構築、テスト）ごとに分類し、主要なツールとその特徴をリスト形式で整理してみると…。
※下記以外にも恐らく知らないAIもたくさんあると思います。
１．AI搭載エディタ / IDE (Coding Agents)
既存のエディタの拡張ではなく、AIネイティブに設計された、あるいは深く統合された開発環境です。
Cursor (カーソル)
- 特徴：VS Codeをフォークして作られた現在最も人気のあるAIエディタ。
- 強み： プロジェクト全体のコンテキスト（全ファイル）を理解する能力が非常に高い。「Composer」機能により、複数ファイルにまたがる修正や機能追加を一度の指示で実行可能。
Windsurf (ウィンドサーフ)
- 特徴：Codeium社が提供する「Agent IDE」。Cursorの強力な競合。
- 強み：「Flows」と呼ばれる機能により、AIがコードの理解・編集・ターミナル操作を自律的に行き来し、より深いタスク実行が可能。
GitHub Copilot
- 特徴：業界のスタンダード。エディタ拡張として動作。
- 強み：「Copilot Workspace」により、IssueからPull Requestまでのワークフロー全体を支援。エンタープライズでの導入実績が多く、セキュリティ機能が充実。
Supermaven (スーパーメイヴン)
- 特徴：圧倒的なコンテキストウィンドウ（100万トークン以上）を持つエディタ/拡張機能。
- 強み：非常に高速で、過去のコードベース全体を記憶しているかのような補完精度を誇る。
２． 生成UI / プロトタイピング (Text-to-UI)
テキストプロンプトから、即座に実用的なフロントエンドコードを生成するツール群です。
V０ (ブイゼロ by Vercel)
- 特徴：React, Tailwind CSS, shadcn/ui をベースにしたUI生成ツール。
- 強み： 生成されたコードをそのままコピー＆ペーストでNext.jsプロジェクトに利用できるため、開発速度が劇的に向上する。
Lovable (ラバブル)
- 特徴：「GPT-4o for UI」とも呼ばれる、Webアプリ生成ツール。
- 強み： デザインの忠実度が高く、Supabaseなどのバックエンド連携も対話形式で設定可能。Figma要らずでモックアップを作成できる。
Galileo AI (ガリレオ)
- 特徴：テキストからFigmaのデザインデータを生成。
- 強み：デザイナーとの協業向け。コードではなくデザインカンプを高速に作成したい場合に最適。
３．フルスタック生成 / ブラウザ完結型 (Text-to-App)
環境構築不要で、ブラウザ上で要件を伝えるとアプリ全体を構築・デプロイまで行うツールです。
Bolt.new (ボルト・ドット・ニュー by StackBlitz)
- 特徴：ブラウザ上で動作するフルスタックWeb開発エージェント。
- 強み：フロントエンドだけでなくバックエンドのロジックも含めて生成・実行・デバッグが可能。完成したアプリを即座にデプロイできる。
Replit Agent (レプリット・エージェント)
- 特徴： 初心者からプロまで使えるオンラインIDE上の自律エージェント。
- 強み：自然言語で「こんなアプリを作って」と頼むだけで、計画立案からコーディング、デプロイまでを自動で行う。
４．テスト・レビュー・ターミナル
開発の品質担保や周辺操作を支援するツールです。
CodiumAI (コーディアム)
- 特徴：コードのロジックを解析し、意味のあるテストケースを自動生成。
- 強み： エッジケース（境界値）の検出に優れ、バグの未然防止に役立つ。「PR-Agent」を使えばプルリクエストの自動レビューも可能。
Warp (ワープ)
- 特徴： AIを内蔵した次世代ターミナル。
- 強み：自然言語でコマンドを検索・実行できるため、複雑なシェルコマンドやGitコマンドを暗記する必要がなくなる。
正直、聞いたこともないようなツールが多々ありますが、現在のトレンドは、単なる「コード補完（Copilot的なもの）」から、「Cursor」や「Windsurf」のようなAIネイティブエディタへの移行が多いようです。
また、「V０」や「Bolt.new」を使って土台を数分で作成し、それを「Cursor」で詳細に作り込むというハイブリッドなワークフローが、現時点で最も生産性の高い開発スタイルとなっています。
※上記のスタイルは個人開発などで多いようですが、実際の会社などの開発現場ではプライバシーの問題やコードの秘匿の観点から、また別の選択肢が選ばれているようです。
現在の開発環境で何を利用してる？
こちらが現在利用している開発環境は、以下の通り。
- Cursor（2.1.50）/ WSL
- Gemini 3 pro / 分析・画像生成・情報収集
- Vercel（Database：NEON）
- Next.js / フレームワーク
- TypeScript
いわゆるモダン開発と言われる環境に移行しています。覚えることは多いですが、分からない点などはAIに補完してもらえば、ある程度スムーズに環境を整えられます。
問題は、投資の予算です。
すべて有料プランを選んでいると、月額料金がすごいことになるので、本当に必要なツールのみを選ぶことが重要です。
ちなみに私は現在、CursorとGemini 3 proのみ有料プランに加入しており、時期を見てVercelも有料プランに移行しようと考えています。
モダン開発とWordPressの今後
以前はWordPressやLocalを使用してローカル環境でテーマなどを開発していたが、今はどうなのだろうか…。WordPressはまだまだ人気だが、以前としてハッカーの標的になりやすく、常に最適な管理（WP本体やプラグインの更新など）をしていないと扱いが難しいCMSとも言えます。
ですが、WordPressは依然としてWebの43%以上を占める圧倒的なシェアを持っています。しかし、その「使われ方」は二極化が進んでいるようです。
両社の立ち位置
「開発者が作りたいもの」はモダンスタック、「クライアントが安価・短納期で管理したいもの」は依然としてWordPress。このギャップが現在の市場構造らしい。
| 比較軸 | モダン開発トレンド (Next.js / Vercelなど) | WordPress (従来型) |
|---|---|---|
| アーキテクチャ | コンポーネント指向 & エッジ ※再利用性が高く、グローバルに高速配信。 | モノリシック (一枚岩) ※サーバーサイド(PHP)で全て処理。重くなりやすい。 |
| 開発体験 (DX) | 【最高】 ※TypeScriptによる型安全性、AIエディタとの相性が抜群 | 【停滞気味】 ※PHPと独自フックの学習が必要。レガシーコードとの戦い。 |
| クライアント体験 | 要管理画面構築 ※CMS部分（入稿画面）を別途選定・実装する必要がある。 | 完成されている ※非エンジニアでも直感的に使える管理画面が最初からある |
| 適した用途 | Webアプリ、大規模メディア、高パフォーマンスが求められるサイト。 | コーポレートサイト、ブログ、中小規模のEC、スピード重視の案件。 |
みんなはどうする？
上記でAIとWordPressをある程度分析できましたが…、現時点で言えることは開発者にとってAIの登場はもはや後戻りすることができないツール（経験）となっています。
確かに、以前のように力技で一からコードを打っている人も世の中にはいると思いますが、AIによるバイブコーディングやスォームコーディングによって開発したり、網羅的にコードを分析し修正できることは今までの体験を大きく変える出来事になっています。
とはいえ、WordPressの需要はまだ当分の間続くと思われます。
要件定義や作りたいデザイン、クライアントの状況によって開発環境を変える必要がありますが、個人で開発している人にとっては、そこまで手を伸ばすことも難しいと思います。
モダン開発を進めるか、それともWordPressのテーマとプラグインで収益を考えるか、なかなか難しい選択になりそうです。