最近、下記YouTubeの動画や、記事を見てClaudeCodeが再注目されていることを知りました。
◾︎ClaudeCodeの動画
https://youtu.be/ca5HjfclrjE?si=qvIC26aAa99SnOux
使ってみたいと思いつつ、私は客先業務で貸与されたPCにClaudeCodeを使用することが困難なため、私用PCでClaudeCodeを使ってみようと思い、AIにロードマップを作ってもらい、それを実施しながらClaudeCodeに慣れてみようかと思います。
今回は備忘用に記事を上げますが、ご参考にしていただければと思います。
※ここからがAIが書いたものです
はじめに
「願望を言うだけでコードが書かれ、ファイルが作られ、APIが叩かれる」
これが Claude Code の本質です。
私はウェブエンジニア歴4年。主にJavaを使った開発経験はそれなりにあります。しかし Claude Code を触ったとき、「今まで自分がやってきた"作業"の大半は、消えるんじゃないか」と感じました。
この記事では、Claude Code 初学者がゼロから「業務自動化」を実現するまでのロードマップを、同じエンジニアの視点からまとめます。最終ゴールは Skills を駆使して Qiita に記事を自動投稿すること です。
🎯 この記事のゴール
「先週の学習内容をQiitaにまとめて投稿して」
↓ 一言打つだけで
① GitログやメモからClaude Codeが内容を収集
② 記事構成・タグ・タイトルを自動生成
③ Qiita APIで下書き投稿 or 本投稿
④ 完了報告
これを実現できる状態が、このロードマップのゴールです。
📍 ロードマップ全体像
| Phase | テーマ | 期間の目安 |
|---|---|---|
| Phase 1 | 環境構築・基本操作 | 1〜2日 |
| Phase 2 | CLAUDE.md を使いこなす | 2〜3日 |
| Phase 3 | Skills の概念を理解する | 3〜4日 |
| Phase 4 | API連携・外部サービス操作 | 1週間 |
| Phase 5 | 業務自動化パイプラインの構築 | 2週間目〜 |
Phase 1｜環境構築・基本操作（1〜2日）
インストール
Node.js 環境が必要です。以下のコマンドでグローバルインストールします。
npm install -g @anthropic-ai/claude-code
次に APIキーを設定します。
export ANTHROPIC_API_KEY="your-api-key-here"
※APIキーの取得は有料
最初の体験
まずは何も考えずにこれを打ちましょう。
claude "README.mdを作って"
ファイルが生成された瞬間の感動が、Claude Code 学習の原動力になります。
覚えるべき基本コマンド
# 対話モードで起動
claude
# プロンプトを直接渡す
claude -p "ここにやりたいことを書く"
# 権限確認をスキップ（自動化時に使用）
claude --dangerously-skip-permissions "タスクの内容"
--dangerously-skip-permissions は自動化スクリプト内での利用が前提です。対話的な作業中は通常モードを使いましょう。
Phase 2｜CLAUDE.md を使いこなす（2〜3日）
CLAUDE.md とは？
Claude Code の核心となるファイルです。プロジェクトルートに置くことで、「このプロジェクトに関するルール・文脈」を Claude に伝えることができます。
書き方の例
# プロジェクト概要
Next.js + TypeScript で構築した個人ブログです。
# 技術スタック
- Framework: Next.js 14 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- DB: Supabase
# ディレクトリ構成のルール
- コンポーネントは src/components 配下
- ページは src/app 配下
- 型定義は src/types 配下
# コーディング規約
- 関数コンポーネントのみ使用
- 型は必ず明示する
- コメントは日本語で書く
# 禁止事項
- any 型の使用
- console.log の残存
ポイント
CLAUDE.md の質が、Claude Code のアウトプットの質を直接左右します。最初は薄くてOKなので、使うたびに育てていくのがコツです。
Phase 3｜Skills の概念を理解する（3〜4日）
Skills とは？
Skills（スキル）とは、Claude に特定の能力・手順を持たせる仕組みです。
「Qiita 投稿」のような繰り返しタスクを、再利用可能なスキルとして定義するイメージです。
skills/
└── qiita-post/
└── SKILL.md ← ここに手順・ルールを書く
SKILL.md の書き方（例）
# Qiita投稿スキル
## このスキルの目的
学習内容やメモをもとに、Qiita記事を作成して投稿する。
## 使用するタイミング
「Qiitaに投稿して」「記事を書いて投稿して」と言われたとき。
## 手順
1. 投稿内容の素材（メモ・Gitログ・会話履歴）を収集する
2. Qiita向けのMarkdown形式で記事を生成する
3. タイトル・タグ・本文を揃える
4. Qiita APIで投稿する（下書きor本投稿）
5. 投稿URLを報告する
## 注意事項
- タグは最大5個まで
- タイトルは50文字以内
- 技術的な内容には必ずコードブロックを使う
スキルが強力な理由
一度スキルを定義しておけば、あとは自然言語で呼び出すだけで Claude が手順に沿って動きます。「Qiitaに投稿して」の一言が、複数の処理を連鎖的に実行するトリガーになるのです。
Phase 4｜API連携・外部サービス操作（1週間）
ウェブエンジニア歴があるここが一番伸びやすいフェーズです。
Qiita API の準備
- Qiita の設定画面 でアクセストークンを発行
- スコープは
read_qiitaとwrite_qiitaを選択 - 環境変数に設定
export QIITA_ACCESS_TOKEN="your-token-here"
Claude Code に Qiita 投稿をさせる（実践）
claude "今日学んだClaude Codeの使い方をまとめてQiitaに下書き投稿して"
Claude Code は以下を自動でやってくれます。
- 会話の内容から記事の素材を整理
- Markdown 形式で記事を生成
-
curlや Node.js スクリプトで Qiita API を叩く
API連携で広がる可能性
| やりたいこと | 使う API |
|---|---|
| Qiita 自動投稿 | Qiita API |
| GitHub のコミットログから記事生成 | GitHub API |
| Slack に通知 | Slack Webhook |
| Notion にメモを保存 | Notion API |
Phase 5｜業務自動化パイプラインの構築（2週間目〜）
最終形のイメージ
claude "先週のGitログと作業メモをもとにQiitaに記事を投稿して"
これ一言で以下が全自動で動きます。
① Git log --since="1 week ago" で作業内容を取得
② ~/memo/*.md を読み込んでメモを収集
③ 収集した情報をもとに記事の構成を作成
④ Qiita向けMarkdownを生成（タイトル・タグ含む）
⑤ Qiita APIで下書き保存
⑥ 「下書きを保存しました: https://qiita.com/...」と報告
複数スキルの組み合わせ
実務の自動化は、スキルを組み合わせることで真価を発揮します。
git-log-reader スキル
↓
memo-collector スキル
↓
article-generator スキル
↓
qiita-post スキル
ウェブエンジニア4年の強みを最大限に活かす
Claude Code 初学者の中でも、ウェブエンジニア経験者には大きなアドバンテージがあります。
- APIの概念を理解している → Claude Code の出力するコードの意図がすぐわかる
- 環境変数・認証の知識がある → トークン管理で詰まらない
- デバッグができる → Claude Code が失敗したとき自力で原因を特定できる
- CLAUDE.md に的確な指示が書ける → 技術スタックや制約を正確に伝えられる
最初の2週間は 「自分の実務タスクを Claude Code にやらせる」を繰り返す のが最速の上達法です。
まとめ
| Phase | 習得すること |
|---|---|
| Phase 1 | CLIの基本・環境構築・最初の体験 |
| Phase 2 | CLAUDE.mdで文脈を渡す技術 |
| Phase 3 | Skillsで再利用可能な自動化を設計する |
| Phase 4 | Qiita APIなど外部サービスと連携する |
| Phase 5 | 複数スキルを組み合わせた業務自動化パイプライン |
Claude Code は「道具」ではなく「相棒」です。育てるほど、あなたの代わりに動いてくれる範囲が広がります。
まずは claude "README.mdを作って" の一言から始めてみてください。