ASADASHI
バイブコーディング
バイブコーディング2026.07.24·読了 2·難易度: ふつう

AIと人間が同時に動けるブラウザが登場

朝の出汁版(通勤2分)

  • ポイント1: 「ego-lite」は、AIエージェントと人間が同じブラウザ上で並行して作業できる設計を採用しており、AIに操作を任せながら別タブで自分の作業を続けられる。
  • ポイント2: 従来のAIエージェントはブラウザを「乗っ取る」形で動くため人間の作業が止まる問題があったが、このブラウザはその制約を構造から解消している点が注目される。
  • ポイント3: GitHubのリポジトリ(citrolabs/ego-lite)からソースを確認でき、バイブコーディングでエージェント自動化を試したい人はまずドキュメントから動作の仕組みを把握するのがおすすめ。

出汁の素(深読みモード)

AIがブラウザを「乗っ取る」問題、そもそもなぜ起きるのか

Claudeや各種AIエージェントにブラウザ操作を任せたことがある人なら、あの感覚は覚えているはずだ。AIが動いている間、自分のマウスもキーボードも使えない。エージェントがフォームを埋め、ページを遷移し、スクロールする様子を横で眺めるしかない——「自動化」のはずが、自分が止まる。

構造的な理由がある。既存のAIエージェント(BrowserUseやPlaywrightベースのものなど)は、OS側のブラウザプロセスを直接制御する仕組みをとっている。ブラウザは基本的に「1人のユーザー」を想定した設計のため、AIが操作を握ると人間は締め出される。複数タブがあっても、入力フォーカスやクリックイベントは同じプロセス内で競合する。つまり「AIが操作中は人間も止まる」は設計上の必然だった。

ego-liteが解いた問題:人間とAIを「別レーン」に分ける

GitHubで公開された「ego-lite」(citrolabs/ego-lite)は、この構造問題をブラウザ自体の設計から解消しようとしているプロジェクトだ。スター数は執筆時点で1,500超。

リポジトリのドキュメントによると、ego-liteはAIエージェントと人間のユーザーが同じブラウザ上で「並列」に動けるよう設計されている。具体的には、AIエージェントの操作セッションと人間のブラウジングセッションを分離する構造を採用しており、AIが別タブでフォームを埋めたりスクレイピングを実行したりしている間も、人間は別のタブで通常の作業を続けられる。

注目したいのは、これが「ツールの使い方を工夫する」ではなく「ブラウザ自体を再設計する」アプローチである点だ。従来のワークアラウンド——たとえばVMを立てる、別マシンにエージェントを逃がす——は現実的な手間がかかる。ego-liteはその手間をブラウザレベルで吸収しようとしている。

以前紹介したAIコーディング中にWeb検索をローカルで完結させるのように、「AIが作業する環境と自分の環境を分ける」という流れは複数のプロジェクトで同時に起きており、ego-liteはそのブラウザ版と位置付けられる。

コードなしでできること、コードが書けると有利なこと

ego-liteはオープンソースプロジェクトのため、現時点では「インストールして即使える完成品アプリ」というよりも、自分でビルドして試す段階にある。この点は正直に把握しておきたい。

コードなしでできること(まず把握できること) GitHubのREADMEとドキュメントを読むだけで、設計思想と動作の仕組みは理解できる。「なぜ既存のエージェントは自分の作業を止めるのか」「ego-liteはどこを変えているのか」を言語化できるようになるだけでも、今後のツール選定に活きる。

JavaScriptが書けると有利なこと リポジトリはJavaScript製。ソースを読んで、自分が使っているAIエージェント(n8n、Dify、各種Claude連携フローなど)と組み合わせる実験ができる。エージェントの操作セッションをego-liteのAPIに向けるような改造の余地がある。

自動化フローを組んでいる人にとっては、「エージェントが動いている間も自分で確認・修正できる」という体験は大きな違いになる可能性がある。エージェントに全部任せて放置するのではなく、並走しながら監視・介入するスタイルが現実的になる。

まず触るなら:リポジトリの読み方と最初の確認ポイント

ego-liteを試したい人向けに、最初の動きを整理する。

ステップ1:リポジトリを確認する https://github.com/citrolabs/ego-lite にアクセスし、READMEとdocs/以下のドキュメントを読む。まず「どのようにセッションを分離しているか」の設計メモを確認するのがおすすめ。

ステップ2:issueとdiscussionを見る 実際に動かした人のフィードバックがissueに集まっている。「どの環境で動いたか」「何が動かなかったか」はソースより先に把握しておくと無駄な時間を省ける。

ステップ3:ローカルビルドを試みる Node.js環境があればドキュメントの手順でビルドできる。最初の動作確認として、AIエージェントのデモセッションと自分の通常タブを並走させるところから試すとわかりやすい。

現時点では「実務投入できる完成度か」より「設計として正しいアプローチか」を評価しながら触るのが適切なフェーズ。先日の268社のAIを1本のURLで使い回す無料ゲートウェイのように、GitHubで公開されたばかりのツールはスター数の伸びと並行してコミュニティのフィードバックが蓄積されていく。週1回くらいの頻度でウォッチしておくと、使い時の見極めがしやすい。

エージェント自動化を本格的に組むなら押さえたい接続パターン

ego-liteの設計をより深く活用したい人向けの視点として、「エージェントをどこから操作するか」という接続パターンが重要になる。

リポジトリのコードを読むと、ego-liteはエージェント側から操作命令を受け取るためのインターフェースを持っている。これはつまり、n8nやDifyで組んだフロー、あるいはClaude APIを使ったスクリプトからego-liteのブラウザセッションをリモート操作できる可能性がある。

実現すると何が変わるか。「フローが動いている間、自分はego-liteのUIで別タブを開きながら進捗を確認・修正できる」という環境が整う。エージェントが途中でハマったとき、人間が即座に介入して手動修正し、そのまま続きをエージェントに返す、というループが組めるようになる。完全自動化ではなく「半自動+人間の判断」を前提とした設計が、現実的な自動化フローの主流になりつつある中で、このブラウザはその考え方に正直に設計されている点で注目に値する。

参照ソース