ブラウザだけでClaude Codeを動かす仕組みと、出先で効く使いどころ
AIコーディングツールは、手元のパソコンにインストールして使うのが基本です。エディタとターミナルが揃った環境があってこそ力を発揮する道具なので、逆に言えばパソコンを開けない状況では手が止まります。
ところが実務では、パソコンの前にいないときほど急ぎの用事が来ます。客先で対応している最中に自動テストが落ちた、会議中に緊急の修正依頼が飛んできた、といった場面です。
Claude Codeには、ブラウザから指示を出してクラウド上で作業させる使い方があります。手元に開発環境を用意する必要がなく、スマートフォンからでも指示が出せます。社内の情報共有会で紹介した内容をもとに、前提条件から実際の手順、つまずきやすい点までをまとめます。
前提条件
始める前に次の4点を確認します。いずれもClaude側の追加契約は必要ありません。
- ClaudeのPro・Max・Teamのいずれかのプランを利用していること(クラウド実行のための追加契約は不要)
- ブラウザ版のコード実行機能が組織で有効になっていること。Teamプランでは、組織のオーナーが管理設定で許可を有効にする必要がある
- GitHub側で対象リポジトリへのアクセスが許可されていること。これを設定しないとリポジトリが選択肢に出てこない
- 実行に使われるのは各利用者のアカウントの利用枠。クラウド環境そのものに追加料金はかからない
組織で CLAUDE.md などのルールを設定している場合、ブラウザからの実行にもそのルールが適用されます。ただし、自分のパソコンにだけ置いた設定は読み込まれないので、守らせたいルールはリポジトリに置いておきます。
手順:ブラウザで指示してマージまで
作業の流れは「リポジトリを選ぶ → やることを書く → プルリクエストを受け取る → レビューしてマージする」の4段階です。最後まですべてブラウザの中で完結します。
Step 1: リポジトリとブランチを選ぶ
ブラウザでClaudeを開き、通常のチャットではなくコード実行の画面に切り替えます。入力欄からGitHubのリポジトリを選べるようになっているので、作業させたいリポジトリと、起点にするブランチを指定します。
リポジトリが一覧に出てこない場合は、GitHub側のアクセス許可が済んでいません。後述の「つまずきポイントと注意点」を参照してください。
Step 2: やることを書いて実行する
あとは普段どおり日本語で指示を書くだけです。実行環境はクラウド側に作られるため、手元でリポジトリをクローンしたり依存関係を入れたりする作業は発生しません。
集計金額がずれる不具合を調べて修正してください。
原因が複数ある場合は、それぞれ分けて説明してください。
修正はブランチを作り、プルリクエストを出してください。
指示を出したらブラウザを閉じてかまいません。作業はクラウド側で続き、あとから同じ画面を開けば途中経過と結果を確認できます。会議の前に頼んでおいて、終わるころに見に行くという使い方ができます。
実際に試したときは、依頼した不具合の原因を2つ特定したうえで、こちらが頼んでいなかった別の不具合まで報告してきました。さらに金額の計算に関わる変更だったため、コミットする前に手を止めて判断を求めてきました。任せきりにはならず、判断が必要なところでは人に確認を求めてきます。
Step 3: プルリクエストを受け取る
作業が終わると、結果はプルリクエストの形で返ってきます。テストがあるリポジトリなら、テストを通したうえで報告してきます。
ここで大事なのは、勝手に本番へ入ることはないという点です。変更はブランチに入り、取り込むかどうかは人が決めます。プルリクエストまで作ってほしいときは、Step 2の指示のように明示的に頼んでおくと確実です。
Step 4: レビューとマージもブラウザで指示する
返ってきたプルリクエストはGitHubを開いて確認してもかまいませんが、そのままブラウザ上のClaudeに続けて頼むこともできます。
プルリクエストの内容をレビューして、指摘があれば挙げてください。
内容に納得できたら、マージまで指示できます。
指摘がなければ main にマージしてください。
差分の表示はスマートフォンの画面幅に合わせて整えられるため、選択肢の提示などはかえって読みやすい場合もあります。ただし変更が大きく複雑な差分になると、やはりパソコンの画面で見たほうが速いです。
どんな場面で効くのか
手元の環境に縛られないという性質が、そのまま使いどころになります。
出先で急な修正依頼が来たとき
客先での対応中や移動中に修正依頼が来ても、スマートフォンから指示を出せます。実際に、店舗でのお客様対応の合間にスマートフォンから指示を出して修正した例が何度かありました。パソコンを開いて環境を立ち上げる時間が要りません。
会議中に頼んでおく
会議が始まる前に指示だけ出しておき、ブラウザを閉じます。作業はクラウド側で進むので、会議が終わるころには結果が届いています。
複数件を並行で走らせる
指示ごとに別のクラウド環境が使われるため、複数の依頼を同時に走らせられます。3件まとめて頼んでおいて、戻ってきた順にレビューするといった進め方ができます。
つまずきポイントと注意点
社内で紹介したときに質問が集まったのは、機能そのものよりもこのあたりでした。
リポジトリが選択肢に出てこない
GitHub側でアクセス許可を設定していないと、リポジトリを選ぶ欄に何も出てきません。機能の不具合ではないので、まずGitHub側の連携設定を確認してください。
選んだリポジトリだけに閉じているわけではない
最初にリポジトリを1つ選びますが、これは作業の入口であって権限の境界ではありません。会話の途中で別のリポジトリを参照させることもできます。触れる範囲は、選んだリポジトリではなく、GitHubとの連携で許可したリポジトリ全体です。
この性質は使いようで、参照させたい資料をリポジトリに置いておけば、指示のなかで読ませられます。逆に、まったく関係のない場所にあるファイルは参照できません。同時に、誰にどのリポジトリへのアクセス権を渡しているかは、あらためて確認しておいたほうがよい点でもあります。
「手元のパソコンを遠隔操作する」のとは別物
混同されやすいので分けて説明します。Claude Codeには、パソコンで動かしているセッションを外部から操作できるようにする機能もあります。用途は近いのですが、性質が違います。
- ブラウザからのクラウド実行:実行される場所はクラウド側。手元のパソコンは不要で、閉じてかまわない
- 手元のパソコンの遠隔操作:発行されたURLからスマートフォンでセッションを引き継ぐ方式。実行されるのはパソコン側なので、パソコンは起動したまま、スリープにも入らないようにしておく必要がある
使い分けは単純です。ゼロから頼むならクラウド実行、パソコンでやりかけていた作業の続きを外から進めたいなら遠隔操作、と考えれば足ります。
セッションの共有はアクセス権が前提
作業中のセッションは、リンクを発行して他の人に見せることもできます。既定では自分だけが見られる状態で、「チーム」に切り替えるとリンクを持つ人が閲覧できます。ただし誰でも読めるわけではなく、そのリポジトリにアクセスできる人に限られます。
そのため、個人のリポジトリで動かしているセッションのリンクを社内に共有しても、相手側では開けません。組織とリポジトリの権限が揃っていることが前提です。共有したままにすると社内から見え続けるので、用が済んだら自分だけの状態に戻しておきます。
使い勝手はローカルに劣る
正直に書いておくと、操作性はパソコンで使うときのほうが上です。ブラウザからのクラウド実行は「パソコンが手元にない」という制約を外すための手段で、常用するためのものではありません。試してみてローカルに戻る人がいても不思議はありません。
もう一つのルート:GitHubのコメントから起動する
ブラウザの画面から始める以外に、GitHubのIssueやプルリクエストに @claude とメンションしてコメントし、そこから起動する方法もあります。
違いは実行される場所です。ブラウザから始めた場合はAnthropic側のクラウド環境で動きますが、コメントから起動する場合はGitHub Actionsのランナー、つまりGitHub側の環境で動きます。そのため、あらかじめワークフローを用意し、トークンを登録しておく必要があります。
すぐ試したいならブラウザから、プルリクエストのテスト失敗やレビューコメントへの対応を自動で回したいならコメント起動、という使い分けになります。まず前者で感触をつかんでから後者に進むのが、無理のない順序です。
まとめ
ブラウザからClaude Codeをクラウド実行すると、手元に開発環境がなくても、指示からプルリクエストのレビュー・マージまでをその場で進められます。前提はGitHub側のアクセス許可と組織での有効化だけで、Claude側の追加契約や追加料金は要りません。
押さえておきたいのは、リポジトリの選択が権限の境界ではないこと、手元のパソコンを遠隔操作する方式とは別物であること、共有はアクセス権のある人に限られることの3点です。ここを理解しておけば、運用で戸惑うことは少ないはずです。
あわせて申し添えると、この仕組みは「いつでもどこでも働けるようにする」ための道具ではありません。手が離せない場面で復旧や対応が必要になったときの逃げ道として持っておく、という位置づけが健全だと考えています。
当社ではAIを活用した開発体制の整備や業務システムの構築に関するご相談を承っております。お気軽にお問い合わせください。
