💼 新着アプリ紹介 「Browser Kitty | ブラウザで完結する無料Webツール」by ttomohisaさん Browser Kittyは、インストールせずにブラウザ上ですぐ使えるアプリをまとめたサイトです。 ・入力ファイルは可能な限りブラウザ内で処理する ・ツールは無料で使える ・ツール本体のソースコードをGitHubで公開する ・デスクトップとスマートフォンの両方で使いやすくする Tsukuttaで公開中です #Tsukutta#

APIのないサイトでも、エージェントが自分でブラウザを操作して仕事を終わらせる時代です。 タイトル: Browser Use in Managed Deep Agents URL: LangSmithが運用するリモートブラウザと、コンテキストを節約するブラウザツールがManaged Deep Agentsに加わりました。 注目ポイントは3つです。 🔐 パスワードをモデルに渡さないハンドオフ ログインページに当たると、エージェントがbrowser_handoffを呼びます。ユーザーはLangSmith Studioで同じブラウザにサインインしてHand backを押すだけ。パスワードはモデルにもトレースにも渡りません。scope="user"なら一度のログインが後のスレッドにも引き継がれます。 🧠 ページ全体を読み込まないツール設計 browser_snapshotがアクセシビリティツリーを読み、browser_runが多数の操作を1回の呼び出しにまとめて、必要な出力だけを返します。ページの大半をコンテキストに入れずに済み、速くなります。 🧪 localhostのアプリをそのままE2Eテスト ブラウザからのlocalhost:5173へのリクエストを、プライベートリンクでエージェントのサンドボックスに中継します。公開URLは不要で、通った手順はPlaywright風のテストとして保存できます。 WebVoyager 100タスクで合格率90%、総費用は$1.98でした。ただし1つのベンチマークの結果です。 #LangChain# #ブラウザエージェント#

# Cursorの機能と実践的な使い方 🌐 「画面を見ながら直してほしい」を、AIエージェントがそのまま実行できます。CursorのBrowserツールは、エージェントにブラウザの操作権を渡し、E2Eテストからデザイン→コードまでを一気通貫でこなします。 🏷️ タイトル: ブラウザ操作 🔗 URL: 📘 概要 Browserツールは、CursorのエージェントがIDE内のブラウザを直接操作できるようにする機能です。URLの移動、クリック、フォーム入力、スクリーンショット取得、コンソールログやネットワーク通信の確認までをエージェント自身が行えます。視覚的な確認とコード修正を同じループの中で回せるのが特徴です。 ⚙️ 機能の説明 ブラウザはMCPサーバー拡張で制御される安全なWebビューとして動作し、エージェントは次のような操作ができます。 ・ナビゲーション: URLへ移動、リンク追跡、履歴の前後移動、リロード ・操作: クリック、ダブルクリック、右クリック、ホバー、フォーム入力と送信 ・視覚確認: スクリーンショットを画像として取得し、レイアウトやUIを目で確認 ・デバッグ: JavaScriptコンソールのログ・エラー、ネットワーク通信を参照 ログはファイルに書き出され、エージェントは関連する行だけを選んで読むため、出力が膨大でも効率的に扱えます。また開発サーバーの自動検出により、サーバーの二重起動を防ぎます。認証Cookieやlocalstorage、sessionStorage、IndexedDBは同一ワークスペース内のセッションをまたいで保持されるため、ログイン状態を維持したまま検証を続けられます。 🛠️ 実践的な使い方 デザインサイドバーを使うと、デザインとコーディングを同時に進められます。要素の配置やflex方向、整列、グリッド、幅・高さ・padding・margin、色やグラデーション、影、不透明度、角丸などをスライダーで視覚的に調整できます。意図どおりの見た目になったら `Apply` を押すと、エージェントが視覚的な変更を適切なコード変更へ翻訳します。複数要素を選択してホットリロードでまとめて反映することも可能です。実行の安全性は承認モードで制御でき、`手動承認`（推奨）、`許可リスト方式`、`自動実行`から選べます。 💡 ユースケース ・E2Eテスト: テストデータでフォームを埋め、エラーメッセージを検証し、スクリーンショットを撮ってビジュアルリグレッションを確認 ・デザイン→コード: Figmaやモックを取り込み、ピクセル単位でHTML/CSSへ変換 ・アクセシビリティ監査: コントラスト比、セマンティックHTML、ARIAラベル、キーボード操作などWCAG観点でチェック ⚠️ 注意点 オリジン許可リストは「ベストエフォートの保護」に過ぎず、許可ドメインからのリンク遷移やクライアントサイドのリダイレクトで許可外オリジンに到達する場合があります。ユーザー自身の手動ナビゲーションは許可リストの制限を回避します。信頼できないコードに対して `自動実行` を使うのは避け、許可リスト設定は定期的に見直してください。 #Cursor# #AIコーディング#

検索のオートコンプリート設計、DB直接参照からどう改善する？ 高速化のポイントは3つ。 ・トライキャッシュ活用で爆速化 ・Browser Cache（max-age=3600）で不要な叩きを抑制 ・ログは全件録らずサンプリングで負荷軽減 フロントとバックエンド双方の工夫が重要

# Antigravityの機能と実践的な使い方 🚀 「動くと言うなら、見せて」。Antigravityのエージェントは自分でChromeを開き、画面を操作し、その様子を録画して証拠を残します。 📌 タイトルと機能のURL タイトル: Browser URL: 📝 概要 Browserは、Antigravityに統合されたChrome連携機能です。エージェントが実際にブラウザを開いてWebアプリを操作し、その操作を録画したArtifact（ブラウザ録画）を成果物として残します。実装が本当に動くことを、テキストの主張ではなく動画の証拠で示せるのが特徴です。 🔧 機能の説明 ・エージェントがChromeを開き、Webアプリ上のフローを自律的にクリックして回ります ・操作の様子はブラウザ録画として記録され、機能が動作することの動画証拠になります ・録画はAntigravityのArtifact（リッチなMarkdown、図、コード差分などと並ぶ成果物群）の一種として扱われます ・専用のBrowser Subagentがローカルのブラウザを操作し、localhost上のアプリの起動・クリック・フォーム入力・実ユーザー体験の検証を行います ・エラーに遭遇した場合はコンソールログを読み、原因をデバッグして再試行します（人の介入なしで完結） ・Web系のMCPサーバーと組み合わせることで、ブラウザを通じた自律的な調査やDevToolsレベルの検査も可能になります ・録画やスクリーンショットは会話やレビューにそのまま添えられるため、レビュー担当者は文章だけでなく実際の挙動を目で確認できます 🛠 実践的な使い方 ・E2Eテストをエージェントに任せ、ブラウザ録画Artifactを証跡として受け取ります ・実装後の動作確認を、スクリーンショットや録画付きで自動的にレビューに添えます ・Web MCPを導入し、外部ページを横断した自律的な情報収集を行わせます ・UIのフォーム送信や画面遷移など、人手だと退屈な手動チェックを丸ごと代行させます 🎯 ユースケース ・新機能のE2Eフローを録画付きで検証し、PRに動画証拠を添える ・ログイン・決済など重要フローの回帰確認をエージェントに任せる ・コンソールエラーを起点にエージェントが自分でデバッグ・再試行する ・Web MCPで参考情報や仕様ページを横断調査する ⚠️ 注意点 ・ブラウザ操作にはGoogle Chromeが必要で、エージェントは普段のプロファイルとは完全に分離された専用のChromeプロファイルで動作します ・実ブラウザを動かすため、対象URLや認証情報の取り扱いには注意が必要です ・自律操作は便利な一方、本番環境を対象にすると意図しない操作のリスクがあります ・録画ArtifactはサイズやセッションごとのストレージにかかわるためCI連携時は管理方針を決めておきましょう #Antigravity# #DevTools#

Language isn’t what keeps you out of Web3 anymore. El idioma ya no te impide estar en Web3. Die Sprache hält dich nicht länger von Web3 ab. 言語の壁で、Web3の外にいる必要はもうない。 On OneKey Prime, the in-app browser can AI-translate pages side by side. Set your language and keep scrolling.

# Codexの機能と実践的な使い方 🏛️ 全社にCodexを配るとき、「どのMCP・モデル・権限を許すか」を一人ひとりに任せるのは危険です。集中管理設定なら、管理者が境界を引いて統制できます。 🏷️ タイトル: 集中管理設定・ガバナンス 🔗 URL: 📘 概要 Codexのエンタープライズ向け集中管理設定は、IT管理者が組織全体のエージェント挙動を中央から統制する仕組みです。許可するMCPサーバー、モデル、承認・サンドボックス権限などをポリシーとして配布し、利用者が勝手に逸脱できないようにします。 ⚙️ 機能の説明 管理は2階建てです。 ・`requirements.toml`: ユーザーが上書きできない、管理者が強制する制約。 ・`managed_config.toml`: 出発点となる既定値で、セッション中にユーザーが変更可能。 適用優先順位は高い順に、macOSのMDM設定 → クラウド管理のrequirements(ChatGPT Business/Enterprise)→ システムファイル(`/etc/codex/` や `%ProgramData%\OpenAI\Codex\`)→ ユーザーの `config.toml` → CLIの上書き、です。管理レイヤーはCLIフラグより優先され、毎セッションで再適用されます。 ロックできる主な設定は、承認ポリシー、サンドボックスモード(`full_access` の遮断など)、権限プロファイルのallowlist、MCPサーバーの承認(コマンド/URL指定、未掲載は無効)、機能フラグ(`browser_use` 等)、自動レビューの強制、ネットワークのドメイン許可/拒否、ライフサイクルフック、コマンド規則などです。 🛠️ 実践的な使い方 `requirements.toml` では `allowed_sandbox_modes` で許可モードを絞り、`[permissions.filesystem]` の `deny_read` で `~/.ssh` や `.env` を拒否、`[rules]` の `prefix_rules` で `rm` を禁止、`[mcp_servers.approved]` で承認済みMCPだけを許可、といった指定ができます。これで `full_access` は使えず、機密ファイルの読み取りは拒否、破壊的コマンドは禁止され、承認済みMCPのみが有効になります。 💡 ユースケース 社内で承認したMCPサーバーとモデルだけを全社員に配り、機密ファイルの読み取りや破壊的コマンドを一律でブロックする、といったガバナンスを再デプロイなしに統一できます。 ⚠️ 注意点 `allowed_permission_profiles` を定義すると、それが排他的なリストになります。後段のソースでプロファイルを使うには明示的に再有効化が必要です。クラウドのrequirementsはローカルにキャッシュされるため、オフラインでは最新ポリシーが反映されないことがあります。カスタムプロファイルはCodex 0.137.0以前のクライアントへ配布しないでください。グループ単位のルールは最初に一致したグループが勝ち、未設定フィールドは後続から継承されません。 #Codex# #Enterprise#