---
title: Claude Codeの使い⽅ ＋Skills
tags: 
author: [ga1hir](https://www.docswell.com/user/ga1hir)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/LE1YGYRD7G.jpg?width=480
description: WEST-SEC「Claude & Claude Codeを基礎からまるごと学ぶ」 Program3 2026/9/14
published: September 14, 26
canonical: https://www.docswell.com/s/ga1hir/KY8LVN-2026-09-14-183841
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/LE1YGYRD7G.jpg)

Claude Codeの使い方
＋Skills
ひらた（ga1hir）
2026年9月
WEST-SEC「Claude & Claude Codeを基礎からまるごと学ぶ」 Program3
© 2026 Norikazu Hirata
1/11


# Page. 2

![Page Image](https://bcdn.docswell.com/page/GEWGKG18J2.jpg)

自己紹介
ひらた（ga1hir）
普段は Claude Code を使って
アプリケーションの開発をしています
時々、本を書いています
© 2026 Norikazu Hirata
X：@ga1hir
2/11


# Page. 3

![Page Image](https://bcdn.docswell.com/page/47ZLZLP9J3.jpg)

今日お伝えしたいこと
1
Claude Codeって、何？
2
Claudeとの違い
3
スキルって、何？
© 2026 Norikazu Hirata
3/11


# Page. 4

![Page Image](https://bcdn.docswell.com/page/YJ6WZWMDJV.jpg)

Claude Codeって、何？
Claude Codeは、ユーザーの指示に基づいて、コードの作成・編集・実
行・テストなどを自律的に進め、アプリケーションなどの成果物を作るこ
とができるAIエージェントです。
エージェント＝頼まれた作業を自分で進めてくれる存在のこと
利用にはPro以上の有料プラン（Pro / Max / Team / Enterprise）が必要です（無料プランには含まれません）
© 2026 Norikazu Hirata
4/11


# Page. 5

![Page Image](https://bcdn.docswell.com/page/GJ5MWMZ8J4.jpg)

Claudeとの違い
Claude Web
Claude Code
場所
ブラウザ
ターミナル / IDE
得意
質問・文章・調査
コード開発
イメージ
話し相手
開発を任せる
ターミナル＝文字でコマンドを入力してパソコンを操作する画面のこと
IDE＝コード編集・実行・デバッグなどを一つにまとめた開発ツールのこと
© 2026 Norikazu Hirata
5/11


# Page. 6

![Page Image](https://bcdn.docswell.com/page/9E29Q9RV7R.jpg)

Claude Codeの使い方
1
CLI単体で使う
2
VSCodeなどのエディターに組み込んで使う（この後デモ）
CLI＝ターミナルでコマンドを文字入力して操作すること
VSCode＝Microsoft製の無料コードエディター
© 2026 Norikazu Hirata
6/11


# Page. 7

![Page Image](https://bcdn.docswell.com/page/D7Y4W4DQEM.jpg)

Claude Codeのデモ
1
Claude Codeを使って簡単なゲームを作ってみます
2
開発環境は、VSCodeにClaude Code拡張機能を導入します
© 2026 Norikazu Hirata
7/11


# Page. 8

![Page Image](https://bcdn.docswell.com/page/VENY9Y62J8.jpg)

スキルって何？
正式名称は「Agent Skills」です
スキルは、AIに実施させる手順書のことです
スキルの定義ファイルとして、発動条件や実行手順などを書いた
Markdownファイルを作成します
スキルの定義ファイルは、AIに頼んで作ることもできます
© 2026 Norikazu Hirata
8/11


# Page. 9

![Page Image](https://bcdn.docswell.com/page/Y79P2PLDE3.jpg)

スキルの例
デバッグの手順を標準化したスキル（この後時間があればデモ）
© 2026 Norikazu Hirata
9/11


# Page. 10

![Page Image](https://bcdn.docswell.com/page/G78D5DX57D.jpg)

Claude Codeでこんなものも作れます
ITエンジニアのための Markdown実践入門
技術評論社／2026年7月刊
この本、VSCode＋Claude Code＋Skillsで書きました
書いた原稿をSkillsにレビューさせる
Skillsに下書きさせた原稿を自分で修正する
Markdownの動作検証をSkillsにやらせる
進捗管理・バックログ管理をSkillsにやらせる
© 2026 Norikazu Hirata
10/11


# Page. 11

![Page Image](https://bcdn.docswell.com/page/L7LMYM83JR.jpg)

今日のまとめ
1
Claude Codeとは、手を動かすエージェント
2
Claudeは話し相手、Claude Codeは開発を任せる相手
3
スキルは、AIに実施させる手順書
ご清聴ありがとうございました
© 2026 Norikazu Hirata
11/11