DevContainer上にClaude Codeをセットアップする

{
    // 他の設定
    "features": {
        "ghcr.io/devcontainers/features/node:1": {},
        "ghcr.io/anthropics/devcontainer-features/claude-code:1": {}
    },
    // 他の設定
}

// For format details, see https://aka.ms/devcontainer.json. For config options, see the
// README at: https://github.com/devcontainers/templates/tree/main/src/python
{
	"name": "Python 3",
	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
	"image": "mcr.microsoft.com/devcontainers/python:1-3.12",

	// Features to add to the dev container. More info: https://containers.dev/features.
-	// "features": {},
+    "features": {
+        "ghcr.io/devcontainers/features/node:1": {},
+        "ghcr.io/anthropics/devcontainer-features/claude-code:1": {}
+    },
+
	// Configure tool-specific properties.
	"customizations": {
		// Configure properties specific to VS Code.
		"vscode": {
			"settings": {},
			"extensions": [
				"streetsidesoftware.code-spell-checker"
			]
		}
	},

	// Use 'forwardPorts' to make a list of ports inside the container available locally.
	// "forwardPorts": [9000],

	// Use 'portsAttributes' to set default properties for specific forwarded ports. 
	// More info: https://containers.dev/implementors/json_reference/#port-attributes
	"portsAttributes": {
		"9000": {
			"label": "Hello Remote World",
			"onAutoForward": "notify"
		}
	},

	// Use 'postCreateCommand' to run commands after the container is created.
	"postCreateCommand": "pip3 install -r requirements.txt"

	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
	// "remoteUser": "root"
}

#!/bin/bash
set -e

curl -fsSL https://claude.ai/install.sh | bash

// For format details, see https://aka.ms/devcontainer.json. For config options, see the
// README at: https://github.com/devcontainers/templates/tree/main/src/python
{
	"name": "Python 3",
	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
	"image": "mcr.microsoft.com/devcontainers/python:1-3.12",

	// Features to add to the dev container. More info: https://containers.dev/features.
	// "features": {},

	// Configure tool-specific properties.
	"customizations": {
		// Configure properties specific to VS Code.
		"vscode": {
			"settings": {},
			"extensions": [
				"streetsidesoftware.code-spell-checker"
			]
		}
	},

	// Use 'forwardPorts' to make a list of ports inside the container available locally.
	// "forwardPorts": [9000],

	// Use 'portsAttributes' to set default properties for specific forwarded ports. 
	// More info: https://containers.dev/implementors/json_reference/#port-attributes
	"portsAttributes": {
		"9000": {
			"label": "Hello Remote World",
			"onAutoForward": "notify"
		}
	},

	// Use 'postCreateCommand' to run commands after the container is created.
-	"postCreateCommand": "pip3 install -r requirements.txt"
+	"postCreateCommand": "bash ${containerWorkspaceFolder}/.devcontainer/scripts/install-claude-code.sh && pip3 install -r requirements.txt"

	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
	// "remoteUser": "root"
}

  "hostRequirements": {
    "memory": "8gb"
  },

⚠ Setup notes:
  • Native installation exists but ~/.local/bin is not in your PATH. Run:

  echo 'export PATH="$HOME/.local/bin:$PATH"' >> your shell config file && source your shell config file

  "remoteEnv": {
    "PATH": "${containerEnv:PATH}:/home/vscode/.local/bin",
	(既存のremoteEnv達)
  }

	"customizations": {
		// Configure properties specific to VS Code.
		"vscode": {
			"settings": {},
			"extensions": [
-				"streetsidesoftware.code-spell-checker"
+				"streetsidesoftware.code-spell-checker",
+				"anthropic.claude-code"
			]
		}
	},

  "mounts": [
    "source=claude-code-config-${devcontainerId},target=/home/vscode/.claude,type=volume"
  ],

#!/bin/bash
set -e

+ # Avoid permission error in installing
+ # This directory is already created with mounts property in devcontainer.json, but sometimes its owner is root
+ sudo chown -R $USER:$USER ~/.claude

curl -fsSL https://claude.ai/install.sh | bash

#!/bin/bash
set -e

+ # Setup symlink for .claude.json to persist settings in volume-mounted directory
+ # This ensures that Claude Code settings (theme, tips history, etc.) are preserved across container rebuilds
+ setup_claude_config_persistence() {
+ 	local claude_dir="$HOME/.claude"
+ 	local settings_in_volume="$claude_dir/config.json"
+ 	local settings_link="$HOME/.claude.json"
+ 
+ 	# If .claude.json exists as a regular file, move it to volume
+ 	if [ -f "$settings_link" ] && [ ! -L "$settings_link" ]; then
+ 		mv "$settings_link" "$settings_in_volume"
+ 	fi
+ 
+ 	# Create initial config.json in volume if it doesn't exist
+ 	if [ ! -f "$settings_in_volume" ]; then
+ 		echo '{}' > "$settings_in_volume"
+ 	fi
+ 
+ 	# Create symlink from ~/.claude.json to ~/.claude/config.json
+ 	if [ -L "$settings_link" ] || [ -f "$settings_link" ]; then
+ 		rm -f "$settings_link"
+ 	fi
+ 	ln -s "$settings_in_volume" "$settings_link"
+ }

# Avoid permission error in installing
# This directory is already created with mounts property in devcontainer.json, but sometimes its owner is root
sudo chown -R $USER:$USER ~/.claude

+ setup_claude_config_persistence

# Install Claude Code
# refs: https://docs.claude.com/en/docs/claude-code/setup
curl -fsSL https://claude.ai/install.sh | bash

	"mounts": [
+	    "source=claude-code-bashhistory-${devcontainerId},target=/commandhistory,type=volume",
		"source=claude-code-config-${devcontainerId},target=/home/vscode/.claude,type=volume"
	],
    (他の設定)
-	"postCreateCommand": "bash ${containerWorkspaceFolder}/.devcontainer/scripts/install-claude-code.sh && pip3 install -r requirements.txt",
+   "postCreateCommand": "bash ${containerWorkspaceFolder}/.devcontainer/scripts/install-claude-code.sh && bash ${containerWorkspaceFolder}/.devcontainer/scripts/persist-bash-history.sh && pip3 install -r requirements.txt",

#!/bin/bash
set -e

sudo mkdir -p /commandhistory
sudo chown -R $USER:$USER /commandhistory
touch /commandhistory/.bash_history
echo "export PROMPT_COMMAND='history -a' && export HISTFILE=/commandhistory/.bash_history" >> ~/.bashrc

# this script works with mounts property in devcontainer.json
# refs: https://code.visualstudio.com/remote/advancedcontainers/persist-bash-history

  "customizations": {
    "vscode": {
      "settings": {
        "chat.disableAIFeatures": true
      }
    }
  }    

	"workspaceMount": "source=${localWorkspaceFolder},target=/workspace,type=bind,consistency=delegated",
	"workspaceFolder": "/workspace",

#!/bin/bash
set -e

# Setup symlink for .claude.json to persist settings in volume-mounted directory
# This ensures that Claude Code settings (theme, tips history, etc.) are preserved across container rebuilds
setup_claude_config_persistence() {
	local claude_dir="$HOME/.claude"
	local settings_in_volume="$claude_dir/config.json"
	local settings_link="$HOME/.claude.json"

	# If .claude.json exists as a regular file, move it to volume
	if [ -f "$settings_link" ] && [ ! -L "$settings_link" ]; then
		mv "$settings_link" "$settings_in_volume"
	fi

	# Create initial config.json in volume if it doesn't exist
	if [ ! -f "$settings_in_volume" ]; then
		echo '{}' > "$settings_in_volume"
	fi

	# Create symlink from ~/.claude.json to ~/.claude/config.json
	if [ -L "$settings_link" ] || [ -f "$settings_link" ]; then
		rm -f "$settings_link"
	fi
	ln -s "$settings_in_volume" "$settings_link"
}

# Avoid permission error in installing
# This directory is already created with mounts property in devcontainer.json, but sometimes its owner is root
sudo chown -R $USER:$USER ~/.claude

setup_claude_config_persistence

# Install Claude Code
# refs: https://docs.claude.com/en/docs/claude-code/setup
curl -fsSL https://claude.ai/install.sh | bash

#!/bin/bash
set -e

sudo mkdir -p /commandhistory
sudo chown -R $USER:$USER /commandhistory
touch /commandhistory/.bash_history
echo "export PROMPT_COMMAND='history -a' && export HISTFILE=/commandhistory/.bash_history" >> ~/.bashrc

# this script works with mounts property in devcontainer.json
# refs: https://code.visualstudio.com/remote/advancedcontainers/persist-bash-history

// For format details, see https://aka.ms/devcontainer.json. For config options, see the
// README at: https://github.com/devcontainers/templates/tree/main/src/python
{
	"name": "Python 3",
	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
	"image": "mcr.microsoft.com/devcontainers/python:1-3.12",
	"hostRequirements": {
		"memory": "8gb"
	},	
	// Features to add to the dev container. More info: https://containers.dev/features.
	// "features": {},

	// Configure tool-specific properties.
	"customizations": {
		// Configure properties specific to VS Code.
		"vscode": {
			"settings": {
				"chat.disableAIFeatures": true
			},
			"extensions": [
				"streetsidesoftware.code-spell-checker",
				"anthropic.claude-code"
			]
		}
	},

	// Use 'forwardPorts' to make a list of ports inside the container available locally.
	// "forwardPorts": [9000],

	// Use 'portsAttributes' to set default properties for specific forwarded ports. 
	// More info: https://containers.dev/implementors/json_reference/#port-attributes
	"portsAttributes": {
		"9000": {
			"label": "Hello Remote World",
			"onAutoForward": "notify"
		}
	},

	"mounts": [
	    "source=claude-code-bashhistory-${devcontainerId},target=/commandhistory,type=volume",
		"source=claude-code-config-${devcontainerId},target=/home/vscode/.claude,type=volume"
	],

	"remoteEnv": {
		"PATH": "${containerEnv:PATH}:/home/vscode/.local/bin"
	},

	"workspaceMount": "source=${localWorkspaceFolder},target=/workspace,type=bind,consistency=delegated",
	"workspaceFolder": "/workspace",
	"postCreateCommand": "bash ${containerWorkspaceFolder}/.devcontainer/scripts/install-claude-code.sh && bash ${containerWorkspaceFolder}/.devcontainer/scripts/persist-bash-history.sh && pip3 install -r requirements.txt",
	"waitFor": "postCreateCommand"

	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
	// "remoteUser": "root"
}