stagewise
stagewise GmbH · コーディング
stagewiseは開発者向けのオープンソースのエージェント型IDEで、ブラウザとローカルのコードベースの中に住むコーディングエージェントを中心に作られている。エージェントはアプリのコンソールとデバッガーに完全にアクセスできる。UI要素を指して、どこがおかしいかを説明すれば、変更がエディタに反映されるのを眺められる。フロンティアモデルもオープンウェイトモデルも、自分のAPIキー、コーディングのサブスクリプション、stagewiseアカウントを通じて使える。ベンダーロックインはここにはない。一切ない。
stagewise について
stagewiseとは何か
stagewiseは、自分が作業しているアプリを本当に見通せるAIコーディングエージェントを求める開発者向けに作られた、専用のIDE兼ブラウザだ。エラーログをチャット欄にコピーする代わりに、動いているアプリの隣でエージェントを走らせる。そこでエージェントはコンソール出力を読み、デバッガーを調べ、実際のソースファイルに触れる。売り文句はこれで全部だ。
プロジェクトはGitHubのstagewise-ioという組織の下でオープンソースとして公開されており、その背後にある企業stagewise GmbHはY Combinatorの支援を受けている。ロックインが気になるなら、これは重要な点だ。コードは検査でき、単一ベンダーのモデルではなく自分のモデルにエージェントを向けられる。
最大の制約は対象読者にある。ターミナルを一度も開いたことがない人向けのツールではない。ローカルのプロジェクト、すでに気に入っているコードエディタ、そしてエージェントが変えたものを確認できるだけの前提知識があることを想定している。コード片を書いてくれるチャットボットが欲しいだけなら、使わない機械にお金を払うことになる。それだけのことだ。
はじめかた
- stagewise.ioからstagewiseアプリをダウンロードし、短いオンボーディングを終えてアカウントを作成する。
- モデルプロバイダーを接続する。自分のAPIキーを追加するか、KimiやQwen Coding Planのようなコーディングのサブスクリプションを連携するか、stagewiseのプランに含まれるモデルを使う。
- プロジェクトを開いてエージェントにコードベースを見せる。あるいは一時モードで始めて、ファイルを恒久的に編集せずに変更を試す。
- アプリを起動し、UI要素を選ぶかバグを再現させ、望む変更を普通の言葉で説明する。
- 内蔵エディタビューで差分を確認して適用する。あるいは普段使っているIDEに送って作業を終える。
AIツール情報
stagewiseの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- React、Vue、Next.js、Nuxtで作業するフロントエンド開発者で、ファイルを探し回る代わりに、動いているUI要素を指して修正内容を説明したい人。
- すでにモデルのサブスクリプションを払っており、別のプランを買わずに同じキーをコーディングエージェント内で使い回したい開発者。
- コードをローカルマシンやプライベートなインフラに置く必要があるチーム。エージェントは自分のコードベースとモデルに対して動く。
タスク
- 見た目のバグを直す。動いているアプリで壊れた要素を選び、期待した状態を説明すれば、エージェントがそのコンポーネントまで遡ってくれる。
- サイトのレイアウトを分解する。別のサイトのコンポーネント、スタイルシステム、配色をばらして、どう作られたのかを学ぶ。
- 複数のエージェントを同時に動かす。機能の作業やバグ修正を、一つずつ順番に並べるのではなく、並行するエージェントに振り分ける。
- 長いリファクタリング。エージェントが自分のコンテキストウィンドウを管理するため、トークン課金のモデルでも多段階の作業を手頃に保てる。
シーン
- プロジェクト終盤に来たデザインの微調整。3つのコンポーネントにまたがる余白を直したいが、スタイル規則を検索して回りたくはないとき。
- 慣れないコードベースへの参入。エージェントにコンソールとデバッガーを読ませることで、アプリを理解するまでの時間が縮まる。
- 使い捨ての編集でアイデアを試作し、その後で本当のコードベースに変更をコミットするか判断する。
主な機能
コンソールとデバッガーにアクセスできるエージェント
ほとんどのコーディングエージェントはファイルしか見えず、それ以外は何も見えない。stagewiseのエージェントは、動いているアプリがコンソールに出力する内容と、デバッガーが報告する内容を読める。手作業で集めるのと同じ証拠から動く。これにより、スタックトレースをチャットに貼り付けて、エージェントが正しいファイルを当てることを願うだけのコピー&ペーストのループがなくなる。
ブラウザベースのビジュアル編集
ユーザーと同じようにアプリを操作し、変更したい要素を選ぶ。エージェントはその要素を、それを描画するコードに対応づける。ボタンの位置を言葉で説明するより短い道のりで、見ないと説明しにくい余白、文言、状態のバグに効く。一度試す価値はある。
自分のモデルを持ち込める
stagewiseは単一のプロバイダーに縛りつけない。主要なプロバイダーのAPIキーを自分で差し込めるし、ローカル推論を含む完全なカスタムプロバイダーを登録し、カスタムモデルを定義できる。なぜ重要か。既存の環境がそのまま動くからだ。プライバシーやコストの理由でモデルをすでにローカルで動かしているなら、そのまま収まる。
コーディングサブスクリプションの対応
Kimi、Qwen Coding Plan、MiniMax、Xiaomi MiMoといったプランを払っているなら、そのサブスクリプションを1つのAPIキーで接続し、対象となるすべてのモデルに届く。ここが実際に費用を抑えられる部分だ。すでに払っている容量を使い回せる。2つ目のサブスクリプションを上に重ねる必要はない。
並行エージェントの編成
stagewiseは単一のチャットペインではなく、指令センターとして働く。複数のエージェントを同時に走らせ、それぞれが1つの機能まるごと、あるいは別々のバグを担当し、終わったものから結果を確認できる。大きな変化だ。一度に1つのエージェントに慣れた開発者にとって、1回のセッションでこなせる作業量が変わる。
キャッシュを意識したコンテキスト制御の実行
エージェントはキャッシュヒット率を最大化し、自分のコンテキストを動的に制御するように作られている。stagewiseによれば、平均87.6%のキャッシュヒット率を維持しており、長時間のタスクがそうでない場合より安く済む。長い作業で無駄になるトークンが減れば、付きっきりで見守るのではなく、エージェントを走らせておける。
IDEとの統合
stagewiseはエディタを置き換えようとはしない。エージェントが変更を生み出したら、好みのIDEで確認して適用できる。既存のショートカット、拡張機能、Gitの流れはそのまま残る。エディタは手元に置いておけばいい。ブラウザが発見と説明を担い、エディタがコミットを担う。
オープンソースと企業向け導入
IDEはオープンソースなので、仕組みを読み、必要な場所で動かせる。stagewiseは、自社のインフラで、自社のモデルを使い、自社の管理の下で動かしたいチーム向けに、企業向けの道も用意している。
メリットとデメリット
メリット
- コンソールとデバッガーへのアクセスにより、エージェントはファイルの中身だけでなく本物の証拠を得る。実行時のバグでの的外れな推測が減る。
- モデルに依存しない設計と自分のキーを持ち込める仕組みにより、ロックインもプロバイダーの強制移行もない。
- 既存のコーディングサブスクリプションを使い回せば、独自の課金を持つ別のエージェントツールより安く済むことがある。
- オープンソースなのでコードを検査でき、セルフホストも選択肢に入る。
- 並行エージェントにより、1つを待つのではなく複数のタスクを同時に走らせられる。
デメリット
- すでにコードを書く人向けに作られている。生成されたコード片を求める非技術者向けのものは、ここにはほとんどない。
- 自分のAPIキーやサブスクリプションを管理するなら、利用量を自分で見張ることになる。その道を選ぶと単一の定額請求にはならない。
- 並行エージェントの流れは使いこなすのに多少の設定が要り、多くのエージェントを同時に走らせるとすぐ高くつくことがある。
- ドキュメントやコミュニティの議論は、より古く大きなコーディングツールよりも薄い。試行錯誤は多少覚悟したほうがいい。
よくある質問
stagewiseは、専用のブラウザとIDEにまとめられたAIコーディングエージェントだ。ローカルのコードベースで動き、アプリのコンソールとデバッガーを読み、動いているアプリで作業している間に、普通の言葉で説明した変更を適用する。
関連コンテンツ
stagewiseに関連するツール、スキル、記事を探す。
stagewiseの代替ツール
Forefront
Forefront · コーディングForefrontはオープンソースAIで構築するためのウェブプラットフォームだ。主要なオープンソース言語モデルを自分のデータで微調整し、性能を評価し、API経由で実行したり、エクスポートして自分でホストしたりできる。クローズドなプラットフォームの手軽さを求めつつ、モデルとデータの所有権にはこだわる開発者が対象だ。
Startkit
StartKit.AI · コーディングStartkitは、AI SaaSとAIラッパー製品を作るためのボイラープレートだ。面倒な部分をあらかじめ配線済みにしたAIスタートアップボイラープレートと考えればいい。認証、StripeとLemon Squeezyの決済、利用制限、トランザクションメール、そしてOpenAI、Anthropic、Groq、Llamaと通信するAI APIスターターキットが含まれる。リポジトリをクローンして価格を設定し、ユーザーが実際にお金を払う部分に取りかかれる。ReactとTailwind上のNext.jsで作られているため、ボイラープレートコードの多くはすでに見慣れたものだ。
Testim
Tricentis · コーディングTestimは、Web・モバイル・Salesforceアプリ向けにエンドツーエンドテストを構築して実行するAIテスト自動化プラットフォームだ。機械学習を頼りに、インターフェースが変わってもテストを安定させ、チームが壊れたセレクターの修正に費やす時間を減らす。今日から使い始められる自動テストツールとしては悪くない。ブラウザで操作を録画してテストを作り、より細かい制御が必要なときはJavaScriptを足す。忙しいQAチームにとって堅実な選択肢である。