クラウド開発環境で使う
クラウド開発環境を使えば、ブラウザやエディタからリモートサーバー上の開発環境にアクセスし、Claude Code を活用できます。
GitHub Codespaces
GitHub Codespaces は、GitHub が提供するクラウド開発環境です。リポジトリから数クリックで開発環境を構築できます。
セットアップ手順
- GitHub リポジトリで「Code」ボタンをクリック
- 「Codespaces」タブを選択
- 「Create codespace on main」をクリック
- VS Code がブラウザで開いたら、ターミナルを開く
- Claude Code をインストール:
bash
curl -fsSL https://claude.ai/install.sh | bash
claudedevcontainer で自動セットアップ
.devcontainer/devcontainer.json に設定しておけば、Codespace 作成時に自動でインストールされます:
json
{
"name": "My Project",
"image": "mcr.microsoft.com/devcontainers/base:ubuntu",
"postCreateCommand": "curl -fsSL https://claude.ai/install.sh | bash",
"features": {
"ghcr.io/devcontainers/features/node:1": {}
}
}VS Code Remote
VS Code の Remote - SSH 拡張機能を使えば、ローカルの VS Code からリモートサーバーに接続して開発できます。
セットアップ手順
- VS Code に「Remote - SSH」拡張機能をインストール
Cmd+Shift+P(Mac)/Ctrl+Shift+P(Windows)→ 「Remote-SSH: Connect to Host」- SSH ホスト情報を入力(例:
user@your-server.example.com) - 接続後、VS Code のターミナルで Claude Code を起動:
bash
claudeVS Code のファイルツリーとターミナルの両方でリモートのファイルを操作できます。
その他のクラウド開発環境
| サービス | 特徴 |
|---|---|
| Gitpod | GitHub / GitLab リポジトリからワンクリックで環境構築 |
| AWS Cloud9 | AWS サービスとの連携が容易 |
| Google Cloud Shell | GCP プロジェクトとの連携が容易 |
いずれの環境でも、ターミナルが使えれば Claude Code をインストールして利用できます。
セットアップ手順(共通)
bash
# 1. Claude Code をインストール
curl -fsSL https://claude.ai/install.sh | bash
# 2. バージョン確認
claude --version
# 3. プロジェクトディレクトリで起動
cd /path/to/project
claudeポイント
クラウド開発環境では、API キーを環境変数として設定しておくと便利です。Codespaces の場合は GitHub の Secrets に設定できます。
もっと詳しく知りたい方へ