掲載済み (2026-04-18号)
200 132文字 • 1分

Claude in Chromeが便利すぎて不満だったので、自分専用のChrome拡張を作った

日本語

掲載情報

概要

複数のAIプロバイダーを統合し、サイト操作の自動化やナレッジ管理を可能にする自作Chrome拡張「SiteSurf」の開発事例と考察。

詳細内容

既存のClaude専用拡張機能の制限を解消するため、著者自らが1週間で開発した多機能Chrome拡張「SiteSurf」についての紹介記事です。Vercel AI SDKを活用し、Claude、Gemini、GPT-4、GitHub Copilot、ローカルLLMなど複数のプロバイダーを切り替えて利用可能。主な機能として、Chrome DevTools Protocol (CDP) を用いた「isTrusted: true」な擬似ユーザー操作、AI生成コードのサンドボックス実行(Artifacts)、URLやDOM構造に基づいたサイト固有の操作定義(Skills)を備えています。開発過程で直面したCSP(Content Security Policy)の回避策などの技術的知見に加え、AIによって「欲しい道具を自作できる」時代におけるエンジニアの役割の変化についても深く考察されています。