API でチャットアプリを作る:Claude / GPT API 入門

AI Navigate Original / 2026/3/24

💬 オピニオンDeveloper Stack & Infrastructure
共有:

要点

  • LLM API は各 SDK 導入後 30 行で動く
  • キー取得・.env 設定、Claude/OpenAI/Vercel AI SDK で初回呼び出し
  • messages 配列でマルチターン、システムプロンプトで役割付与
  • キー漏洩・レート制限・トークン超過に注意、安く試せる

LLM API は「30 行のコード」で動く

ChatGPT や Claude を自分のアプリに組み込みたい。実は基本的な使い方は各社の SDK を入れて 30 行で動きます。本記事では Claude(Anthropic)と GPT(OpenAI)の 2 大 API を並べて比較しながら、最初の動かし方を解説します。

API キーの取得

OpenAI

  • platform.openai.com にアクセス → 「API keys」
  • 新規キー作成 → 一度しか表示されないので必ずコピー
  • クレジット入金が必要(USD 5 から)

Anthropic

  • console.anthropic.com → 「API Keys」
  • 新規キー作成 → 同様に 1 回のみ表示
  • クレジット入金が必要(USD 5 から)

環境構築

# Node.js
npm install @anthropic-ai/sdk openai

# Python
pip install anthropic openai

API キーは .env に:

ANTHROPIC_API_KEY=sk-ant-...
OPENAI_API_KEY=sk-...

初めての呼び出し(Node.js TypeScript)

Claude

続きを読むには無料登録が必要です

アカウントを作成すると、オリジナル記事の全文をお読みいただけます。

API でチャットアプリを作る:Claude / GPT API 入門 | AI Navigate