CodeiumがWindsurf Wave 4を公開：プレビューのエラー取得やTabでのインポート補完に対応

AI にコードを書かせる vibe-coding が話題ですが、実際に作ってみると最初の一歩よりも画面の手直しやエラー修正に一番手間がかかります。

Web 画面のどのパーツがおかしいのかをチャットで説明し、ブラウザの開発者ツールを開いてエラーログをコピーして貼り付ける作業は、誰にとっても面倒な摩擦です。

Codeium が提供する AI ネイティブエディタ Windsurf は、メジャーアップデートとなる Wave 4 を公開しました。開発元は今回のリリースを、競合を追いかける立場から業界をリードする立場へ転換する節目だと位置づけています。

プレビュー画面からクリックで修正、ログも自動連携

Wave 4 の最大の目玉は Previews 機能です。

ローカルでアプリを実行している際、修正したいコンポーネントを画面上で直接ポイント＆クリックするだけで、その要素のコンテキストが対話エージェント Cascade に送信されます。

ブラウザのコンソールに実行時エラーが出た場合も、ボタン操作ひとつでログを Cascade に自動で取り込めます。手作業でのコピー＆ペーストはもう必要ありません。

このプレビュー機能は React を含む一般的な Web プロジェクトに対応しており、Chromium 系ブラウザや IDE 内蔵プレビューに最適化されています。Safari や Firefox にも対応しますが、WebGL や Canvas を多用する非 HTML サイトは現時点では対象外です。

さらに、エディタのタブやファイルツリーのファイルを Cascade のチャット欄に直接ドラッグ＆ドロップできる機能も追加されました。

Tab キーで依存関係を取り込み、リント修正は無料枠で対応

テキスト編集画面では Tab キーの進化が続いています。2022 年のカーソル補完から、2024 年 9 月の広範囲修正 Supercomplete、Wave 3 のカーソル移動に続き、今回は Tab-to-import が加わりました。新しいライブラリをコード内で使うと、Tab キーを押すだけでファイルの先頭に必要な import 文が自動挿入されます。

また、ユーザーからの要望が多かった Linter との連携も実現しました。Cascade が生成したコードが静的解析を通らなかった場合、モデルがリントエラーをシグナルとして検知し、自律的にコードを修正します。

嬉しい点として、AI 自身の生成コードに起因するリントエラーの修正ステップでは、可能な限りクレジットを消費しない仕様になっています。

このほか、製品内での MCP サーバー探索機能の追加、企業向けのモデル利用制限管理、Cascade による次のアクションの自動提案、そして Claude 3.7 Sonnet のツール呼び出し頻度の最適化などが盛り込まれました。

なぜ重要か

Web フロントエンドやフルスタック開発を行うプログラマーにとって、Wave 4 は日常の画面切り替えと入力の手間を大幅に削ってくれる実用的なアップデートです。クリック操作による要素指定とエラーの自動収集だけでも、今すぐ試す価値があります。

業界全体で見れば、AI コーディングツールの競争が単なる基盤モデルの性能勝負から、IDE と実行環境をいかに深く結合させるかという UX の統合競争に移ったことを明確に示しています。

特に賢いと評価できるのは、AI 自身によるリント修正でクレジットを消費しない方針を打ち出した点です。自らが犯した構文エラーの修正に課金されるというユーザーの不満を巧みに解消しています。

一方で、この強力なプレビュー体験は一般的な Web 技術に依存しており、WebGL や複雑な非ブラウザ環境では機能しません。どこまで対応領域を広げられるかが今後の課題になりそうです。