> ## Documentation Index
> Fetch the complete documentation index at: https://manus.im/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# クラウドブラウザ

> Manusのクラウドベースのブラウザで、まるで人間のように動作します

export const CodePrompt = ({children}) => {
  const [isCopied, setIsCopied] = useState(false);
  const textContent = useMemo(() => {
    const extractText = (children, depth = 0) => {
      const maxDepth = 10;
      if (depth > maxDepth) return '';
      if (children == null) return '';
      if (typeof children === 'string' || typeof children === 'number') {
        return String(children);
      }
      if (Array.isArray(children)) {
        return children.map(child => extractText(child, depth + 1)).join('');
      }
      if (typeof children === 'object' && children.props) {
        return extractText(children.props.children, depth + 1);
      }
      return '';
    };
    return extractText(children);
  }, [children]);
  const handleAskManus = useCallback(() => {
    const url = new URL('https://manus.im');
    if (textContent) {
      url.searchParams.set('q', textContent);
      url.searchParams.set('submit', '1');
    }
    window.open(url.toString(), '_blank');
  }, [textContent]);
  const handleCopy = useCallback(async () => {
    try {
      await navigator.clipboard.writeText(textContent);
      setIsCopied(true);
      setTimeout(() => {
        setIsCopied(false);
      }, 2000);
    } catch (err) {
      const textArea = document.createElement('textarea');
      textArea.value = textContent;
      textArea.style.position = 'fixed';
      textArea.style.opacity = '0';
      document.body.appendChild(textArea);
      textArea.select();
      try {
        document.execCommand('copy');
        setIsCopied(true);
        setTimeout(() => {
          setIsCopied(false);
        }, 2000);
      } catch (fallbackErr) {
        console.error(fallbackErr);
      }
      document.body.removeChild(textArea);
    }
  }, [textContent]);
  return <div className="code-block mt-5 mb-8 not-prose rounded-2xl relative group text-gray-950 dark:text-gray-50 codeblock-light border border-gray-950/10 dark:border-white/10 dark:twoslash-dark bg-transparent dark:bg-transparent">
      <div className="absolute top-3 right-4 flex items-center gap-1.5">
        <div className="z-10 relative">
          <button onClick={handleCopy} className="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/copy-button " data-testid="copy-code-button" aria-label="Copy the contents from the code block">
            {isCopied ? <svg width="16" height="11" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-primary dark:fill-primary-light">
                <path d="M14.7813 1.21873C15.0751 1.51248 15.0751 1.98748 14.7813 2.2781L6.53135 10.5312C6.2376 10.825 5.7626 10.825 5.47197 10.5312L1.21885 6.28123C0.925098 5.98748 0.925098 5.51248 1.21885 5.22185C1.5126 4.93123 1.9876 4.9281 2.27822 5.22185L5.99697 8.9406L13.7188 1.21873C14.0126 0.924976 14.4876 0.924976 14.7782 1.21873H14.7813Z"></path>
              </svg> : <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" className="w-4 h-4 text-gray-400 group-hover/copy-button:text-gray-500 dark:text-white/40 dark:group-hover/copy-button:text-white/60">
                <path d="M14.25 5.25H7.25C6.14543 5.25 5.25 6.14543 5.25 7.25V14.25C5.25 15.3546 6.14543 16.25 7.25 16.25H14.25C15.3546 16.25 16.25 15.3546 16.25 14.25V7.25C16.25 6.14543 15.3546 5.25 14.25 5.25Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
                <path d="M2.80103 11.998L1.77203 5.07397C1.61003 3.98097 2.36403 2.96397 3.45603 2.80197L10.38 1.77297C11.313 1.63397 12.19 2.16297 12.528 3.00097" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
              </svg>}
          </button>
          <div aria-hidden="true" className="absolute top-11 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-white rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">
            {isCopied ? 'Copied' : 'Copy'}
          </div>
        </div>
        <div className="z-10 relative">
          <button onClick={handleAskManus} className="h-[26px] w-[26px] flex items-center justify-center rounded-md backdrop-blur peer group/ask-manus " id="ask-ai-code-block-button" aria-label="Ask Manus">
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" className="w-4 h-4 text-gray-400 group-hover/ask-manus:text-gray-500 dark:text-white/40 dark:group-hover/ask-manus:text-white/60">
              <path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" />
              <path d="M12 8v6" />
              <path d="M9 11h6" />
            </svg>
          </button>
          <div aria-hidden="true" className="absolute top-11 left-1/2 transform whitespace-nowrap -translate-x-1/2 -translate-y-1/2 peer-hover:opacity-100 opacity-0 text-white rounded-lg px-1.5 py-0.5 text-xs bg-primary-dark">
            Ask Manus
          </div>
        </div>
      </div>

      <div className="w-0 min-w-full max-w-full py-3.5 px-4 h-full dark:bg-codeblock relative text-sm leading-6 children:!my-0 children:!shadow-none children:!bg-transparent transition-[height] duration-300 ease-in-out code-block-background [&_*]:ring-0 [&_*]:outline-0 [&_*]:focus:ring-0 [&_*]:focus:outline-0 [&_pre>code]:pr-[3rem] [&_pre>code>span.line-highlight]:min-w-[calc(100%+3rem)] [&_pre>code>span.line-diff]:min-w-[calc(100%+3rem)] rounded-2xl bg-white overflow-x-auto scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-black/15 hover:scrollbar-thumb-black/20 active:scrollbar-thumb-black/20 dark:scrollbar-thumb-white/20 dark:hover:scrollbar-thumb-white/25 dark:active:scrollbar-thumb-white/25" style={{
    fontVariantLigatures: 'none',
    height: 'auto',
    backgroundColor: 'rgb(255, 255, 255)'
  }}>
        <div className="font-mono whitespace-pre leading-6">{children}</div>
      </div>
    </div>;
};

## クラウドブラウザとは？

クラウドブラウザは、Manus専用のクラウドで実行されるブラウザ環境です。テキストを読むことしかできない従来のAIアシスタントとは異なり、Manusは実際にこのブラウザを人間のように操作できます。ウェブサイトへのアクセス、ボタンのクリック、フォームへの入力、データの抽出、複数のステップにわたるワークフローの完了などが可能です。

さらに重要なのは、**個人のアカウントまたは仕事のアカウントにログインできる**ことです。これにより、メールの確認、CRMの更新、ソーシャルメディアへの投稿、プレミアムリサーチツールへのアクセスなど、認証が必要なタスクをManusが実行できるようになります。

これにより、Manusはテキストベースのアシスタントから、ウェブ上でユーザーに代わって行動できるAgentへと進化します。

## クラウドブラウザが重要である理由

ほとんどのAIツールは、提供された情報でのみ動作します。ウェブサイトにアクセスしたり、ウェブアプリケーションと対話したり、ログインが必要なコンテンツにアクセスしたりすることはできません。

クラウドブラウザにより、Manusは以下を実行できます。

* **自律的にウェブを閲覧する**ことで、リアルタイムの情報を収集する
* **アカウントにログインする**ことで、認証されたアクションを実行する
* **ウェブアプリケーションと対話する**まるで人間のように
* **データを抽出する**APIを持たないウェブサイトから
* **複数のステップにわたるワークフローを完了する**複数のウェブページを横断して

これが、Manusを単なるチャットボットではなく、真のAI Agentにしている理由です。

## クラウドブラウザの仕組み

### 1. Manusがブラウザを操作します

<img src="https://mintcdn.com/docs-manus/5gZK3I5oeTh8gP_H/images/Screenshot2025-11-24at11.43.41AM.png?fit=max&auto=format&n=5gZK3I5oeTh8gP_H&q=85&s=830bb38915384ae486144dc815f6e9ae" alt="Screenshot2025 11 24at11 43 41AM Pn" width="2534" height="1688" data-path="images/Screenshot2025-11-24at11.43.41AM.png" />

ウェブアクセスを必要とするタスクをManusに与えると、Manusは自動的にクラウドブラウザを開き、関連するウェブサイトに移動します。

Manusの動作:

* クラウドブラウザを開きます
* 関連するニュースサイト、データベース、スタートアップディレクトリにアクセスします
* 複数のソースから情報を抽出します
* 結果を構造化されたレポートにまとめます

Manusが実行しているすべてをリアルタイムで確認できます。

### 2. アカウントにログインできます

認証が必要なタスクの場合、クラウドブラウザでアカウントにログインできます。Manusは、その認証済みセッションを使用して、ユーザーに代わってアクションを実行します。

**例**:

<CodePrompt>
  "今週の提携に関する問い合わせについてLinkedInアカウントを確認し、返信の下書きを作成してください"
</CodePrompt>

Manusの動作:

* クラウドブラウザを開きます
* ログイン済みLinkedInアカウントにアクセスします
* 確認のためにパーソナライズされた返信の下書きを作成します

### 3. 必要に応じてテイクオーバー（引き継ぎ）

<img src="https://mintcdn.com/docs-manus/5gZK3I5oeTh8gP_H/images/Screenshot2025-11-24at11.46.27AM.png?fit=max&auto=format&n=5gZK3I5oeTh8gP_H&q=85&s=463b525aeaf2997a021247d3761ade80" alt="Screenshot2025 11 24at11 46 27AM Pn" width="2700" height="1328" data-path="images/Screenshot2025-11-24at11.46.27AM.png" />

Manusが複雑な認証（SMSコード、CAPTCHA、多要素認証）に遭遇した場合、システムはユーザーに\*\*"テイクオーバー"\*\*を行うよう求めます。

**テイクオーバーの仕組み**:

1. Manusが認証の課題に遭遇します
2. テイクオーバーするように通知されます
3. ユーザーが認証を完了します（コードの入力、CAPTCHAの解決など）
4. ユーザーがManusに制御を戻します
5. Manusがタスクを続行します

これにより、人間による認証が必要な場合でも、Manusはタスクを完了できます。

### 4. セキュリティとプライバシー

ログイン資格情報とブラウザでのアクティビティは、厳格なセキュリティで管理されます。

* **暗号化されたセッション**: すべてのブラウザセッションは暗号化されています
* **隔離された環境**: 各ユーザーは、分離された独立したブラウザインスタンスを持ちます
* **資格情報の非保存**: Manusはパスワードを保存しません
* **アクセス制御**: Manusがアクセスできるアカウントをユーザーが制御します
* **セッション管理**: いつでもログアウトまたはセッションをクリアできます

## クラウドブラウザの設定

クラウドブラウザは**Manus 設定 → クラウドブラウザ**で設定できます。

### 利用可能な設定

| 設定              | 説明                                  |
| :-------------- | :---------------------------------- |
| **ログイン済みアカウント** | クラウドブラウザでログインしているアカウントを表示および管理します   |
| **セッション管理**     | 特定のアカウントからログアウトするか、すべてのセッションをクリアします |
| **テイクオーバー通知**   | テイクオーバーが必要な場合にどのように通知されるかを設定します     |
| **ブラウザ履歴**      | 最近のクラウドブラウザのアクティビティを表示します           |
| **セキュリティ設定**    | アクセス許可とセキュリティ設定を管理します               |

### ログイン済みアカウントの管理

ログインしているアカウントを確認するには:

1. に移動します**設定 → クラウドブラウザ → ログイン済みアカウント**
2. すべての活性なセッションを確認します
3. 必要に応じて特定のアカウントからログアウトします
4. すべてのセッションをクリアして最初からやり直します

## より良い自動化のためにウェブサイトにログインする

次のような種類のアカウントにログインすると、Manusはより強力な自動化を実行できるようになります。

### 生産性とコミュニケーション

* **Gmail / Outlook**: メールの読み取り、送信、整理
* **Slack**: メッセージの送信、チャネルの作成、通知の管理
* **Notion**: ページの作成、データベースの更新、コンテンツの整理
* **Google Calendar**: 会議のスケジュール設定、空き時間の確認、招待状の送信

### ビジネスとCRM

* **Salesforce / HubSpot**: リードの更新、連絡先の作成、アクティビティの記録
* **LinkedIn**: 接続リクエストの送信、更新の投稿、連絡先へのメッセージ送信
* **Stripe**: 支払いの確認、請求書の作成、サブスクリプションの管理

### リサーチとデータ

* **Crunchbase**: 企業、資金調達データ、投資家をリサーチ
* **PitchBook**: 非公開企業データと市場調査にアクセス
* **SimilarWeb**: ウェブサイトのトラフィックと競合他社のデータを分析
* **Financial Times / Wall Street Journal**: プレミアムニュースと分析にアクセス

### 開発とツール

* **GitHub**: Issueの作成、プルリクエストのレビュー、リポジトリの管理
* **Jira**: チケットの更新、進捗の追跡、スプリントの管理
* **Figma**: デザインの表示、コメントの残し、アセットのエクスポート

### ソーシャルメディア

* **Twitter / X**: 更新の投稿、ツイートのスケジュール設定、メンションの監視
* **Instagram**: コンテンツの投稿、コメントへの返信、エンゲージメントの分析
* **Facebook**: ページの管理、更新の投稿、メッセージへの返信

**ワークフローの例**:

* "LinkedInメッセージを確認し、接続リクエストへの返信の下書きを作成してください"
* "今週完了したタスクでNotionのプロジェクトトラッカーを更新してください"
* "Crunchbaseでこれら20社をリサーチし、資金調達の概要を作成してください"
* "このお知らせを弊社のTwitterおよびLinkedInアカウントに投稿してください"

## 重要な注意事項: データセンターIPに関する考慮事項

### クラウドブラウザはデータセンターIPを使用します

クラウドブラウザは、住宅用IPではなく、データセンターのIPアドレスから動作します。これは次のことを意味します。

* 特定のウェブサイトで追加の認証（CAPTCHA、セキュリティチェック）がトリガーされる場合があります
* 一部のサービスでは、このアクティビティが自動化された動作としてフラグ付けされる場合があります
* 認証の課題に遭遇する頻度が高くなる場合があります

### My Browserに切り替えるタイミング

住宅用IPアドレスを必要とするタスクや、頻繁に認証の課題に遭遇するタスクには、[**My Browser (Browser Operator)**](https://www.notion.so/Cloud-Browser-2b27ff657cfa8049ad05dba0e33d9dc5?pvs=21)の使用を検討してください。

**My Browser**は、ユーザーのローカルブラウザと実際のIPアドレスを使用します。これにより、次のことが可能になります。

* データセンターIPの検出を回避します
* CAPTCHAや認証プロンプトを減らします
* セキュリティに敏感なウェブサイトでより効果的に機能します
* 既存のログインセッションを維持します

### クラウドブラウザとMy Browserの選択

| クラウドブラウザを使用する場合  | My Browserを使用する場合           |
| :--------------- | :-------------------------- |
| 公開ウェブサイトのリサーチ    | セキュリティに敏感なアカウントへのログイン       |
| 大規模なデータ抽出        | 銀行/金融ウェブサイトでのアクションの実行       |
| 長時間実行されるタスクの実行   | CAPTCHAの課題の回避               |
| たまに認証があっても構わない場合 | 住宅用IPアドレスが必要な場合             |
| タスクにログインが不要な場合   | ウェブサイトがデータセンターIPをブロックしている場合 |

**例**:

* ✅ クラウドブラウザ: 「競合他社50社をリサーチし、価格設定を抽出する」
* ✅ My Browser: 「銀行にログインして先月の明細書をダウンロードする」

## クラウドブラウザを効果的に使用するためのヒント

### アカウントに事前にログインする

**✅ 推奨**: タスクを割り当てる前に、頻繁に使用するアカウント（Gmail、Notion、LinkedIn）にログインします

**理由**: Manusは、ログインのためにワークフローを中断することなく、これらのアカウントにすぐにアクセスできます

***

### アクションを明確に指定する

**✅ 推奨**: 「今週のプロスペクトからのメールをGmailで確認してください。第4四半期の空き状況を強調した返信の下書きを作成してください。」

**❌ 曖昧**: 「メールを確認してください」

具体的な指示は、Manusが完全に正しいアクションを実行するのに役立ちます。

***

### 複雑な認証には「テイクオーバー」を使用する

Manusがテイクオーバーを促した場合:

* タスクを続行するために迅速に対応します
* 認証ステップのみを完了します
* すぐにManusに制御を戻します

***

### 初回ログインを監視する

クラウドブラウザでアカウントに初めてログインする場合:

* プロセスを監視して、正しく動作することを確認します
* 初期認証を完了します
* Manusがアカウントに適切にアクセスできることを確認します

***

### 機密性の高いサイトには「My Browser」の使用を検討する

銀行、金融アカウント、または頻繁にCAPTCHAをトリガーするサイトの場合:

* を使用します**My Browser**クラウドブラウザの代わりに
* これにより、データセンターIPの検出を回避できます
* 認証の課題を減らします

***

### セッションを定期的に管理する

ログイン済みセッションを定期的に確認およびクリアします。

* に移動します**設定 → クラウドブラウザ → ログイン済みアカウント**
* Manusがアクセスする必要がなくなったアカウントからログアウトします
* ワークフローを変更する場合は、すべてのセッションをクリアします

## よくある質問

<AccordionGroup>
  <Accordion title="クラウドブラウザが私のアカウントにログインするのは安全ですか？" icon="sparkles">
    はい、安全です。クラウドブラウザは暗号化されたセッション、隔離された環境を使用し、パスワードを保存しません。Manusがアクセスできるアカウントはユーザーが制御します。
  </Accordion>

  <Accordion title="クラウドブラウザで自分のアカウントにログインするとどうなりますか？" icon="sparkles">
    その後、Manusはユーザーに代わって認証されたアクション（メールの読み取り、CRMの更新、コンテンツの投稿など）を実行できます。ユーザーは常に制御権を持ち、いつでもログアウトできます。
  </Accordion>

  <Accordion title="クラウドブラウザでManusが何をしているか見ることができますか？">
    はい。誰かがブラウザを使用しているのを見るのと同じように、Manusがウェブサイトを閲覧している様子をリアルタイムで確認できます。
  </Accordion>

  <Accordion title="「テイクオーバー」とは何ですか？いつ必要になりますか？">
    「テイクオーバー」を使用すると、Manusが認証（CAPTCHA、SMSコードなど）に遭遇したときに、一時的にブラウザを制御できます。ユーザーが認証を完了した後、Manusに制御を戻します。
  </Accordion>

  <Accordion title="クラウドブラウザとMy Browserの違いは何ですか？">
    クラウドブラウザはクラウドで実行され、データセンターIPを使用します。My Browserはユーザーのローカルブラウザと住宅用IPを使用します。セキュリティに敏感なサイトやCAPTCHAを回避するには、My Browserを使用してください。
  </Accordion>

  <Accordion title="クラウドブラウザでアカウントからログアウトするにはどうすればよいですか？">
    **設定 → クラウドブラウザ → ログイン済みアカウント** に移動し、特定のアカウントからログアウトします。
  </Accordion>
</AccordionGroup>

***