ウェブ上の Claude Code

​

Claude Code on the web とは何ですか？

• 質問への回答: コードアーキテクチャと機能の実装方法について質問する
• バグ修正と日常的なタスク: 頻繁な操作を必要としない明確に定義されたタスク
• 並列作業: 複数のバグ修正を並列で処理する
• ローカルマシンにないリポジトリ: ローカルにチェックアウトしていないコードで作業する
• バックエンド変更: Claude Code がテストを作成し、その後そのテストに合格するコードを作成できる場合

• 移動中: 通勤中またはラップトップから離れている間にタスクを開始する
• 監視: エージェントの作業の軌跡を監視し、操作する

​

Claude Code on the web は誰が使用できますか？

• Pro ユーザー
• Max ユーザー

​

はじめに

1. claude.ai/code にアクセスします
2. GitHub アカウントを接続します
3. リポジトリに Claude GitHub アプリをインストールします
4. デフォルト環境を選択します
5. コーディングタスクを送信します
6. 変更を確認し、GitHub でプルリクエストを作成します

​

仕組み

1. リポジトリのクローン: リポジトリが Anthropic 管理の仮想マシンにクローンされます
2. 環境セットアップ: Claude がコードを含むセキュアなクラウド環境を準備します
3. ネットワーク構成: インターネットアクセスが設定に基づいて構成されます
4. タスク実行: Claude がコードを分析し、変更を加え、テストを実行し、作業を確認します
5. 完了: 完了時に通知され、変更を含むプルリクエストを作成できます
6. 結果: 変更がブランチにプッシュされ、プルリクエスト作成の準備ができます

​

ウェブとターミナル間でのタスク移動

​

ウェブからターミナルへ

1. 「Open in CLI」ボタンをクリックします
2. リポジトリのチェックアウトでターミナルにコマンドを貼り付けて実行します
3. 既存のローカル変更はスタッシュされ、リモートセッションが読み込まれます
4. ローカルで作業を続行します

​

クラウド環境

​

デフォルトイメージ

• 一般的なプログラミング言語とランタイム
• 一般的なビルドツールとパッケージマネージャー
• テストフレームワークとリンター

​

利用可能なツールの確認

check-tools

• プログラミング言語とそのバージョン
• 利用可能なパッケージマネージャー
• インストールされた開発ツール

​

言語固有のセットアップ

• Python: pip、poetry、および一般的な科学ライブラリを備えた Python 3.x
• Node.js: npm、yarn、および pnpm を備えた最新 LTS バージョン
• Java: Maven と Gradle を備えた OpenJDK
• Go: モジュールサポート付きの最新安定版
• Rust: cargo を備えた Rust ツールチェーン
• C++: GCC および Clang コンパイラ

​

環境構成

1. 環境準備: リポジトリをクローンし、初期化用に構成された Claude フックを実行します。リポジトリは GitHub リポジトリのデフォルトブランチでクローンされます。特定のブランチをチェックアウトする場合は、プロンプトで指定できます。
2. ネットワーク構成: エージェント用のインターネットアクセスを構成します。インターネットアクセスはデフォルトで制限されていますが、ニーズに基づいて環境をインターネットなしまたは完全なインターネットアクセスを持つように構成できます。
3. Claude Code 実行: Claude Code が実行され、タスクを完了し、コードを作成し、テストを実行し、作業を確認します。ウェブインターフェースを通じてセッション中に Claude をガイドおよび操作できます。Claude は CLAUDE.md で定義したコンテキストを尊重します。
4. 結果: Claude が作業を完了すると、ブランチをリモートにプッシュします。ブランチのプルリクエストを作成できるようになります。

API_KEY=your_api_key
DEBUG=true

​

依存関係管理

{
  "hooks": {
    "sessionStart": [
      {
        "matcher": "",
        "hooks": [
          {
            "type": "command",
            "command": "./scripts/install_pkgs.sh"
          }
        ]
      }
    ]
  }
}

​

ネットワークアクセスとセキュリティ

​

ネットワークポリシー

​

GitHub プロキシ

• GitHub 認証をセキュアに管理します - git クライアントはサンドボックス内のスコープ付き認証情報を使用し、プロキシはそれを検証して実際の GitHub 認証トークンに変換します
• git push 操作を現在のワーキングブランチに制限してセキュリティを確保します
• セキュリティ境界を維持しながら、シームレスなクローン、フェッチ、PR 操作を有効にします

​

セキュリティプロキシ

• 悪意のあるリクエストからの保護
• レート制限と不正使用防止
• 強化されたセキュリティのためのコンテンツフィルタリング

​

アクセスレベル

​

デフォルト許可ドメイン

​

Anthropic サービス

• api.anthropic.com
• statsig.anthropic.com
• claude.ai

​

バージョン管理

• github.com
• www.github.com
• api.github.com
• raw.githubusercontent.com
• objects.githubusercontent.com
• codeload.github.com
• avatars.githubusercontent.com
• camo.githubusercontent.com
• gist.github.com
• gitlab.com
• www.gitlab.com
• registry.gitlab.com
• bitbucket.org
• www.bitbucket.org
• api.bitbucket.org

​

コンテナレジストリ

• registry-1.docker.io
• auth.docker.io
• index.docker.io
• hub.docker.com
• www.docker.com
• production.cloudflare.docker.com
• download.docker.com
• *.gcr.io
• ghcr.io
• mcr.microsoft.com
• *.data.mcr.microsoft.com

​

クラウドプラットフォーム

• cloud.google.com
• accounts.google.com
• gcloud.google.com
• *.googleapis.com
• storage.googleapis.com
• compute.googleapis.com
• container.googleapis.com
• azure.com
• portal.azure.com
• microsoft.com
• www.microsoft.com
• *.microsoftonline.com
• packages.microsoft.com
• dotnet.microsoft.com
• dot.net
• visualstudio.com
• dev.azure.com
• oracle.com
• www.oracle.com
• java.com
• www.java.com
• java.net
• www.java.net
• download.oracle.com
• yum.oracle.com

​

パッケージマネージャー - JavaScript/Node

• registry.npmjs.org
• www.npmjs.com
• www.npmjs.org
• npmjs.com
• npmjs.org
• yarnpkg.com
• registry.yarnpkg.com

​

パッケージマネージャー - Python

• pypi.org
• www.pypi.org
• files.pythonhosted.org
• pythonhosted.org
• test.pypi.org
• pypi.python.org
• pypa.io
• www.pypa.io

​

パッケージマネージャー - Ruby

• rubygems.org
• www.rubygems.org
• api.rubygems.org
• index.rubygems.org
• ruby-lang.org
• www.ruby-lang.org
• rubyforge.org
• www.rubyforge.org
• rubyonrails.org
• www.rubyonrails.org
• rvm.io
• get.rvm.io

​

パッケージマネージャー - Rust

• crates.io
• www.crates.io
• static.crates.io
• rustup.rs
• static.rust-lang.org
• www.rust-lang.org

​

パッケージマネージャー - Go

• proxy.golang.org
• sum.golang.org
• index.golang.org
• golang.org
• www.golang.org
• goproxy.io
• pkg.go.dev

​

パッケージマネージャー - JVM

• maven.org
• repo.maven.org
• central.maven.org
• repo1.maven.org
• jcenter.bintray.com
• gradle.org
• www.gradle.org
• services.gradle.org
• spring.io
• repo.spring.io

​

パッケージマネージャー - その他の言語

• packagist.org (PHP Composer)
• www.packagist.org
• repo.packagist.org
• nuget.org (.NET NuGet)
• www.nuget.org
• api.nuget.org
• pub.dev (Dart/Flutter)
• api.pub.dev
• hex.pm (Elixir/Erlang)
• www.hex.pm
• cpan.org (Perl CPAN)
• www.cpan.org
• metacpan.org
• www.metacpan.org
• api.metacpan.org
• cocoapods.org (iOS/macOS)
• www.cocoapods.org
• cdn.cocoapods.org
• haskell.org
• www.haskell.org
• hackage.haskell.org
• swift.org
• www.swift.org

​

Linux ディストリビューション

• archive.ubuntu.com
• security.ubuntu.com
• ubuntu.com
• www.ubuntu.com
• *.ubuntu.com
• ppa.launchpad.net
• launchpad.net
• www.launchpad.net

​

開発ツール＆プラットフォーム

• dl.k8s.io (Kubernetes)
• pkgs.k8s.io
• k8s.io
• www.k8s.io
• releases.hashicorp.com (HashiCorp)
• apt.releases.hashicorp.com
• rpm.releases.hashicorp.com
• archive.releases.hashicorp.com
• hashicorp.com
• www.hashicorp.com
• repo.anaconda.com (Anaconda/Conda)
• conda.anaconda.org
• anaconda.org
• www.anaconda.com
• anaconda.com
• continuum.io
• apache.org (Apache)
• www.apache.org
• archive.apache.org
• downloads.apache.org
• eclipse.org (Eclipse)
• www.eclipse.org
• download.eclipse.org
• nodejs.org (Node.js)
• www.nodejs.org

​

クラウドサービス＆監視

• statsig.com
• www.statsig.com
• api.statsig.com
• *.sentry.io

​

コンテンツ配信＆ミラー

• *.sourceforge.net
• packagecloud.io
• *.packagecloud.io

​

スキーマ＆構成

• json-schema.org
• www.json-schema.org
• json.schemastore.org
• www.schemastore.org

​

カスタマイズされたネットワークアクセスのセキュリティベストプラクティス

1. 最小権限の原則: 必要な最小限のネットワークアクセスのみを有効にします
2. 定期的に監査: 許可されたドメインを定期的に確認します
3. HTTPS を使用: HTTP エンドポイントより HTTPS エンドポイントを常に優先します

​

セキュリティと分離

• 分離された仮想マシン: 各セッションは分離された Anthropic 管理の VM で実行されます
• ネットワークアクセス制御: ネットワークアクセスはデフォルトで制限され、無効にすることができます
• 認証情報保護: 機密認証情報（git 認証情報または署名キーなど）はサンドボックス内の Claude Code と一緒にはありません。認証はスコープ付き認証情報を使用するセキュアプロキシを通じて処理されます
• セキュアな分析: コードは分離された VM 内で分析および変更され、PR を作成する前に行われます

​

価格とレート制限

​

制限事項

• リポジトリ認証: ウェブからローカルへセッションを移動できるのは、同じアカウントに認証されている場合のみです
• プラットフォーム制限: Claude Code on the web は GitHub でホストされているコードでのみ機能します。GitLab およびその他の非 GitHub リポジトリはクラウドセッションで使用できません

​

ベストプラクティス

1. Claude Code フックを使用: sessionStart フック を構成して、環境セットアップ、依存関係インストール、およびネットワーク構成を自動化します
2. 要件を文書化: CLAUDE.md ファイルで依存関係とコマンドを明確に指定します。AGENTS.md ファイルがある場合は、@AGENTS.md を使用して CLAUDE.md でソースすることで、単一の情報源を維持できます。

​

関連リソース

• フック構成
• 設定リファレンス
• セキュリティ
• データ使用