Claude Code on the Webとは?|Web版解説

このブログを運営しているセルバについて

セルバは創業22年のWeb企業です。
集客できるポータルサイトを、要件整理〜構築〜公開後の改善まで一気通貫で支援しています。
「まずは概算だけ」「何を作るべきかの整理から」でも大丈夫です。

実績を見る | 会社概要

コーディング支援ツールとして人気のClaude Code。
2025年10月に「Claude Code on the Web」と呼ばれるWeb版が発表され、より気軽にコーディング支援を受けられるようになりました

本記事では、Claude Code Web版の基本をはじめ、具体的な機能や使い道、使い方までをわかりやすく解説していきます。

目次

Claude Code on the Webとは?

Claude Code on the Webは、これまでCLI版(ターミナル)で提供されていたClaude Codeを、クラウド上で実行できる形にしたWeb版のClaude Codeです。

これによりターミナル(PC)を開かなくても、ブラウザやモバイル端末からバグ修正やコード変更などの開発タスクを進められるようになりました。

場所や環境に縛られることなく、柔軟に開発を進められるのが大きな特徴です。

具体的な機能とメリット

タスクの並行実行

Web版では、複数のタスクをそれぞれ独立したクラウド環境で実行するタスクの並行実行機能があります。
一つのタスクを順番に処理するのではなく、並行して実行できるため、複数のタスクをClaudeに任せることで作業全体の速度を上げることができます。

また、AIとのやり取りで発生しがちな待ち時間も減らせるのが大きなメリットです。

モバイルアプリからの利用

iOSアプリからWeb版を利用できるため、外出先や移動中に開発・進捗確認・指示追加を行うことができます。
また、Web版で進めているタスクをCLI版に引き継げる連携機能もあります。

外出先でタスクを任せ、帰宅後にパソコンで続きの作業を進めるといった柔軟な運用が可能になりました。

※ このブログは創業22年のWeb企業「セルバ」が運営しています。
興味があれば[会社紹介はこちら]もご覧ください。

Claude Code on the Webの使い方

STEP
Claudeへのアクセス

まずは公式サイトのclaude.ai/codeにアクセスします。

STEP
GitHubアカウント連携する

プログラミング共有サービスであるGitHubと連携します。
この連携を行うことで、Claude Code on the Webはクラウド上に環境を複製し、その中でコードの編集やテスト実行を行えるようになります。

作業はクラウド側で進むため、自身のローカル環境に影響を与えずに開発を進めることができます。

STEP
GitHubリポジトリを用意(Claude GitHub Appをインストール)

作業場所として、GitHubリポジトリ(保管場所)を用意します。

GitHubにClaude GitHub Appをインストールし、その後、Claude Code on the Web側で作業対象のリポジトリを選択します。

STEP
ネットワーク許可と環境の選択

Claudeがタスクを実行するための環境を選択します。

最初は、基本的にデフォルト設定のままで問題ありません。

STEP
Claudeにタスクを任せる

ここまで設定ができたらWeb版を利用できます。

あとはClaudeにタスクを伝えて、作業を実行してもらいましょう。


Web版の利用を検討している方は、まず以下の公式サイトをご確認ください。

(Claude Code Docs「ウェブ上の Claude Code」)

Claude Code on the Webの料金

プラン料金(1ドル)どんなユーザー
Pro月額20ドル(約3,068円)小規模タスクに利用する
Max 5x月額100ドル(約15,340円)中規模タスクを並行して進めるユーザー
Max 20x月額200ドル(約30,681円)大規模タスクを日常的に回すヘビーユーザー
出展:Claude「Claude料金プラン
1ドル=153円(2026年1月29日時点)

Web版は、3つのプラン(Pro / Max 5x / Max 20x)で利用でき、プランによってトークン量(利用できる量)が異なります。

無料プランでは利用することができないため注意が必要です。

利用する上での注意点|GitHubへのアクセス権限

Claude Code on the Webを利用する際は、GitHubリポジトリへのアクセス権限に注意してください。

Claudeはタスク実行のために、対象リポジトリのコードを読み取り・変更ができます。
許可範囲が広すぎると機密情報へのアクセスや誤った変更が入るなどのリスクが高まります

機密性の高いプロジェクトでは、アクセス可能なリポジトリを最小限にしましょう。

まとめ

Claude Code on the Webは、様々な環境で開発を進められるほか、複数タスクの並行実行にも対応しているのが特徴です。
環境構築の手間が少なく、インターネット環境があれば利用できるため、スマートフォンを使って外出先から開発や進捗確認、指示出しを行うこともできます。
また、Web版とローカル(CLI)版を連携できるため、Web版で進めたタスクをローカル版に引き継ぎ、パソコンで続きの作業を進めるといった柔軟な使い方も可能です。

ClaudeがGitHub上のリポジトリを読み込み開発タスクを実行するため、利用にはGitHubとの連携が必要です。

Claude Code on the Webは、複数の開発タスクを同時に進めたい方や、場所を選ばず柔軟に開発したい方におすすめです。

今回ご紹介した内容が、皆様のWeb活用や発信のヒントになれば嬉しいです。
他にもWeb開発や集客に関する記事を多数掲載していますので、ぜひご覧ください。

セルバの開発について詳しく知りたい方へ

セルバでは、ポータルサイト制作・Webシステム構築を中心に
事業の成長につながるWeb開発を行っています。

実績やサービス内容をより具体的に知りたい方は
以下をご覧ください。

【セルバとは?】 | 【実績を見る】

  • URLをコピーしました!
  • URLをコピーしました!

YTGのアバター YTG WEBマーケター

広報・マーケティング部所属のインターン生。
趣味は映画鑑賞と散歩で、新しい視点や考え方に触れるきっかけになっています。
わかりやすい記事を目指すべく、親しみやすい言葉遣いを心がけています。

目次