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

ポータル/Webシステム・AI導入の相談はこちら

要件がふわっとしていてもOK。1営業日以内に返信します。

※「どこでセルバを知りましたか?」は分かる範囲でOKです。

開発実績を見る | 会社情報

コーディング支援ツールとして人気の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システム・AI導入の無料相談

まずは概算・要件整理からでもOK。1営業日以内に返信します。

 まずはサービス内容を確認したい方はこちら
→セルバのサービスを見る

開発実績を見る | 会社情報

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

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

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

目次