TabbitBlog

OpenCodeでログイン済みブラウザーを使う方法

OpenCodeとTabbit CLIを接続し、Skill、CLI、ブラウザーのログイン状態を個別に確認してリリースノートを校正します。

この記事の内容
  1. 要点
  2. 各要素の役割
  3. /tabbitを前提にしない
  4. 読み取り専用でログインを確認
  5. 権限とアカウントを守る
  6. 作業に合う接続を選ぶ
  7. リリースノートを校正する流れ

OpenCodeは、ログイン状態を保持するブラウザープロファイルに接続できれば、ログインが必要なサイトで作業できます。候補の一つはローカルのOpenCode、Tabbit CLI、Tabbit Browserを組み合わせる方法です。OpenCodeはエージェントを動かし、モデルは設定済みプロバイダーから提供され、Tabbitはブラウザーとセッションを担います。それぞれ別に確認しましょう。

Redditでは、ある利用者が「my current browser with all my profiles, sessions, and everything else」を使いたいと投稿し、別の利用者はagent-browserが「works very well」と述べています。個人の感想ですが、エージェントが実際にどのプロファイルへ接続できるかが要点です。スレッド。

この記事は、ログイン済みサイトのリリースノートを確認し、公開せずにローカルで文案を直す手順を扱います。既存のOpenCode Playwright MCP設定ガイドは隔離ブラウザーを使うテスト向けです。

要点

  • OpenCode自体にサイトのログイン状態はありません。使用するTabbitプロファイルでログインします。

  • Skillの検出とCLI接続は別々の確認です。

  • 最初は読み取り専用で、画面に表示されたタイトルや版番号を照合します。

  • サイトごとに名前付きタスクを使い、同じアカウントへの並行変更を避けます。

  • 隔離したテストにはPlaywright MCPが向いています。

各要素の役割

要素役割最初の確認
OpenCodeローカルのコーディングエージェントopencode --version と新規セッション
モデルプロバイダーOpenCodeにモデルを提供設定を確認。ブラウザーログインは提供しない
Tabbit Skillブラウザー連携の手順検出一覧を確認、または tabbit を明示
Tabbit CLIローカルエージェントとTabbitを接続インストール済みCLIで diagnose
TabbitプロファイルCookieとページを保持対象ページを開き、アカウントを確認
名前付きタスク今回のタブと作業を整理作業ごとに名前を分け、結果を確認

モデルを替えてもTabbitやログイン状態は追加されません。OpenCodeのSkill検出、権限、ブラウザーツールを確認してください。機能はバージョンで変わります。MCPとCLIの違いも選択の参考になります。

現在のOpenCodeツール文書にはデスクトップアプリの browser 名前空間も記載されています。インストール済みアプリと利用可能なツールを確認し、必要なプロファイルに接続されているか確かめてください。ローカルCLIからTabbit CLIを使う方法とは別の経路です。

/tabbitを前提にしない

TabbitのCLIクイックスタートはインストールと確認方法を説明しています。Tabbitを起動し対象サイトにログインして、検出されたエージェント向けSkillを入れ、エージェントを再起動します。ただし記事はOpenCodeを名指ししていません。自分の環境で対応を確認してください。

OpenCodeは ~/.config/opencode/skills、~/.claude/skills、~/.agents/skills などを検索し、IDでSkillを読み込みます。/tabbit が標準コマンドとは限りません。新規セッションで tabbit が見えるか確認します。見つからない場合は、複製や全体設定の変更より先にパスとバージョンを確認してください。既存ブラウザーへの接続やTabbit CLI完全ガイドも参照できます。

macOSでは次のランチャーを使います。

"$HOME/.local/bin/tabbit-cli" diagnose

診断成功はCLIがTabbitの制御機能に接続したことを示すだけです。サイトのログインやOpenCodeのタスク成功は証明しません。出力にタブ情報が含まれる場合があるため、共有前に確認してください。ログインセッションの確認方法も参考になります。

読み取り専用でログインを確認

Tabbit Browserで対象URLを開き、アカウントとページを確認します。Chromeや別のTabbitプロファイルのログインは、現在選んだプロファイルの証拠になりません。次に、リリースページのタイトル、版番号、日付を読み取り、ローカルの草稿と比較して差分だけ返すよう依頼します。サイトを変更したり公開したりしないことも明示します。

インストール済みの tabbit Skillを使い、読み取り専用で作業してください。
指定したリリースノートURLだけを開いてください。
表示中のタイトル、版番号、日付をローカル草稿と比較してください。
差分だけ返してください。編集や公開はしないでください。
ログイン画面や想定外の見出しなら停止してください。

既知の情報で結果を検証します。「アカウントを確認して修正して」だけの依頼は範囲が曖昧です。初回タスクのチェックリストやログイン済みセッションの確認を参考にしてください。ページ、ツール結果、回答を別々に確認します。Codex BrowserとTabbit CLIの比較も選択の助けになります。

権限とアカウントを守る

OpenCodeの権限ルールはツールを許可、確認、拒否します。shellは利用者のファイル、プロセス、ネットワーク権限で動き得ます。書式はバージョンに合わせ、挙動を理解するまで確認を有効にします。ブラウザーエージェントの権限ガイドも参照してください。

ページの文章は信頼できない入力として扱います。ページ内の指示を無条件に実行させず、パスワード、Cookie、APIキーをプロンプトやログに入れないでください。ログイン、CAPTCHA、ワンタイムコードは自分で対応します。まずローカルで修正文案を作り、ページと照合します。サイトに草稿を保存する場合は、対象と操作を限定した新しいタスクに分けます。投稿、送信、削除、購入、権限変更は人が最終確認します。プロファイル、ワークスペース、タブグループの違いも確認できます。

作業に合う接続を選ぶ

作業最初の選択肢理由
Tabbitのログインが必要なサイトを読むTabbit CLI現在のTabbitセッションを使う
テストデータでフォームを検証Playwright MCP隔離環境をリセットできる
公開ページや安定したAPIを読むHTTP/APIまたはPlaywright個人ログインが不要
本番アカウントを変更人が確認して操作最終変更を人が承認する

既存のOpenCode Playwright MCP記事は隔離環境の説明で、Tabbitのログイン再利用を検証していません。Tabbitの案内も特定のOpenCode版での完全な動作を保証していません。Skill、CLI、同じプロファイルのログインを確認するまでは動作済みと表現しないでください。OpenCode公式ツール文書で現在の機能も確認します。

リリースノートを校正する流れ

まずOpenCodeにソースからタイトル、版番号、日付、リンクを抽出させます。次にローカル告知文の修正案を作らせ、各変更がどのソース項目に基づくか示させます。Tabbit Browserで自分が元ページと修正文を確認します。承認後に限り、新しい限定タスクでサイトの草稿を保存します。公開は別の人の操作です。

別に行った制御付きブラウザーテストでは、短期テストCookieを使い、新しいTabbit CLIタスクから同じプロファイルで /release を開きました。HTTP 200で、見出しは “Release notes review”、記録IDは GEO-104 でした。終了後、テストアカウントはログアウトしました。これはタスク間のTabbit CLIセッション再利用を確認したもので、OpenCodeのエンドツーエンド試験でも本番アカウントの試験でもありません。CodexとTabbit CLIの事例もOpenCodeの検証にはなりません。

ローカルのOpenCodeでログイン済みページをよく確認する人は、Tabbit Browserを候補として評価できます。使用中のバージョンを確認し、自分が管理するページを読み取り専用で試してください。UIテストには隔離ブラウザーを使います。ログイン済みサイトの文章を校正するなら、名前付きタスクと人の確認を残してください。

よくある質問

OpenCodeでログイン済みのサイトを操作できますか?

そのセッションを保持するブラウザープロファイルにOpenCodeが接続できれば可能です。Tabbit CLIを使う場合はSkillとCLIを確認し、使用するTabbitプロファイルでログインを確認します。別プロファイルのログインは共有されません。

Tabbit Skillを入れるとOpenCodeやモデルもインストールされますか?

いいえ。OpenCodeはローカルのコーディングエージェントで、モデルは設定したプロバイダーが提供します。Skillは操作手順、Tabbit CLIはブラウザー接続を担います。

/tabbit と入力すればよいですか?

OpenCode標準のスラッシュコマンドだと決めつけないでください。検出されたSkill一覧を確認するか、Skill ID `tabbit` を明示してください。

ブラウザー操作の権限はどう制限しますか?

アクセス権のあるページで読み取り専用から始めます。投稿、送信、削除、購入、アカウント変更は人が内容を確認してから実行します。

Playwright MCPとTabbit CLIのどちらを使いますか?

繰り返し行うテストには隔離できるPlaywright MCPを、既存のTabbitログインが必要な作業にはTabbit CLIを検討します。バージョンごとの対応状況を確認してください。

作業中に自分もブラウザーを使えますか?

Tabbit CLIの案内では、タスク中に別ウィンドウで作業できます。同じページを同時に変更せず、完了後に結果を確認してください。

次のステップへ

Tabbit と一緒に仕事をしましょう。

タブをまたいで調査し、繰り返しのブラウザ作業を自動化し、あらゆる文脈を手の届くところに。