safari claudeの使い方｜MacのSafari連携・MCP設定方法
Safariを普段使いにしているMacユーザーの中には、「ClaudeはSafariでも使えるのか」「Chromeのようにページを読ませたり操作させたりできるのか」と迷う人が少なくありません。公式機能と有志の連携手段では、必要なOS・権限・安全性が異なります。この記事では、普通にチャットする方法から、開発者がSafariを検証に使う方法まで、目的別に選び方を整理します。
SafariでClaudeを使うだけならSafariからhttps://claude.aiを開けばよく、専用拡張機能は必須ではありません。ページ操作やデバッグまで任せたい場合は、WebKit公式のSafari MCPまたは非公式連携を権限と安全性で選ぶと、目的に合う使い方ができる。
Contents (9)
safari claudeとは？まず検索意図を整理
「safari claude」は、Anthropicが提供する単独のSafari製品名ではありません。検索している人の目的は、おおむね三つに分かれます。SafariでClaudeのチャットを開きたい人、Chrome版のように表示中のページをClaudeに読ませたい人、Claude CodeからSafariを操作してWebサイトを検証したい人です。
Claudeの公式ヘルプは、Web版を claude.ai で利用できると案内しています。したがって、会話・文章作成・要約・コード相談が目的ならSafariの通常ブラウザで十分です。一方、公式のブラウザ操作機能として案内されているのはChrome向けの「Claude in Chrome」です。Safari向けの同じ公式拡張を探している場合は、Web版、Safari MCP、第三者製の連携を分けて考える必要があります。
WebKitが公開したSafari MCPサーバーは、Safariの表示状態を開発用のClaudeから読み取り、DOM、コンソール、ネットワーク、スクリーンショットなどを使って確認する仕組みです。これは一般ユーザー向けのサイドパネルではなく、Safari対応の確認や不具合調査に向いた開発者向け機能です。
出典: https://support.claude.com/en/articles/8114491-get-started-with-claude
出典: https://webkit.org/blog/18136/introducing-the-safari-mcp-server-for-web-developers/
SafariでClaudeを使う3つの方法
| 方法 | 向いている人 | できること | 主な注意点 |
|---|---|---|---|
| Safariでclaude.aiを開く | すべてのMacユーザー | チャット、要約、文章作成、コード相談 | ページの自動クリックや入力は別機能 |
| Safari MCPサーバー | Web開発者 | DOM・コンソール・通信・表示の検証 | Safari 27ベータまたはSafari Technology Previewが前提の案内 |
| 非公式のSafari連携 | Claude Codeで実ブラウザを扱いたい人 | タブ確認、ページ取得、操作、画面確認など | 第三者製で、権限と保守状況の確認が必要 |
まずはWeb版を使い、Safari上で作っているサイトの検証が必要ならSafari MCPを選ぶのが分かりやすい順序です。ログイン済みページの操作まで求める場合は非公式連携も候補になりますが、金融・医療・社内機密を扱う環境では導入を急がないでください。
方法1：Safariでclaude.aiを使う
拡張機能を入れずにClaudeを使う、最も簡単な方法です。Anthropic公式の案内では、WebブラウザからClaudeへアクセスできます。
- Safariを起動し、
https://claude.aiを開く。 - 「Continue with Google」またはメールアドレスでログインする。
- 新しいチャットを作り、質問、文章、要約したい内容を入力する。
- 必要に応じてファイルを添付し、目的と出力形式を具体的に伝える。
SafariのWeb版では、Claudeの画面に貼り付けた文章や添付ファイルをもとに会話できます。Safariが持つWeb検索や翻訳などの機能と組み合わせれば、調べ物をしながら別タブでClaudeに整理を頼む運用も可能です。ただし、表示中の任意のページをClaudeが自動で読み取り、ボタンを押したりフォームへ入力したりする機能が標準で付くわけではありません。
毎日使うなら、SafariのWebアプリ機能でClaudeをDockに追加すると、通常のアプリに近い感覚で起動できます。AppleはSafariのWebアプリについて、MacのDockやiPhone・iPadのホーム画面にWebサイトを保存できると説明しています。
出典: https://www.apple.com/safari/
出典: https://support.claude.com/en/articles/8114491-get-started-with-claude
方法2：Safari MCPでページを検証する
Safari MCPサーバーは、Safariの中にClaudeのチャット欄を追加する拡張機能ではありません。Safariの実際の表示結果をClaude Codeから確認し、Webサイトのレイアウト、アクセシビリティ、JavaScriptエラー、通信、フォーム状態などを調べるための開発者向け接続です。
WebKitの公式記事では、Safari 27ベータとSafari Technology Preview 247を対象に、リモート操作の設定と safaridriver を使った登録方法が案内されています。導入の流れは次のとおりです。
- Safari 27ベータ、またはSafari Technology Previewを用意する。
- Safariの「設定」から「詳細」を開き、Web開発者向け機能を表示する設定を有効にする。
- 「開発」関連の設定で、リモートオートメーションと外部ツールからの接続を許可する。
- ターミナルで、通常のSafariなら次のコマンドを実行する。
claude mcp add safari-mcp -- "/usr/bin/safaridriver" --mcp
- Safariを開いた状態で、Claude Codeに「このサイトの表示崩れとコンソールエラーを確認して」と依頼する。
Safari Technology Previewを使う場合は、WebKit公式の例に合わせて実行ファイルの場所を指定します。
claude mcp add safari-mcp-stp -- "/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver" --mcp
接続後は、ページのスクリーンショット、DOM、ネットワーク要求、コンソール出力などをClaudeへ渡して調査できます。WebKitはSafari MCPサーバー自体がローカルで動き、独自にネットワーク通信を行わないと説明しています。ただし、取得したページ内容や画像、ログは利用しているClaudeクライアントへ渡るため、対象ページの機密性と接続先の扱いは別途確認してください。
方法3：非公式のSafari拡張・連携を使うとき
検索上位には、SafariをClaude Codeから操作するGitHubプロジェクトもあります。たとえば chriscantu/claude-safari-extension はSafari Web ExtensionとMCPを組み合わせ、ページ取得、タブ操作、フォーム入力、スクリーンショットなどを行う構成です。SDLLL/claude-for-safari は、ブラウザ拡張を使わずmacOSの自動化機能でSafariを扱う方式を説明しています。
どちらもAnthropicやAppleが提供する公式製品ではありません。便利そうに見えても、インストール前に次の順で確認してください。
- GitHubのREADME、ライセンス、更新日、Issueを読み、現在のSafariやmacOSで保守されているか確認する。
- Safari拡張、ターミナル、画面収録、アクセシビリティ、自動操作など、要求される権限を一つずつ確認する。
- まず公開テストページで動作を試し、パスワード、決済、医療情報、社内機密を表示したページでは使わない。
- 予期しないクリックや入力があったら停止し、Safari拡張を無効化してmacOSの許可を取り消す。
非公式連携は、Safariの現在のタブを読ませたい開発者には有力な選択肢です。しかし、拡張やスクリプトがページ内容を取得できる以上、Claudeの契約プランだけで安全性が決まるわけではありません。公開元、コード、権限、送信先を確認できないものは避けるのが安全です。
出典: https://github.com/chriscantu/claude-safari-extension
出典: https://github.com/SDLLL/claude-for-safari
Chrome版との違い：Safariで拡張機能が見つからない理由
Anthropic公式の「Claude for Chrome」は、ChromeのサイドパネルからWebページを読み、クリック、移動、フォーム入力などを行う機能です。公式ヘルプでは、Chrome以外のChromium系ブラウザやモバイルには対応しないと明記されています。SafariはChromium系ではないため、Chrome Web Storeから同じ拡張をSafariへ移して使うことはできません。
目的別に選ぶと、次の整理になります。
- Claudeと会話したいだけなら、Safariの
claude.ai。 - Safari上で自分のサイトを検証したいなら、WebKitのSafari MCP。
- SafariのタブやフォームをClaude Codeから扱いたいなら、第三者製の連携を慎重に確認する。
- 公式のサイドパネルでWeb操作を任せたいなら、対応ブラウザであるChromeを使う。
Safariを使い続けたいのにChrome版の手順をそのまま試しても、拡張機能の追加画面や接続設定で止まります。これはログイン不具合ではなく、対応ブラウザの違いによるものです。
出典: https://claude.com/claude-for-chrome
出典: https://support.claude.com/en/articles/12012173-get-started-with-claude-in-chrome
SafariでClaudeが動かないときの確認順
https://claude.ai自体が開くか確認し、Safariを更新する。Anthropic側の障害が疑われる場合はhttps://status.anthropic.com/も確認する。- ログインだけ失敗する場合は、サイトデータや期限切れのセッションを見直し、Googleログインで進まなければメールログインも試す。プライバシー設定を一律に弱めるのではなく、必要なサイトだけ切り分ける。
- 日本語入力の確定でメッセージが送信される場合は、まず
Shift + Enterを試し、キーボード remapやSafariのWebアプリ設定を確認する。Safari上のClaudeをWebアプリとして登録し、Karabiner-Elementsで送信キーを分ける対処例もあります。 - Safari MCPが接続しない場合は、Safariの開発者向け設定、リモート接続の許可、
safaridriverのパス、Safari Technology Preview用コマンドの違いを確認する。 - 非公式拡張で画面が固まる、操作が止まる、権限要求が増える場合は、拡張を無効にしてから再試行し、改善しなければ削除する。
日本語入力の具体的な対処は環境依存です。Qiitaには、SafariでClaudeをWebアプリ化し、Karabiner-Elementsで送信キーを分離する例が掲載されています。古い記事のため、現在のmacOSとSafariで設定項目が同じとは限らない点に注意してください。
出典: https://qiita.com/lucasta1/items/760ee30f4049eec85703
出典: https://status.anthropic.com/
まとめ
「safari claude」の答えは、目的によって変わります。会話だけならSafariで claude.ai を開けばよく、Web開発の検証にはSafari MCPが適しています。Claude Codeから実ブラウザを操作したい場合は非公式連携もありますが、権限、ソース、保守状況を確認してから試してください。Chrome版の公式拡張とSafariの方法を混同しなければ、自分のMac環境に合う導入方法を選べます。
出典URL
- Claudeの利用開始: https://support.claude.com/en/articles/8114491-get-started-with-claude
- Claude for Chrome公式ページ: https://claude.com/claude-for-chrome
- Safari MCPサーバー公式記事: https://webkit.org/blog/18136/introducing-the-safari-mcp-server-for-web-developers/
- Apple Safari公式ページ: https://www.apple.com/safari/
- Safari連携のGitHub例: https://github.com/chriscantu/claude-safari-extension
- Safari入力トラブルの例: https://qiita.com/lucasta1/items/760ee30f4049eec85703