#Chrome拡張

5件の記事

Claude DesktopのCoworkでブラウザ操作がPermission deniedになる原因と解決策

Claude DesktopのCoworkモード（ローカルエージェント）でブラウザ操作がPermission deniedになる原因を徹底解析した実践記事です。サイドパネルでは動くのにCoworkでは拒否される理由は、異なる権限フロー。Coworkはサーバー側APIでドメインをカテゴリ分類し、制限カテゴリに該当すると即座に拒否するため。設定画面でデフォルトを「拡張機能を許可」に変更する解決策まで示されており、同じ問題に直面したエンジニアの実装障害を即座に解決できます。

#Claude #AI駆動開発 #エージェント

記事を読む →

⚡

Qiita3月29日· 2分で読める中級🔥 注目

WXT + Chrome DevTools MCP で AIエージェントにブラウザを見せながらChrome拡張を開発する

Chrome拡張開発の面倒な手動検証サイクルをAIに任せる方法を紹介します。WXT（拡張フレームワーク）でChrome DevTools Protocolを固定ポート公開し、Chrome DevTools MCPを経由してCursorのAIエージェントに直結。AIがブラウザの実際の状態を見ながら、DOM検査・コード生成・動作確認を自動化できます。設定はシンプルで、ホットリロード対応により開発速度が劇的に向上します。

#AI駆動開発 #MCP #Cursor

記事を読む →

⚡

Qiita3月22日· 2分で読める中級🔥 注目

Chrome拡張を有料で公開したら、自分の住所が全世界に公開された話

Chrome拡張を有料公開するとEU法に基づき開発者の実名・住所が全世界に公開される落とし穴があります。本記事は、著者が3つの拡張機能をCursorやAIツールで開発・公開した実体験から、この地雷を回避する方法と、個人開発者向けの現実的な収益化戦略を紹介。パーミッション説明文の書き方、AIコーディングの企画〜コード生成の流れも実装レベルで解説しており、Chrome拡張開発者必読です。

#AI駆動開発 #Cursor #Chrome拡張

記事を読む →

⚡

Zenn3月18日· 2分で読める中級🔥 注目

WebMCPのModel Context Tool InspectorをClaude Codeで動くようにした

GoogleのModel Context Tool InspectorをClaude Codeで動かせるようにカスタマイズした実装例です。Gemini APIの依存性を排除し、ローカルのGoサーバー経由でClaude Code（claude -p）を呼び出す仕組みに変更。WebMCPツール検証時にGemini APIキーが不要になり、Claude Maxサブスク利用者なら無料で試験できるようになりました。実装差分は最小限で、fetchとローカルサーバーの組み合わせだけという洗練された設計です。

#Claude Code #WebMCP #AI駆動開発

記事を読む →

⚡

Zenn3月13日· 2分で読める中級🔥 注目

レコード掘りが10倍速く・楽しくなるツールを作った

レコード価格の相場確認に費やす時間を削減するChrome拡張・Safari Userscriptを開発。Gemini APIで商品ページのテキストを解析し、アーティスト名・タイトル・型番を正確に抽出してDiscogs相場を自動表示します。表記ゆれが多いレコード検索でLLMの意味理解が威力を発揮し、検索・タブ切り替え不要で判断速度が劇的に向上する実践事例です。

#AI駆動開発 #LLM #Gemini

記事を読む →