はじめての API 呼び出し:チャット・ストリーミング

AI Navigate Original / 2026/5/16

共有:

要点

  • 3 基本:同期チャット・ストリーミング・マルチターンを実装
  • システムプロンプト追加、OpenAI/Vercel AI SDK も同パターン
  • エラー(429/401)処理、指数バックオフで再試行
  • トークンコスト追跡、複雑パターンは practice 章で

はじめての API 呼び出し

環境構築が済んだら、3 つの基本パターン(同期チャット・ストリーミング・マルチターン)を実装してみます。

① 同期チャット(最小)

質問を送り、応答を全部受け取って返す。

import Anthropic from "@anthropic-ai/sdk";
const client = new Anthropic();

const res = await client.messages.create({
  model: "claude-opus-4-7",
  max_tokens: 1024,
  messages: [
    { role: "user", content: "TypeScript と JavaScript の違いは?" }
  ],
});

console.log(res.content[0].text);
console.log("Tokens used:", res.usage);

② ストリーミング

応答を 1 トークンずつ受け取る。UX が良くなる。

const stream = await client.messages.create({
  model: "claude-opus-4-7",
  max_tokens: 1024,
  messages: [{ role: "user", content: "東京の見どころを 5 つ" }],
  stream: true,
});

for await (const event of stream) {
  if (event.type === "content_block_delta") {
    process.stdout.write(event.delta.text);
  }
}

③ マルチターン会話

過去のやり取りを messages に積み上げる。

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

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

はじめての API 呼び出し:チャット・ストリーミング | AI Navigate