第1章 · Introduction to Claude

Claudeを使う4つの方法

Four Ways to Use Claude
→ で次のスライド · F でフルスクリーン · N で講師ノート · Esc で終了

重要キーワード

claude.ai
Web チャット
ブラウザでログインして対話する公式 Web インターフェース
Claude API
クロード API
プログラムから Claude を呼び出す REST API。SDK あり
Claude Code
クロードコード
AI コーディングエージェント。ローカル CLI/IDE と、クラウドで動く Claude Code on the web の両方がある
Claude Code on the web
クラウド版 Claude Code
claude.ai/code でコーディングタスクをクラウドの隔離環境に委任。並列実行・PR 自動作成
Claude Cowork
クロードコワーク
デスクトップで動く知識労働向けエージェント。ローカルのファイル/アプリを横断して多段タスクを完遂 (非エンジニア向け)

Claude を使う 4 つの方法

Claude は 同じモデル本体 を、さまざまなインターフェースから使うことができます。

1. claude.ai (Web チャット)

最もシンプル。ブラウザでログインして対話するだけ。 Projects (プロジェクト)Artifacts (アーティファクト), Connectors (コネクタ) などの便利機能あり。

  • ✅ 学習・調査・文章作成
  • ✅ 社内ドキュメント検索 (Connectors 経由)
  • ✅ コード Artifact による単発の試作
  • ❌ 自分のアプリ組み込み
  • ❌ ローカルファイル一括編集

2. Claude API (Anthropic API)

プログラムから呼び出す。Python や TypeScript の SDK が公式提供されています。

from anthropic import Anthropic
client = Anthropic()
msg = client.messages.create(
    model="claude-sonnet-4-6",
    max_tokens=1024,
    messages=[{"role": "user", "content": "こんにちは"}]
)
print(msg.content[0].text)
  • ✅ 自分のアプリ・SaaS への組み込み
  • ✅ 大量バッチ処理 (Batch API)
  • ✅ ストリーミング・Tool Use・Vision
  • ❌ ファイル直接編集 (自分でツールを書けば可能)

3. Claude Code (AI コーディングエージェント)

コードを読み書きし、コマンドを実行する開発エージェント。実行環境が 2 つあります。

(a) ローカル版 (CLI / IDE) — ターミナルや VS Code 上で動く。

$ claude
> このリポジトリのバグを直して

手元のファイルを直接編集し、リアルタイムに対話しながら開発を進めます。 Hooks, Slash Commands, Skills, MCP, Subagents などの拡張ポイントが豊富。

(b) Claude Code on the web (クラウド版) — ブラウザ (claude.ai/code) から、コーディングタスクを クラウドの隔離環境に委任 する。

  • 各タスクは Anthropic 管理の隔離 VM (サンドボックス) で実行
  • 複数タスクを並列に実行できる (別々のリポジトリ同時も可)
  • 完了すると PR を自動作成、進捗もブラウザで確認
  • 依頼したら離席 OK (リアルタイム対話は不要)

💡 同じ「Claude Code」でも、手元で対話しながら使うのがローカル版重い/長い/並列なタスクをクラウドに任せるのが web 版、という関係です。

  • ✅ ローカル開発の高速化・大規模リファクタ (ローカル版)
  • ✅ 長時間・並列のコーディングタスクを任せる (web 版)
  • ✅ レビュー前提の自動 PR (web 版)

4. Claude Cowork (デスクトップの知識労働エージェント)

デスクトップアプリで動く、非エンジニア向けのエージェント。 Claude Code の「タスクを最後までやり切る力」を、ローカルのファイル・フォルダ・アプリを対象に、 コードを書かない知識労働 (リサーチ・分析・資料作成・事務処理) へ広げたものです。

  • ✅ ローカル資料を使った調査・分析・ドキュメント作成
  • ✅ 複数の資料やアプリを横断して、多段タスクを丸ごと任せる
  • ❌ 本格的なリポジトリ開発 → それは Claude Code の領域

まとめ表

やりたいこと 推奨
単発の質問・文章作成 claude.ai
自分のアプリに組み込む Claude API
手元でコードを対話編集 Claude Code (ローカル)
長時間・並列のコーディングを任せる Claude Code on the web
ローカル資料で事務・知識労働を任せる Claude Cowork

これらは独立ではなく 連携 する

  • Claude Code が Claude API を呼ぶ
  • claude.ai の Connector は MCP サーバーであり、Claude Code でも同じ MCP を使える
  • ローカル版 Claude Code で設計し、重い処理は Claude Code on the web に委任する

つまり 共通基盤としての MCP同じプロンプト技法 が、すべての場面で活きます。

▶ どれを選ぶか相談してみる
「30 件のニュース記事を読んで重要トピックを 5 つにまとめたい」 — claude.ai / Claude API / Claude Code (ローカル/web) / Claude Cowork のどれが最適?簡潔に理由付きで答えてください。
Hands-on Exercise

演習: 自分の業務に当てはめる

あなたが普段行っている作業を 3 つ挙げ、それぞれ claude.ai / API / Claude Code(ローカル/web)/ Cowork のどれが最適か を Claude に判定させてください。

プロンプト例:

次のタスクそれぞれに最適な Claude の利用方法 (claude.ai / API / Claude Code(ローカル/web)/ Cowork) を判定してください。理由も簡潔に。 1. 毎週月曜の朝、社内 Wiki から先週の更新を要約して Slack に投稿する 2. 社内の React コンポーネントを TypeScript に移行する 3. PDF 50 件から要点を抽出して比較表を作る

▶ Playground を開いて実行

理解度チェック

4 問のクイズで理解度を確認しましょう。

クイズを開く
🎉

まとめ

お疲れ様でした!