海外からのアクセス：www.kdjingpai.com
Ctrl + D このサイトをブックマークする
現在の場所図頭 " AIハンズオンチュートリアル

クロード・コード完全ハンズオン・ガイド：インストール、国内モデルの設定、高度な練習のためのワンストップ・ソリューション。

2025-09-25
AIハンズオンチュートリアル
89

AIプログラミング・ツールは、受動的なコードの「パッチャー」から能動的な「開発パートナー」へと進化している。複雑な要件を理解し、タスクを計画し、開発プロセス全体に直接参加することができる。この記事では、このトレンドを代表するコマンドラインAIプログラミング・ツールの1つを詳しく見ていこう。 Claude Codeそして、その詳細かつ完全な使用ガイドを提供している。

新世代のAIプログラミング・アシスタントのアイデア

おなじみのIDEプラグインとは異なりClaude Code このようなツールは、開発者の中核的なワークフローであるコマンドライン（CLI）に近いインターフェースを選択する。

Claude Code 命令行界面
コマンドラインインターフェイスはシンプルで効率的

このデザインは偶然ではない。開発者にとって、コマンドラインは軽量でスクリプトが書け、Gitのようなツールとシームレスに統合できる。この中心地にAI機能を注入することで、孤立した機能ではなくワークフローの一部になる。同じカテゴリーのツールには、Aliの Qwen Code とグーグルの Gemini CLI.

Qwen Code Screenshot   Gemini CLI Screenshot
同様のCLI AIプログラミング・ツール・インターフェース

強力なモデルとAPIエコシステム

Claude Code このようなことが可能なのは、その背後にある一流の大きな言語モデル、例えば、次のようなものがあるからだ。 アンソロピック 開発会社 Claude 3 OpusそしてClaude 3.5 Sonnet 元OpenAIのコアメンバーであるダリオ・アモデイによって設立されたAnthropicのモデルは、プログラミングと推論において常に業界をリードしている。

たとえ Claude Code 公式のAnthropicモデルはデフォルトで使用されているが、コストが高いため、個々の開発者による使用は制限されている。幸いなことに、Wisdom Spectrumのような、より費用対効果の高い自家製モデルにプラグインするように設定することができる。 GLM-4.5 あるいは月の裏側 Kimi K2.

技術的に重要なのはAPIフォーマットだ。ほとんどのビッグモデルはOpenAIのコールフォーマットと互換性があるが、Anthropicは独自の仕様を持っている。Claude Code Anthropicフォーマットが使用されているため、このフォーマットもサポートしているモデルサービスプロバイダはネイティブにサポートされています。OpenAIフォーマットのみをサポートするモデルは、変換ツールを介してブリッジする必要があります。

加えてClaude Code Anthropic独自のモデル機能に深く最適化されたシステム・プロンプトが組み込まれており、それ自体がよく設計されたインテリジェンスである。サードパーティのモデルに置き換える場合、次のようなことが考えられます。 5% まで 20% 有効性が損なわれる。しかし、大半の開発シナリオでは、要求事項が明確に記述されている限り、この影響は許容範囲内である。

アシスタント」から「パートナー」へ

初期のTongyi Linguistic Codeのような伝統的なAIプログラミング・プラグインは、モデル機能やコンテキストの長さに制限があり、主に「クリップボード」や一発対話ツールとして機能する。Claude Code この新世代のツールは、プロジェクト・フォルダー全体を理解することができ、複雑なタスクのための自律的なプランニングとマルチタスク機能を備えている。

単にコード・スニペットを生成するだけでなく、ファイルを直接編集したり、テストを実行したり、ビルド・コマンドを実行したり、さらにはGitコミットを処理することもできる。開発者の役割は、タスクの「実行者」から、複雑なプロジェクトの「委任者」へとシフトし、いわゆる「仕事の世界」に入る。 VibeCoding(アンビエント・プログラミング）状態 - 要件定義、アーキテクチャ設計、そして特定のコーディング作業を通じてAIを監督する。

インストールと設定の完全ガイド

このチュートリアルではmacOSを例にしていますが、Windowsでも手順は同様です。

ステップ1：クイック・インストール

Node.jsがシステムにインストールされていることを確認し（バージョン >= 18）、以下のコマンドを実行してグローバルにインストールする：

npm install -g @anthropic-ai/claude-code

インストールが完了したら、任意のプロジェクト・ディレクトリで以下を実行する。 claude コマンドで開始する。

# 进入你的项目目录
cd your-awesome-project
# 启动 Claude Code
claude
# 首次使用时，可能会提示登录

ステップ2：地域制限への対応と国内モデルの設定

初回実行時に地域が利用できないというメッセージが表示された場合は、Anthropic APIフォーマットと互換性のある国内のモデルサービスプロバイダにリクエストをプロキシするように環境変数を設定することができます。

地区限制提示
初回走行時に遭遇する可能性のある地域制限に関する問題

ターミナルの設定ファイルを開く（macOSのデフォルトは .zshrc)、次の2行を追加する：

# 使用 vi 编辑配置文件。新手提示：打开后按 i 进入插入模式，
# 粘贴内容后按 ESC，然后输入 :wq 回车即可保存退出。
vi ~/.zshrc

ファイルに以下を追加する：

export ANTHROPIC_BASE_URL=你的模型调用地址
export ANTHROPIC_API_KEY=你的API密钥

保存して終了したら、必ず source ~/.zshrc コマンドを使用すると、コンフィギュレーションが即座に有効になります。

構成例1：Smart Spectrum GLM-4.5モデル

  1. APIキーの登録と取得アクセススマートスペクトラムAIオープンプラットフォーム登録APIキー管理ページ新しいキーを作成する。
    创建智谱API Key
  2. オプション・パッケージ（オプション）Smart Spectrumは、開発者に費用対効果の高いサービスを提供します。プログラミング・パッケージ最初の1ヶ月は約20ドルで、通話もたくさんできる。
    智谱AI编程套餐
  3. 環境変数の設定スマート・スペクトラムの人間工学適合アドレスは以下の通り。 https://open.bigmodel.cn/api/anthropic. 
    export ANTHROPIC_BASE_URL=https://open.bigmodel.cn/api/anthropic
export ANTHROPIC_API_KEY=粘贴你的智谱API密钥
  4. コンフィギュレーションの有効化と再起動実施 source ~/.zshrc その後 claude 命令だ。

構成例2：ダークサイド・オブ・ムーン キミK2モデル

  1. 登録とトップアップアクセスダークサイド・オブ・ザ・ムーン開発者プラットフォーム登録通話料金を確保するため、50ドル以上の上乗せをお勧めします。
    Kimi充值速率等级
  2. APIキーの取得バックエンドの管理システムで新しいAPIキーを作成します。
    创建Kimi API Key
  3. 環境変数の設定キミの人間互換アドレスは https://api.moonshot.cn/anthropic/. 
    export ANTHROPIC_BASE_URL=https://api.moonshot.cn/anthropic/
export ANTHROPIC_API_KEY=粘贴你的KimiAPI密钥
  4. コンフィギュレーションの有効化と再起動実施 source ~/.zshrc その後 claude 命令だ。

ステップ3：任意のOpenAIフォーマットモデルへのルーティング

OpenAIフォーマットのみをサポートするモデル（例えば、Tongyi Qianqian）を使用するには、次のようにします。 ClaudeCodeRouter ミドルウェアが変換を行う。

  1. ルーターの設置:: 
    npm install -g @musistudio/claude-code-router

    その主な機能には、モデルのルーティング、マルチプロバイダーのサポート、リクエスト/レスポンスの変換などがある。

  2. コンフィギュレーション・インターフェースの起動:: 
    ccr ui

    開いたウェブページで、モデルプロバイダを追加し、テンプレートを選択し、APIキーとモデル名を入力します。
    Claude Code Router 配置界面
    添加模型供应商

  3. ルーティングの設定::
    右側のルーティングセクションで、異なるタスク（例：思考、長いコンテキスト）を追加したモデルに指定し、保存して再起動する。
    配置模型路由
  4. アクティベート Claude Code::
    利用する ccr code コマンドを開始すると、設定されたモデルをこのルートで使用できるようになる。
    通过Router启动

ステップ4：IDEへの統合

Claude Code VS CodeおよびJetBrainsのIDEファミリー（IntelliJ IDEA、WebStormなど）用の拡張プラグインが提供され、IDE内からワンクリックで起動でき、よりスムーズなインタラクションを実現します。

在IDE插件市场搜索 Claude Code
IDEにプラグインをインストールする

通过IDE右上角按钮启动
ワンタッチスタート、シームレスな統合

コア使用法のヒント

基本的な交流

  • @ 表記コンテキストに追加するファイルやディレクトリを参照する。
  • # 表記AIがその後のやり取りで従う記憶やルールを定義する。
  • ! 表記シェルコマンドを実行するために一時的にbashモードに切り替える。
  • ESC 輪留め現在実行中のタスクを中断する。
  • マルチライン入力使用 Shift+Enter もしかしたら Option+Enter (macOS) 複数行のテキストを入力します。以下を実行できます。 /terminal-setup 取り付け Shift+Enter 近道だ。

コマンドリスト

輸入 / コマンドメニューを呼び出すことができる：

/add-dir                  添加一个新的工作目录
/agents                   管理代理配置
/bashes                   列出和管理后台任务
/clear (reset, new)       清除对话历史并释放上下文
/compact                  清除对话历史，但在上下文中保留摘要。可选：/compact [摘要说明]
/config (theme)           打开配置面板
/context                  将当前上下文使用情况可视化为彩色网格
/cost                     显示当前会话的总成本和持续时间
/doctor                   诊断并验证您的 Claude Code 安装和设置
/exit (quit)              退出 REPL
/export                   导出当前对话到文件或剪贴板
/feedback (bug)           提交关于 Claude Code 的反馈
/help                     显示帮助和可用命令
/hooks                    管理工具事件的钩子配置
/ide                      管理 IDE 集成并显示状态
/init                     使用代码库文档初始化一个新的 CLAUDE.md 文件
/install-github-app       为代码仓库设置 Claude GitHub Actions
/login                    使用您的 Anthropic 帐户登录
/logout                   从您的 Anthropic 帐户注销
/mcp                      管理 MCP 服务器
/memory                   编辑 Claude 内存文件
/migrate-installer        从全局 npm 安装迁移到本地安装
/model                    设置 Claude Code 的 AI 模型
/output-style             直接或从选择菜单设置输出样式
/output-style:new         创建一个自定义输出样式
/permissions              管理允许和拒绝工具的权限规则
/pr-comments              从 GitHub 拉取请求中获取评论
/release-notes            查看发行说明
/resume                   继续一个对话
/review                   审查一个拉取请求
/security-review          完成对当前分支上待定更改的安全审查
/status                   显示 Claude Code 状态
/statusline               设置 Claude Code 的状态行用户界面
/terminal-setup           安装 Shift+Enter 换行快捷键
/todos                    列出当前的待办事项
/upgrade                  升级到 Max 以获得更高的速率限制
/vim                      在 Vim 和普通编辑模式之间切换

一般的なコマンドの詳細分析

  • /イニット:: スキャニング・プロジェクト生成 CLAUDE.mdAIがプロジェクトを素早く理解できるように、技術スタックやアーキテクチャなどの要約が含まれている。
  • /コンパクト長い対話の履歴を要約して、重要な情報を保存し、トークンを節約し、AIを集中させる。
  • /クリア現在のダイアログを完全に空にし、新しいダイアログを開きます。
  • /履歴書:: 最近の対話履歴を復元し、以前のタスクを続行します。
  • /メモリ: 一連のMarkdownファイルを編集して、AIの長期的な行動嗜好（コーディングスタイルや性格など）を定義します。これらのファイルは ~/.claude ディレクトリにあり、グローバルレベルとプロジェクトレベルに分かれている。例えばrules.md このファイルには、次のようなプログラミングの原則を含めることができる： 
    你的任务是：**审查、理解并迭代式地改进/推进一个[项目类型，例如：现有代码库 / 软件项目 / 技术流程]。**
在整个工作流程中，你必须内化并严格遵循以下核心编程原则，确保你的每次输出和建议都体现这些理念：
- **简单至上 (KISS):** 追求代码和设计的极致简洁与直观，避免不必要的复杂性。
- **精益求精 (YAGNI):** 仅实现当前明确所需的功能，抵制过度设计和不必要的未来特性预留。
- **坚实基础 (SOLID):**
- **S (单一职责):** 各组件、类、函数只承担一项明确职责。
- **O (开放/封闭):** 功能扩展无需修改现有代码。
- **L (里氏替换):** 子类型可无缝替换其基类型。
- **I (接口隔离):** 接口应专一，避免"胖接口"。
- **D (依赖倒置):** 依赖抽象而非具体实现。
- **杜绝重复 (DRY):** 识别并消除代码或逻辑中的重复模式，提升复用性。
- **文档同步 (Doc Sync):** 代码变更必须同步更新相关文档，保持一致性。
**请严格遵循以下工作流程和输出要求：**
1.  **深入理解与初步分析（理解阶段）：**
    - 详细审阅提供的[资料/代码/项目描述]，全面掌握其当前架构、核心组件、业务逻辑及痛点。
    - 在理解的基础上，初步识别项目中潜在的**KISS, YAGNI, DRY, SOLID**原则应用点或违背现象。
2.  **明确目标与迭代规划（规划阶段）：**
    - 基于用户需求和对现有项目的理解，清晰定义本次迭代的具体任务范围和可衡量的预期成果。
    - 在规划解决方案时，优先考虑如何通过应用上述原则，实现更简洁、高效和可扩展的改进，而非盲目增加功能。

高度な機能：カスタマイズと自動化

カスタムコマンド

一般的な複雑なタスクをカスタムコマンドにカプセル化する。プロンプトを含むMarkdownファイルを書くだけです（ファイル名はコマンド名です。 add-changelog.mdを入れる。 ~/.claude/commands/ ディレクトリにある /add-changelog 募集コミュニティサイト https://www.buildwithclaude.com/ 多数のプリセットコマンドがダウンロードできる。

サブエージェント制度

専用の「サブインテリジェンス」（フロントエンドのスペシャリストやUXデザイナーなど）を複数作成し、メインインテリジェンスが複雑な要件に基づいてタスクを自動的に分解して割り当てることで、複数の役割にまたがる並列コラボレーションが可能になります。

とおす /agents AIに新しいエージェントを作成させたり、コミュニティからプリセットをインポートさせたりするオプションを備えたコマンド管理。

创建UX设计师子代理
AIによるサブエージェントの作成

UIデザインを含むタスクの場合、インテリジェントな本体がまずUXデザイナーを呼び出し、デザイン確認後にコードを作成する。タスク実行時にAIがTodoリストを生成し、項目ごとに完了させる透明性の高いワークフローだ。

UX设计师子代理的产出

フックシステム

特定のイベント発生時（例：ファイル編集後）に自動的にコマンドをトリガーします。コマンドは /hooks 自動フォーマットや権限制御などの自動化されたプロセスのための命令管理。

例：TSファイルを編集した後、Prettierで自動整形する

{
"hooks": {
"PostToolUse": [
{
"matcher": "Edit|MultiEdit|Write",
"hooks": [
{
"type": "command",
"command": "jq -r '.tool_input.file_path' | { read file_path; if echo \"$file_path\" | grep -q '\\.ts$'; then npx prettier --write \"$file_path\"; fi; }"
}
]
}
]
}
}

コミュニティ・ツール claudecode-rule2hook 自然言語によるフック設定の生成をサポート。

MCPサーバーの設定

MCP（Machine-to-Claude Protocol）とは、外部のツールやサービスが、以下のプロトコルと通信できるようにするプロトコルである。 Claude Code 通信用のプロトコルは、JiraやNotionなどに接続する機能で拡張できる。

  • ローカルStdio MCPサーバーの追加: 
    claude mcp add airtable --env AIRTABLE_API_KEY=YOUR_KEY -- npx -y airtable-mcp-server
  • SSE MCPサーバーの追加: 
    claude mcp add --transport sse linear https://mcp.linear.app/sse
  • MCPサーバーの管理: 
    # 列出所有服务器
claude mcp list
# 删除服务器
claude mcp remove github

キュー・ワードとワーク・パターンのヒント

XMLタグの構造化のヒント

XMLタグを使って、指示、文脈、例を包むことで、クロードはあなたの意図をより正確に理解することができます。

<instruction>
你希望 Claude 执行的主要任务或目标
</instruction>
<context>
任务的背景信息，比如涉及的框架、业务逻辑、团队规范等
</context>
<code_example>
可以参考的代码片段、接口规范或已有实现
</code_example>

3つの動作モード切り替え

利用する Shift+Tab サイクルの切り替え：

  1. ノーマルモードデフォルトモードでは、ファイル編集などの操作を行う前にユーザーの承認が必要です。
  2. 自動受け入れモードすべての作戦はデフォルトで承認され、AIが完全にコントロールできる。
  3. プランニングモードAIはタスクを計画し、リストを作成するだけで、実際のオペレーションは行わない。

三种工作模式

その他の便利なツールとリソース

  • 回帰の歴史ダブルクリック ESC ダイアログノードはロールバックできます。コード変更のロールバックには、コミュニティツール ccundo (npm install -g ccundo).
  • ビジュアル設定ツールのオペコード:: ウェブサイト https://opcode.sh/ ビジュアライゼーション管理のための強力なウェブインターフェースを提供 Claude Code のカスタム・コマンド、フック、パーミッションなどを含むすべてのコンフィギュレーションは、このようなコンフィギュレーションを必要とする。
    opcode.sh 可视化配置界面
    opcode.sh 功能展示
  • クロード公式中国語ガイド: 公文書 最も包括的で権威ある機能紹介と使用方法を提供。
    Claude 官方中文指南

新世代のAIプログラミング・ツールは、開発ワークフローを再構築し、開発者を退屈なコーディング作業から解放して、アーキテクチャ設計とビジネス革新により集中させている。これらを使いこなすことは、未来の開発パラダイムを受け入れることだ。

無断転載を禁じます：AI生産性ツール " クロード・コード完全ハンズオン・ガイド：インストール、国内モデルの設定、高度な練習のためのワンストップ・ソリューション。
0表彰される

おすすめ

AIツールが見つからない？こちらをお試しください！

キーワードを入力する アクセシビリティこのサイトのAIツールセクションは、このサイトにあるすべてのAIツールを素早く簡単に見つける方法です。

人気のAIツール

新着情報

最新のAIツール

トップに戻る

クイック照会ステーションAIツール

  • ビング
トップ検索
ja日本語
zh_CN简体中文 en_USEnglish de_DEDeutsch pt_BRPortuguês do Brasil ja日本語