2026.04  /  Technical Guide

Claude Code入門
AIと一緒にコードを書く

おかもん先生のAI医療通信:エンジニア向け実践ガイド

Agenda

  1. Claude Codeとは何か
  2. セットアップと基本操作
  3. 6つのコア概念
  4. 実践デモ: 医療アプリを30分で
  5. Tips & よくあるミス
01

Claude Codeとは何か

ターミナルに住むAIペアプログラマー

コードを書くのではない。
意図を伝えて、コードが生まれる。

既存ツールとの違い

Copilot

行単位の補完。コードの「次の一手」を予測する。

Claude Code

タスク単位の実行。ファイル横断で設計・実装・テストまで。

ChatGPT

会話でコード生成。コピペしてエディタに貼る。

02

セットアップ

5分で始められる

インストール手順

Step 1

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

→

Step 2

claude でログイン

→

Step 3

プロジェクトで claude を起動

03

6つのコア概念

これだけ押さえれば使いこなせる

覚えるべき6レイヤー

Prompt

自然言語で意図を伝える

Tools

Read / Edit / Bash / Grep

CLAUDE.md

プロジェクトのルールブック

Hooks

イベント駆動の自動化

MCP

外部ツールとの接続

Agent

並列タスク委譲

実測パフォーマンス

10x コーディング速度
85% テストカバレッジ達成率
30min MVP完成時間
04

実践デモ

医療アプリを30分で作る

デモのタイムライン

0:00:要件定義

「港区の子育て支援情報を検索できるサイトを作って」と伝える

0:05:設計

Claude Codeが/planで構成を提案。承認するだけ

0:10:実装

Next.js + Supabaseでフロント・バックエンドを自動生成

0:25:テスト & デプロイ

E2Eテスト → Vercelにデプロイ → 完成

05

Tips & よくあるミス

失敗から学んだ実践知

やるべきこと

  • CLAUDE.mdにプロジェクトのルールを書く
  • 大きなタスクは /plan で分解してから実行
  • 変更後は必ず git diff で確認する習慣
  • テストを先に書かせる(TDD)

よくある失敗パターン

  • 曖昧な指示 →「いい感じにして」は事故のもと
  • コンテキスト不足 → 前提を省略すると暴走する
  • 確認せずにコミット → 差分レビューをサボらない
  • 全部任せる → 判断は人間がする

AIは道具ではない。
パートナーだ。

Thank You

@okamon_md

1 / 17