Published: May 30, 2025
4
85
1.0k
Cursor使うなら「Stagewise」オススメ。 UI上で直接要素選択して編集指示を出せるから、該当コードの探索時間が大幅に短縮される これ、もっと知られていいと思う。
■Stagewiseとは何か ・AIコードエディターに視覚能力を提供するツール ・ブラウザのツールバーとして機能し、フロントエンドのUIをコードエディター内のAIエージェントに接続している
■使用することで得られるメリット ・ブラウザ上のライブ要素に直接コメントを残すことが可能 ・フロントエンドのUIで要素を選択し、それに対するコンテキストをエージェントに送信できるため、効率的にUIを編集できる ・React, Next.js, Vue, Nuxt.js などの主要なフレームワークに対応している
■使用できるエディターやフレームワーク ・Cursor ・Windsurf ・React.js ・Next.js ・Nuxt.js ・Vue.js ・SvelteKit ※GitHub Copilotもサポート予定
stagewiseで拡張機能出てきます！ 導入手順はリポジトリに記載あり。
Cursor Statsも入れちゃいましょう
地方にこそAIを。 技術の最前線と地方のリアルをつなぐ発信を香川県からお届けしています。 @mugu_KagawaAI をフォローして、地方の未来を一緒にアップデートしましょう。