はじめに:なぜ環境のポータブル化が必要か
Claude Codeを使った開発が快適になってきた矢先、こんな経験はありませんか?
- 会社PCで作ったスキルやエージェントが、自宅PCでは使えない
- 出張先のノートPCで作業しようとしたら、設定を全部やり直し
- 「どこでも仕事できる」はずなのに、環境設定に毎回30分以上かかる
実は、Claude Codeは現在のところWeb版が一般公開されておらず、基本的にローカル環境(VSCode拡張)での利用が前提となっています。そのため、複数のデバイスで同じ開発環境を維持するには、意識的な設計が必要です。
本記事では、30分で実現できる完全ポータブル化の方法を、4つのアプローチから解説します。
この記事で学べること
- Claude Code環境をポータブル化する4つの方法
- グローバル設定・クラウド同期・GitHub Codespaces・SSH接続の特徴
- 推奨アプローチ:グローバル設定 + OneDrive + VSCode Settings Sync(30分実装)
- 実装手順の完全版(コピペで動作)
- トラブルシューティングとベストプラクティス
対象読者
- Claude Codeを日常的に使用しているエンジニア・開発者
- 複数デバイス(会社PC、自宅PC、ノートPC等)で開発している方
- リモートワークや出張で場所が変わることが多い方
- OneDriveやDropboxなどのクラウドストレージを既に使っている方
前提条件
| 項目 | 値 |
|---|---|
| OS | Windows 11 / macOS 14.x / Ubuntu 22.04 |
| Claude Code | 最新版(VSCode拡張) |
| VSCode | バージョン 1.85以上 |
| クラウドストレージ | OneDrive / Dropbox / Google Drive(方法2で使用) |
| 検証日 | 2026年1月22日 |
情報の鮮度について
この記事は 2026年1月時点 の情報に基づいています。
Claude Codeやクラウドサービスの料金・機能・制限は変更される可能性があるため、
最新情報は公式ドキュメントをご確認ください。
Claude Code for Webの現状と制約
Web版の現状
2026年1月時点で、Claude Code公式ドキュメントには「Claude Code on the web」というページが存在しますが、これは企業向けのデプロイメントオプションを指しています。
利用可能なデプロイメント先:
- Amazon Bedrock
- Google Vertex AI
- Microsoft Azure Foundry
- その他のエンタープライズ環境
個人ユーザーの現状
一般的な個人ユーザーの場合、Claude CodeはVSCode拡張機能としてローカル環境にインストールして使用します。そのため、以下の課題があります:
| 課題 | 詳細 |
|---|---|
| 設定の非共有 | プロジェクトの .claude/ フォルダはローカルに保存される |
| スキル・エージェントの再設定 | デバイスごとに手動でコピーが必要 |
| グローバル設定の同期不可 |
~/.claude/ フォルダは各デバイスで独立 |
| 拡張機能の再インストール | VSCode設定が同期されていない場合、再設定が必要 |
なぜポータブル化が重要か
現代の働き方では、1台のPCに縛られることは少なくなりました:
- 会社PC: チームプロジェクトでの開発
- 自宅PC: 個人プロジェクトや学習
- ノートPC: 出張先やカフェでの作業
- クラウドIDE: インターネット環境のみで作業
これらすべてで同じClaude Code環境を維持できることは、生産性の大幅な向上につながります。
環境ポータブル化の4つの実現方法
Claude Code環境をポータブル化する方法は、大きく4つあります。それぞれのメリット・デメリットを理解して、自分に最適な方法を選びましょう。
方法の概要比較
| 方法 | 実装時間 | コスト | 自動同期 | 推奨度 |
|---|---|---|---|---|
| 1. グローバル設定での共有 | 5分 | 無料 | ❌ 手動 | ⭐⭐⭐☆☆ |
| 2. OneDrive/Dropbox自動同期 | 10分 | 無料〜 | ✅ 自動 | ⭐⭐⭐⭐⭐ |
| 3. GitHub Codespaces | 20分 | 無料〜 | ✅ 自動 | ⭐⭐⭐⭐☆ |
| 4. VS Code Remote + SSH | 30分 | サーバー代 | ✅ 自動 | ⭐⭐⭐☆☆ |
それでは、それぞれの方法を詳しく見ていきましょう。
方法1:グローバル設定での共有
概要
Claude Codeには、プロジェクト設定(.claude/)とグローバル設定(~/.claude/)の2種類があります。グローバル設定に配置したスキル・エージェント・ルールは、すべてのプロジェクトで自動的に利用可能になります。
仕組み
プロジェクトA/
├── .claude/ ← プロジェクト固有の設定
│ ├── agents/
│ └── skills/
│
~/.claude/ ← グローバル設定(全プロジェクトで有効)
├── agents/
│ └── article-writer.md
├── skills/
│ └── code-review/
└── rules/
└── coding-standards.md
グローバル設定の場所
| OS | パス |
|---|---|
| Windows | C:\Users\<ユーザー名>\.claude\ |
| macOS | ~/.claude/ |
| Linux | ~/.claude/ |
実装手順
ステップ1: グローバル設定ディレクトリを作成
Windows (PowerShell)
# グローバル設定ディレクトリを作成
mkdir -Force $env:USERPROFILE\.claude\agents
mkdir -Force $env:USERPROFILE\.claude\skills
mkdir -Force $env:USERPROFILE\.claude\rules
# 作成を確認
dir $env:USERPROFILE\.claude
macOS / Linux (Bash)
# グローバル設定ディレクトリを作成
mkdir -p ~/.claude/agents
mkdir -p ~/.claude/skills
mkdir -p ~/.claude/rules
# 作成を確認
ls -la ~/.claude/
ステップ2: 既存のプロジェクト設定をコピー
既存プロジェクトの設定をグローバル設定にコピーします。
Windows (PowerShell)
# 既存プロジェクトの設定をグローバル設定にコピー
Copy-Item "Antigravity\.claude\*" $env:USERPROFILE\.claude\ -Recurse -Force
# コピーされたファイルを確認
dir $env:USERPROFILE\.claude\agents
dir $env:USERPROFILE\.claude\skills
macOS / Linux (Bash)
# 既存プロジェクトの設定をグローバル設定にコピー
cp -r ~/Projects/Antigravity/.claude/* ~/.claude/
# コピーされたファイルを確認
ls -la ~/.claude/agents
ls -la ~/.claude/skills
ステップ3: 他のデバイスでも同じ設定を作成
他のデバイス(自宅PC、ノートPC等)でも、手動で同じファイルをコピーします。
メリット
- ✅ 実装が簡単:5分で完了
- ✅ コストゼロ:追加ツール不要
- ✅ すべてのプロジェクトで利用可能:一度設定すれば全プロジェクトで有効
デメリット
- ❌ 手動同期が必要:デバイス間で自動同期されない
- ❌ 更新の管理が煩雑:スキルを更新したら、全デバイスで手動更新が必要
- ❌ バックアップなし:PCが壊れたら設定も失われる
向いている人
- 使用するデバイスが1〜2台程度
- スキル・エージェントの更新頻度が低い
- まず手軽に試してみたい
方法2:OneDrive/Dropbox自動同期
概要
プロジェクトフォルダ全体をOneDrive、Dropbox、Google Drive等のクラウドストレージに配置することで、自動的に全デバイスで同期されます。
ユーザーの現環境を活用: すでにOneDrive環境がある場合、追加設定なしで即座に利用可能です。
仕組み
OneDrive/
└── Desktop/
└── Antigravity/ ← OneDriveで自動同期
├── .claude/
│ ├── agents/
│ └── skills/
└── プロジェクトファイル...
↓ 自動同期 ↓
[会社PC] ⇄ [OneDrive] ⇄ [自宅PC] ⇄ [ノートPC]
実装手順
ステップ1: プロジェクトをクラウドストレージに配置
既にOneDrive配下にプロジェクトがある場合(今回のケース)
ユーザーの環境では、すでに以下の場所にプロジェクトがあります:
c:\Users\kotam\OneDrive - 株式会社Eye Universe\デスクトップ\Antigravity\
この場合、追加の設定は不要です。OneDriveが自動的に同期してくれます。
プロジェクトをOneDriveに移動する場合
# プロジェクトをOneDriveにコピー
Copy-Item "C:\Projects\Antigravity" "$env:OneDrive\Projects\Antigravity" -Recurse
# VSCodeで新しい場所を開く
code "$env:OneDrive\Projects\Antigravity"
ステップ2: 他のデバイスでOneDrive同期を確認
-
OneDriveアプリをインストール(未インストールの場合)
- Windows: Microsoft Storeから「OneDrive」をインストール
- macOS: App Storeから「OneDrive」をインストール
-
同期状態を確認
# OneDriveの同期状態を確認 dir "$env:OneDrive\Desktop\Antigravity\.claude" -
VSCodeでプロジェクトを開く
code "$env:OneDrive\Desktop\Antigravity"
ステップ3: VSCode Settings Syncを有効化(推奨)
VSCodeの拡張機能や設定も同期するため、Settings Syncを有効化します。
-
VSCodeでSettings Syncを有効化
- VSCodeで
Ctrl+Shift+P(macOS:Cmd+Shift+P) - 「Settings Sync: Turn On」を選択
- GitHubまたはMicrosoftアカウントでサインイン
- VSCodeで
-
同期する項目を選択
- ✅ Settings(設定)
- ✅ Keyboard Shortcuts(キーボードショートカット)
- ✅ Extensions(拡張機能)
- ✅ User Snippets(ユーザースニペット)
-
他のデバイスでも同じアカウントでサインイン
- 自動的にClaude Code拡張機能もインストールされます
メリット
- ✅ 完全自動同期:ファイルを保存すれば自動的に全デバイスに反映
- ✅ バックアップ機能:クラウドにバックアップされるため、PCが壊れても安心
- ✅ 既存環境を活用:OneDrive等を既に使っていれば追加コストなし
- ✅ バージョン履歴:OneDrive/Dropboxはファイルのバージョン履歴を保持
デメリット
- ❌ 同期の遅延:大量のファイルがある場合、同期に時間がかかる
- ❌ ストレージ容量の制約:無料プランでは容量制限あり(OneDrive: 5GB、Dropbox: 2GB)
- ❌ 競合の可能性:複数デバイスで同時編集すると競合が発生する可能性
ストレージ容量の目安
| サービス | 無料プラン | 有料プラン |
|---|---|---|
| OneDrive | 5GB | 100GB: 224円/月、1TB: Microsoft 365付属 |
| Dropbox | 2GB | 2TB: 1,500円/月 |
| Google Drive | 15GB | 100GB: 250円/月、2TB: 1,300円/月 |
一般的なClaude Codeプロジェクトは、.claude/ フォルダのサイズが数MB〜数十MB程度なので、無料プランでも十分です。
向いている人
- ✅ OneDrive/Dropboxを既に使っている
- ✅ 複数デバイスで頻繁に作業する
- ✅ 自動同期とバックアップの両方が欲しい
- ✅ 手動管理の手間を減らしたい
トラブルシューティング
同期が遅い場合
OneDriveの同期設定を確認:
# OneDriveの同期状態を確認
Get-Process OneDrive
# OneDriveを再起動
taskkill /f /im OneDrive.exe
Start-Process "$env:LOCALAPPDATA\Microsoft\OneDrive\OneDrive.exe"
競合が発生した場合
OneDrive/Dropboxは競合ファイルを自動的に保存します:
Antigravity/.claude/agents/article-writer.md
Antigravity/.claude/agents/article-writer (競合コピー 2026-01-22).md
競合を解決するには、両方のファイルを比較して手動でマージします。
方法3:GitHub Codespaces
概要
GitHub Codespacesは、ブラウザベースの完全なVSCode開発環境です。クラウド上で動作するため、どのデバイスからでもブラウザさえあればアクセスできます。
仕組み
GitHubリポジトリ
├── .devcontainer/
│ └── devcontainer.json ← 環境定義
├── .claude/
│ ├── agents/
│ └── skills/
└── プロジェクトファイル...
↓ Codespaces起動 ↓
[クラウド上のVSCode] ← どのデバイスからでもアクセス可能
実装手順
ステップ1: GitHubリポジトリを作成
# プロジェクトをGitリポジトリに初期化
cd Antigravity
git init
git add .
git commit -m "Initial commit"
# GitHubリポジトリを作成(GitHub CLIを使用)
gh repo create Antigravity --private --source=. --push
ステップ2: devcontainer.jsonを作成
.devcontainer/devcontainer.json を作成して、環境を定義します。
{
"name": "Claude Code Development",
"image": "mcr.microsoft.com/devcontainers/typescript-node:1-20-bullseye",
"features": {
"ghcr.io/devcontainers/features/github-cli:1": {}
},
"customizations": {
"vscode": {
"extensions": [
"Anthropic.claude-code"
],
"settings": {
"files.watcherExclude": {
"**/.git/objects/**": true,
"**/.git/subtree-cache/**": true,
"**/node_modules/*/**": true
}
}
}
},
"postCreateCommand": "npm install",
"remoteUser": "node"
}
ステップ3: Codespacesを起動
GitHubウェブサイトから
- GitHubリポジトリページにアクセス
- 「Code」ボタンをクリック
- 「Codespaces」タブを選択
- 「Create codespace on main」をクリック
GitHub CLIから
# Codespacesを作成して起動
gh codespace create --repo your-username/Antigravity
# 既存のCodespacesを一覧表示
gh codespace list
# Codespacesに接続
gh codespace code
ステップ4: Claude Code拡張機能を設定
Codespaces内で:
-
.claude/フォルダがリポジトリに含まれているか確認 - Claude Code拡張機能が自動的にインストールされているか確認
- Claude Code APIキーを設定(必要な場合)
メリット
- ✅ どこでもアクセス可能:ブラウザさえあればどのデバイスからでも同じ環境
- ✅ 環境の完全再現:devcontainer.jsonで環境を完全に定義
- ✅ 月60時間無料:個人ユーザーは月60時間まで無料(2コアマシン)
- ✅ 高性能マシン選択可能:ローカルPCより高性能なマシンも選択可能
デメリット
- ❌ インターネット必須:オフラインでは作業できない
- ❌ 無料枠の制限:月60時間を超えると従量課金($0.18/時)
- ❌ 起動時間:初回起動時は環境構築に2〜3分かかる
- ❌ ネットワーク遅延:リモート環境のため、操作に若干の遅延
料金(個人プラン)
| マシンタイプ | 無料枠 | 超過料金 |
|---|---|---|
| 2コア 8GB | 月60時間 | $0.18/時 |
| 4コア 16GB | 月30時間 | $0.36/時 |
| 8コア 32GB | 月15時間 | $0.72/時 |
向いている人
- ✅ 出張が多く、デバイスが頻繁に変わる
- ✅ タブレットやChromebookでも開発したい
- ✅ ローカルPCの性能が低い
- ✅ 常にインターネット接続がある環境
ベストプラクティス
1. Codespacesの自動停止設定
コストを抑えるため、使わないときは自動的に停止するよう設定:
# Codespacesの設定を確認
gh codespace list
# 30分アイドル後に自動停止
gh codespace edit --idle-timeout 30m
2. プリビルドの活用
頻繁に使うリポジトリは、プリビルドを設定して起動時間を短縮:
# .github/workflows/codespaces-prebuild.yml
name: Codespaces Prebuild
on:
push:
branches: [main]
jobs:
prebuild:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Prebuild devcontainer
uses: devcontainers/ci@v0.3
方法4:VS Code Remote Development + SSH
概要
リモートマシン(自宅の常時稼働サーバー、クラウドVPS等)にClaude Code環境を構築し、どのデバイスからでもSSH経由で接続します。
仕組み
[リモートマシン]
├── プロジェクト/
│ ├── .claude/
│ │ ├── agents/
│ │ └── skills/
│ └── ソースコード...
│
↓ SSH接続 ↓
[会社PC] → SSH → [リモートマシン]
[自宅PC] → SSH → [リモートマシン]
[ノートPC] → SSH → [リモートマシン]
実装手順
ステップ1: リモートマシンの準備
クラウドVPSを使う場合(AWS EC2の例)
# EC2インスタンスを作成(AWS CLI使用)
aws ec2 run-instances \
--image-id ami-0c55b159cbfafe1f0 \
--instance-type t2.micro \
--key-name my-key-pair \
--security-group-ids sg-xxxxxx
# パブリックIPを確認
aws ec2 describe-instances --instance-ids i-xxxxx
自宅サーバーを使う場合
- Ubuntu ServerやRaspberry Pi OSをインストール
- SSH Serverを有効化:
sudo systemctl enable ssh - ファイアウォールでSSHポートを開放:
sudo ufw allow 22
ステップ2: VS Code Remote - SSHをインストール
- VSCodeで拡張機能「Remote - SSH」をインストール
-
Ctrl+Shift+P→ 「Remote-SSH: Connect to Host」 - SSH接続情報を入力:
ssh user@remote-host
ステップ3: リモートマシンにClaude Codeをセットアップ
リモートマシンにSSH接続後:
# Node.jsをインストール(Claude Code拡張機能に必要)
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
sudo apt-get install -y nodejs
# プロジェクトをクローン
git clone https://github.com/your-username/Antigravity.git
cd Antigravity
# Claude Code拡張機能をVSCodeでインストール
code --install-extension Anthropic.claude-code
ステップ4: 他のデバイスから接続
他のデバイス(自宅PC、ノートPC等)でも:
- VS Code Remote - SSHをインストール
- 同じSSH接続情報で接続
- リモートマシン上の同じプロジェクトフォルダを開く
メリット
- ✅ 既存環境をそのまま活用:リモートマシンに一度構築すれば完了
- ✅ 高性能マシンを利用可能:ローカルPCが低スペックでも問題なし
- ✅ 完全な環境一貫性:すべてのデバイスから同じ環境にアクセス
デメリット
- ❌ サーバー維持コスト:VPSやEC2の料金が発生(月数ドル〜)
- ❌ インターネット必須:オフラインでは作業できない
- ❌ ネットワーク遅延:SSH接続のため、操作に遅延がある
- ❌ セキュリティ管理:SSH鍵管理、ファイアウォール設定が必要
コスト目安(クラウドVPS)
| サービス | プラン | 料金 |
|---|---|---|
| AWS EC2 | t2.micro (1vCPU, 1GB) | $8.50/月 |
| Google Cloud | e2-micro (0.25vCPU, 1GB) | $7.11/月 |
| DigitalOcean | Basic (1vCPU, 1GB) | $6/月 |
| Vultr | Cloud Compute (1vCPU, 1GB) | $6/月 |
向いている人
- ✅ 自宅にNASや常時稼働サーバーがある
- ✅ クラウドVPSの知識がある
- ✅ 高性能なリモート環境が欲しい
- ✅ セキュリティ管理に自信がある
推奨アプローチ:3つの組み合わせで30分実装
4つの方法を紹介しましたが、最もバランスが良く、実用的なのは以下の組み合わせです:
推奨構成
✅ グローバル設定(~/.claude/)
↓ すべてのプロジェクトで共通利用
+
✅ OneDrive自動同期
↓ プロジェクトフォルダを自動バックアップ
+
✅ VSCode Settings Sync
↓ 拡張機能と設定を自動同期
なぜこの組み合わせが最適か
| 要素 | 役割 | メリット |
|---|---|---|
| グローバル設定 | 全プロジェクトで共通のスキル・エージェント | プロジェクトを新規作成してもすぐ使える |
| OneDrive同期 | プロジェクト固有の設定を自動同期 | 手動コピー不要、バックアップも自動 |
| VSCode Settings Sync | Claude Code拡張機能を自動インストール | 新デバイスでもセットアップが一瞬 |
完全実装手順(30分)
フェーズ1: グローバル設定を作成(5分)
# Windows PowerShell
# 1. グローバル設定ディレクトリを作成
mkdir -Force $env:USERPROFILE\.claude\agents
mkdir -Force $env:USERPROFILE\.claude\skills
mkdir -Force $env:USERPROFILE\.claude\rules
# 2. 既存プロジェクトの設定をコピー
Copy-Item "Antigravity\.claude\*" $env:USERPROFILE\.claude\ -Recurse -Force
# 3. コピーされた内容を確認
dir $env:USERPROFILE\.claude\agents
dir $env:USERPROFILE\.claude\skills
# macOS / Linux
# 1. グローバル設定ディレクトリを作成
mkdir -p ~/.claude/agents
mkdir -p ~/.claude/skills
mkdir -p ~/.claude/rules
# 2. 既存プロジェクトの設定をコピー
cp -r ~/Projects/Antigravity/.claude/* ~/.claude/
# 3. コピーされた内容を確認
ls -la ~/.claude/agents
ls -la ~/.claude/skills
フェーズ2: プロジェクトをOneDriveに配置(10分)
既にOneDrive配下にある場合(ユーザーの環境)
# すでにOneDrive配下にあるので、追加作業は不要
dir "$env:OneDrive\Desktop\Antigravity\.claude"
OneDriveに移動する場合
# プロジェクトをOneDriveにコピー
Copy-Item "C:\Projects\Antigravity" "$env:OneDrive\Projects\Antigravity" -Recurse
# VSCodeで開く
code "$env:OneDrive\Projects\Antigravity"
フェーズ3: VSCode Settings Syncを有効化(15分)
-
VSCodeでSettings Syncを有効化
-
Ctrl+Shift+P(macOS:Cmd+Shift+P) - 「Settings Sync: Turn On」を選択
- GitHubまたはMicrosoftアカウントでサインイン
-
-
同期する項目を選択
- ✅ Settings(設定)
- ✅ Keyboard Shortcuts(キーボードショートカット)
- ✅ Extensions(拡張機能)
- ✅ User Snippets(ユーザースニペット)
- ✅ UI State(UIの状態)
-
他のデバイスで同じアカウントでサインイン
- 自動的にClaude Code拡張機能もインストールされます
- グローバル設定(
~/.claude/)は手動でコピーが必要
フェーズ4: 他のデバイスでの設定(10分/デバイス)
新しいデバイス(自宅PC、ノートPC等)での作業
- OneDriveをインストール・サインイン
- 同期完了を待つ(プロジェクトサイズによる)
- VSCodeをインストール
- VSCode Settings Syncでサインイン(拡張機能が自動インストール)
- グローバル設定をコピー(USBメモリ、GitHub Gist等で)
# Windows: グローバル設定をコピー(USBから)
Copy-Item "D:\backup\.claude\*" $env:USERPROFILE\.claude\ -Recurse -Force
# macOS / Linux: グローバル設定をコピー(GitHub Gistから)
git clone https://gist.github.com/your-gist-id ~/.claude-backup
cp -r ~/.claude-backup/* ~/.claude/
実装後の動作確認
すべての設定が完了したら、以下を確認:
# 1. グローバル設定を確認
dir $env:USERPROFILE\.claude\agents
dir $env:USERPROFILE\.claude\skills
# 2. OneDrive同期を確認
dir "$env:OneDrive\Desktop\Antigravity\.claude"
# 3. VSCodeでプロジェクトを開く
code "$env:OneDrive\Desktop\Antigravity"
VSCode内で:
- Claude Codeを起動
-
/agentsコマンドでエージェント一覧を確認 -
/skillsコマンドでスキル一覧を確認 - グローバル設定のエージェント・スキルが表示されればOK
この構成のメリット
- ✅ 30分で完全ポータブル化:初回セットアップは30分、2台目以降は10分
- ✅ 無料で実現可能:OneDrive無料プラン(5GB)で十分
- ✅ 自動同期:ファイルを保存すれば自動的に全デバイスに反映
- ✅ バックアップ機能:OneDriveがバックアップも兼ねる
- ✅ 既存環境を活用:OneDriveを既に使っていれば追加コストなし
トラブルシューティングとよくある質問
Q1: グローバル設定が認識されない
症状: ~/.claude/ にスキルを配置したが、Claude Codeで表示されない
原因と解決策:
-
ディレクトリ構造が正しいか確認
# 正しい構造 $env:USERPROFILE\.claude\ ├── agents\ │ └── article-writer.md └── skills\ └── code-review\ └── SKILL.md -
ファイル名が正しいか確認
- エージェント:
*.md(任意の名前) - スキル: ディレクトリ内に
SKILL.mdが必須
- エージェント:
-
VSCodeを再起動
- 設定変更後はVSCodeの再起動が必要な場合があります
Q2: OneDrive同期が遅い
症状: ファイルを保存してもすぐに他のデバイスに反映されない
解決策:
-
OneDriveの同期状態を確認
# OneDriveプロセスが動作しているか確認 Get-Process OneDrive -
手動で同期を強制
- エクスプローラーでOneDriveフォルダを右クリック
- 「今すぐ同期」を選択
-
OneDriveを再起動
taskkill /f /im OneDrive.exe Start-Process "$env:LOCALAPPDATA\Microsoft\OneDrive\OneDrive.exe"
Q3: VSCode Settings Syncで拡張機能が同期されない
症状: 新しいデバイスでVSCode Settings Syncを有効化したが、Claude Code拡張機能がインストールされない
解決策:
-
同期する項目を確認
-
Ctrl+Shift+P→ 「Settings Sync: Configure」 - 「Extensions」にチェックが入っているか確認
-
-
手動で同期を強制
-
Ctrl+Shift+P→ 「Settings Sync: Sync Now」
-
-
拡張機能を手動でインストール
- 拡張機能タブで「Anthropic.claude-code」を検索してインストール
Q4: 複数デバイスで同時編集して競合が発生した
症状: OneDriveで「競合コピー」ファイルが作成された
article-writer.md
article-writer (競合コピー 2026-01-22).md
解決策:
-
両ファイルを比較
# VSCodeの差分表示機能を使用 code --diff "article-writer.md" "article-writer (競合コピー 2026-01-22).md" -
変更を手動でマージ
- 両方の変更を確認して、必要な部分を統合
-
競合コピーを削除
Remove-Item "*競合コピー*" -
今後の対策
- 作業前に必ず最新版を同期
- 同時編集を避ける(作業デバイスを決める)
Q5: グローバル設定とプロジェクト設定、どちらを使うべき?
使い分けの基準:
| 設定の種類 | 配置場所 | 使用例 |
|---|---|---|
| 全プロジェクト共通 | ~/.claude/ |
コードレビュースキル、記事作成エージェント |
| プロジェクト固有 | プロジェクト/.claude/ |
プロジェクト専用のドメイン知識スキル |
優先順位:
- プロジェクト設定(
.claude/)> グローバル設定(~/.claude/) - 同名のスキル・エージェントがある場合、プロジェクト設定が優先されます
Q6: GitHub Codespacesの無料枠60時間を超えそう
コスト削減の方法:
-
自動停止時間を短縮
# 10分アイドル後に自動停止 gh codespace edit --idle-timeout 10m -
使わないときは手動で停止
# Codespacesを停止 gh codespace stop -
低スペックマシンを選択
- 2コアマシン(月60時間無料)を優先的に使用
-
ローカル環境と併用
- メインの作業はローカル環境
- 外出先のみCodespacesを使用
Q7: 会社のセキュリティポリシーでOneDriveが使えない
代替案:
-
会社承認のクラウドストレージを使用
- Google Drive、Box等、会社で許可されているサービス
-
グローバル設定のみを使用
- プロジェクトごとの設定は諦め、グローバル設定に集約
- 手動でUSBメモリ等でバックアップ
-
GitHub Codespacesを使用
- プライベートリポジトリで管理(会社の許可が必要)
-
VS Code Remote + 社内サーバー
- 会社の開発サーバーにSSH接続
まとめと次のステップ
この記事のまとめ
Claude Code環境をポータブル化する4つの方法を解説しました:
| 方法 | 実装時間 | コスト | 自動同期 | 推奨度 |
|---|---|---|---|---|
| 1. グローバル設定 | 5分 | 無料 | ❌ | ⭐⭐⭐☆☆ |
| 2. OneDrive/Dropbox | 10分 | 無料〜 | ✅ | ⭐⭐⭐⭐⭐ |
| 3. GitHub Codespaces | 20分 | 無料〜 | ✅ | ⭐⭐⭐⭐☆ |
| 4. Remote + SSH | 30分 | サーバー代 | ✅ | ⭐⭐⭐☆☆ |
推奨アプローチ: グローバル設定 + OneDrive + VSCode Settings Sync
- ✅ 30分で完全ポータブル化
- ✅ 無料で実現可能
- ✅ 既存環境(OneDrive)を最大活用
実装のステップ
- フェーズ1(5分): グローバル設定を作成
- フェーズ2(10分): プロジェクトをOneDriveに配置
- フェーズ3(15分): VSCode Settings Syncを有効化
- フェーズ4(10分/デバイス): 他のデバイスで設定
次のアクションアイテム
今すぐ始められるアクション:
- グローバル設定ディレクトリを作成(5分)
- 既存プロジェクトの設定をグローバル設定にコピー(5分)
- プロジェクトがOneDrive配下にあるか確認(1分)
- VSCode Settings Syncを有効化(5分)
- 他のデバイスで同期を確認(10分)
参考リンク
- Claude Code公式ドキュメント
- GitHub Codespaces公式
- VS Code Remote Development
- OneDrive同期設定
- VSCode Settings Sync
チーム向け拡張(Enterprise)
チームで Claude Code を活用する場合の追加検討事項:
-
共有スキル・エージェントの管理
- GitHubリポジトリでバージョン管理
- プルリクエストでレビュープロセスを導入
-
セキュリティ・ガバナンス
-
.claude/フォルダの権限管理 - APIキーの安全な管理(環境変数、Secret Manager)
-
-
標準化
- チーム共通のグローバル設定を定義
- プロジェクトテンプレートの作成
詳細は別記事で解説予定です。
それでは、快適などこでもClaude Code開発をお楽しみください!