VS Code MCP設定ガイド — mcp.jsonの書き方とClaude Code拡張との違い
VS Code本体(GitHub Copilot Chat)でMCPサーバーを設定する手順です。mcp.jsonの書式、インストール方法、サンドボックス、Claude Code拡張との設定の違いまで扱います。
サブカテゴリ
Claude Codeのチュートリアル一覧
Claude Code(クロードコード)を実際に動かすまでの手順をまとめたチュートリアルの一覧です。セットアップや設定、機能ごとの使い始めまで、準備から動作確認までの流れを段階を追って説明しています。
記事は新しい順に並んでいます。更新が続いているプロダクトのため、公開日や更新日を確認しながら手元のバージョンに近い記事から読み進めると、手順の差分に気づきやすくなります。
全28件 · 最終更新 2026/08/08
記事一覧
Claude CodeとCodex CLIの併用ワークフロー実践ガイド
Claude CodeとCodex CLIを1つのリポジトリで併用する構成を、役割分担・設定ファイルの衝突回避・権限モードの対応・コスト配分まで手順化。よくあるつまずきも合わせて解説します。
Claude Code self-hosted-runnerとは — 自社マシンでクラウドセッションを動かす
Claude Code self-hosted-runnerは、TeamとEnterpriseプランで自社のマシンやコンテナをクラウドセッションの実行場所にする機能です。導入手順と制限事項をまとめます。
Claude Code teleportの使い方 — クラウドとローカルのセッションを行き来する
Claude Codeのテレポート機能で、Web版のクラウドセッションをローカル端末に引き継げます。4つの実行方法・前提条件・よくあるエラーの対処法をまとめます。
Claude Codeスクリーンリーダー対応ガイド — ax-screen-readerの設定と制約
Claude Codeの--ax-screen-readerモードの3通りの有効化方法、VoiceOver・NVDAが読み上げる範囲、まだ対応していない挙動をまとめます。
vibe codingとは何か — Claude Codeでの安全な始め方
vibe codingは差分を読まずにAIへ実装を委ねる開発スタイルです。Claude CodeのPlanモードや権限モードと組み合わせた実践手順を解説します。
Claude Codeインストールエラーの切り分けチェックリスト — 症状別の原因と対処
Claude Codeのインストールが途中で止まる・claudeコマンドが見つからないときの原因を、エラーメッセージ別に切り分けます。PATH・ネットワーク・権限・OS固有の順に公式ドキュメントの対処法をまとめました。
Figma MCPサーバーの使い方 — Claude Codeへの接続とデザインからのコード生成
Figma MCPサーバーの使い方をまとめます。リモートとデスクトップの違い、Claude Codeへの接続手順、用意されているツール、呼び出し回数の上限、つまずいたときの切り分けまで扱います。
Claude Code statuslineの設定と表示項目の選び方
Claude CodeのstatusLineをsettings.jsonで設定し、どの情報を表示するかを実装レシピとつまずき対処つきで解説します。
Claude Codeプロキシ設定 — 社内CA証明書と許可ドメインの手順
企業プロキシ環境でClaude Codeを動かすための環境変数・CA証明書・mTLS設定と、ファイアウォールで許可すべきドメイン一覧をまとめます。
Claude Code output styleの切り替えは/configで行う
Claude Codeのoutput styleは/configから切り替えます。旧output-styleコマンドは削除済みで、組み込み4種の使い分けと自作手順を解説します。
Claude Codeリファクタリングを安全に進める手順 — テストが無いコードの扱い方
既存コードの改修でClaude Codeが暴走するかどうかは、読ませる範囲・振る舞いの固定・一度に触る量で決まります。テストが無い場合の始め方から手順にしました。
Claude Codeデバッグの精度は、渡す情報の質で決まる
Claude Codeでバグを直す精度は、再現条件・原因特定・修正検証・回帰テストの各段階で渡す情報の質に左右されます。丸投げとの違いを手順で示します。
Claude Codeでテスト駆動開発(TDD)を回す手順 — 失敗するテストからStop hookでの締め方まで
Claude CodeでのTDDは、失敗するテストを先に用意し、その合否をClaude自身が読める状態にすることから始まります。プロンプトの型、/goalとStop hookでの締め方、つまずきやすい点をまとめます。
Claudeモデルの移行ガイド — Opus 4.xからClaude 5世代へ、model IDとコスト影響
Opus 4.xからClaude Opus 5 / Sonnet 5へ移る手順。model IDの書き換え表、400が返る互換性の変更、トークナイザー増分がコストに乗る範囲、提供終了の期限と検証の進め方をまとめます。
VS CodeでFable 5を使う方法 — Claude Code拡張でのモデル切り替えと表示されないときの確認
VS CodeのClaude Code拡張でClaude Fable 5に切り替える手順をまとめます。必要なバージョン、使えるプランの条件、fast modeとの関係、モデル一覧に出てこないときの確認先まで。
Claude Code Web版とは — ブラウザーとスマホアプリから使う方法、CLI版との違い
Claude Codeはブラウザーとスマホアプリから使えます。Web版claude.ai/codeの始め方、iOS/Androidアプリでの操作、Remote Control、CLI版との違いを2026年6月時点でまとめました。
Claude Code VS Code拡張機能の使い方 — インストール手順とCLI・JetBrainsとの違い
Claude CodeのVS Code拡張機能の入れ方と使い方をまとめます。CursorなどVS Codeフォークへの導入、ターミナルCLIとの機能差、JetBrainsプラグインとの違いも比較表で確認できます。
Claude Code install完全ガイド — Windows・Mac・Linux別の手順とnpm・更新まで
Claude Codeのインストール手順をWindows・macOS・Linux別にまとめます。ネイティブインストーラーとnpmの使い分け、アップデート、アンインストール、導入時のつまずき対処まで一気に確認できます。
Claudeを学ぶ1週間ロードマップ — 初日から実戦投入までの7日ガイド
Claudeエコシステムをゼロから学ぶ初学者向け1週間ロードマップ。Day 1のClaude.aiから始めて、Day 7までにClaude Code + Hooks + Skillsまで触れる構成。
MCPサーバー自作ガイド — SDKでのツール定義からClaude Code接続・配布まで
MCPサーバーをTypeScriptとPythonのSDKで自作する手順。ツール定義からMCP Inspectorでのテスト、Claude Codeへの接続、レジストリ公開まで、現行SDKのAPIで動くコードつきで解説します。
Claude Codeでよくあるエラー10選 — 起動失敗から認証・MCP・権限まで実機で踏みやすい順に対処
Claude Codeで遭遇しやすい10種のエラー(起動失敗・OAuth・権限・MCP・VS Code拡張・レート上限・Windows固有など)の判定方法と現実的な対処を示します。
Claude Codeの料金 — Pro / Max / API従量のコスト試算と選び方
Claude Codeの4経路(Pro / Max / Team / API従量)の料金を整理し、使用枠の仕組み、利用パターン別の月額試算、Pro / MaxとAPI従量の分かれ目を示します。
Claude CodeをGitHub Actionsに組み込む — action v1とheadless実行
Claude CodeをGitHub Actionsに組み込む2つのパターン(anthropics/claude-code-action@v1とheadless実行)の使い分け、認証、コスト試算、つまずきどころをまとめます。
Anthropic Agent SDKでSlack常駐botを作る — 実装30分のミニチュートリアル
Anthropic Agent SDK(TypeScript)を使って、Slackに常駐してメンション応答するbotを30分で実装する手順。Claude Codeの代わりに自前Agentを立ち上げる入門編としても使えます。
CursorからClaude Codeへの移行ガイド — 設定の引き継ぎから「Tab補完がない」問題までの実務手順
CursorからClaude Codeに移行するときの設定引き継ぎ、Tab補完がない問題の対処、CLAUDE.mdと .cursorrulesの対応関係、ワークフロー再設計までを実務目線で整理した移行ガイドです。
Claude Agent SDK入門 — Python / TypeScriptで最小エージェントを組む
Claude Agent SDKのPython / TypeScript版で最小エージェントを動かす入門。インストールから権限設計・カスタムツール・セッション管理、2026年6月開始のサブスク専用クレジットまで現行APIで解説。
Claude Code Hooksの設定方法 — 初めて書く人の完全手順
Claude CodeのHooksはツール実行の前後に任意コマンドを挟める仕組み。初めて書く人が動くところまで到達できるよう、最小例→実用例の順に手順を追います。
手順どおりに動かしたあと、Claude Codeの日々の使い方を広げるにはTips、仕組みを理解するには解説の記事が続きの読みものになります。いずれも同じカテゴリ内から辿れます。