API クライアント

GET・POSTなどのHTTPリクエストを送信し、ヘッダーやクエリパラメータを組み立て、レスポンスを検査。

リクエストはブラウザから入力したURLへ直接送られます。ArrayKitがプロキシしたり、内容を見たり、保存したりすることはありません。リクエスト履歴はこのブラウザのローカルストレージにとどまります。

開発・運営：Udit Agarwal

curlコマンドをお持ちですか? cURL to Fetchで変換しましょう。

API クライアント について

このAPIクライアントは、軽量なPostmanのように、ブラウザから直接HTTPリクエストを組み立てて送信できます。メソッドを選び、URLを入力し、シンプルなキー/値の行でクエリパラメータやヘッダーを追加し、POST・PUT・PATCH・DELETEにJSONまたは生のボディを添付します。リクエストを送信して、ステータスコード、時間、サイズ、ヘッダー、整形されたボディといった完全なレスポンスを検査できます。送信したリクエストはこのブラウザに保存される直近25件に記録され、ワンクリックで再度開いて再送できます。リクエストはブラウザから入力したURLへ直接送られ、ArrayKitを経由することはありません。そのため、通常のブラウザfetchと同様に、対象APIのCORSポリシーに従います。

機能

• 一般的なメソッドをすべてサポート: GET、POST、PUT、PATCH、DELETE、HEAD、OPTIONS
• 切り替え可能なキー/値の行でクエリパラメータとヘッダーを構築
• JSONまたは生のリクエストボディを送信。Content-Typeは自動設定
• レスポンスのステータス・時間・サイズを一目で確認
• 整形されたJSONレスポンスと完全なレスポンスヘッダー表示
• 直近25件のリクエストをこのブラウザに保存し、再読み込み可能
• レスポンスボディやヘッダーをワンクリックでコピー
• ブラウザ内で動作し、エンドポイントと直接通信

API クライアント の使い方

1. HTTPメソッドを選択し、リクエストURLを入力します。
2. 下のタブでクエリパラメータ、ヘッダー、ボディを追加します。
3. 送信をクリックして、ブラウザからリクエストを発行します。
4. レスポンスのステータス、タイミング、ヘッダー、ボディを検査します。

例

入力

GET https://jsonplaceholder.typicode.com/todos/1

出力

200 OK · 142 ms · 83 B
{
  "userId": 1,
  "id": 1,
  "completed": false
}

GETリクエストと整形されたJSONレスポンス。

よくあるエラーとトラブルシューティング

• リクエストが "Failed to fetch" で失敗し、レスポンスがない。 — ブラウザはクロスオリジンリクエストを許可するAPIしか呼び出せません。対象APIがCORSヘッダーを送らない場合、ブラウザはレスポンスをブロックします。CORSが有効なAPIを使うか、自分のバックエンドから呼び出してください。
• http:// のURLへのリクエストがブロックされる。 — https経由で配信されるページは、安全でないhttpエンドポイントを呼び出せません(混在コンテンツ)。APIのhttps版を使ってください。

よくある質問

API クライアントとは何ですか?

APIクライアントは、HTTPリクエストを組み立てて送信し、レスポンスを検査できるツールで、コードを書かずにREST APIをテスト・デバッグできます。これはブラウザ内で動作します。

私のリクエストはArrayKitのサーバーを経由しますか?

いいえ。各リクエストはブラウザから入力したURLへ直接送られます。ArrayKitがプロキシしたり、内容を見たり、保存したりすることはありません。リクエスト履歴はこのブラウザ内にのみ保持されます。

なぜCORSエラーが出るのですか?

ブラウザは、対象APIが適切なCORSヘッダーを返さない限りクロスオリジンのレスポンスをブロックします。これはブラウザのセキュリティルールです。デスクトップツールはブラウザではないためこれを回避できます。CORSが有効なAPIか自分のサーバーを使ってください。

私のリクエストは保存されますか?

直近25件のリクエストは再送できるようにこのブラウザのローカルストレージに保存されます。履歴やブラウザのストレージをクリアすると削除されます。

どのHTTPメソッドがサポートされていますか?

GET、POST、PUT、PATCH、DELETE、HEAD、OPTIONSです。POST、PUT、PATCH、DELETEはリクエストボディを持てます。

関連ツール

• cURL から Fetch — curlコマンドを JavaScript の fetch() 呼び出しに変換します。
• URL パーサー — URLを各パーツに分解し、クエリパラメータを一覧表示します。
• JSON フォーマッター — JSONの整形・圧縮・検証を行い、エラー箇所も表示します。
• JWT デコーダー — JWTのヘッダーとペイロードをデコードし、exp/iat を確認します（検証なし）。
• Base64 エンコード / デコード — UTF-8に対応した安全なBase64のエンコードとデコード。
• URL エンコード / デコード — URLコンポーネントをエンコード・デコードします。

API ツールの他のツール

• URLビルダー＆UTMジェネレーター — UTMパラメータを使用して完全にエンコードされた本番用URLを構築および検証します。
• OpenAI API テスター — OpenAI Chat Completions API のリクエストを作成・実行し、cURL、Python、JavaScript としてコピーします。
• Anthropic Claude API テスター — Anthropic Claude Messages API のリクエストを作成・実行し、cURL、Python、JavaScript としてコピーします。
• Google Gemini API テスター — Google Gemini の generateContent API リクエストを作成・実行し、cURL、Python、JavaScript としてコピーします。
• Replicate API テスター — Replicate の予測 API リクエストを作成・実行し、cURL、Python、JavaScript としてコピーします。
• Hugging Face API テスター — Hugging Face Inference API のリクエストを作成・実行し、cURL、Python、JavaScript としてコピーします。
• curl to Python 変換ツール — curlコマンドをPythonのrequestsコードに変換します。
• curl to Go 変換ツール — curlコマンドをGoのnet/httpコードに変換します。
• curl to PHP 変換ツール — curlコマンドをPHPのcURLコードに変換します。
• curl to Node.js 変換ツール — curlコマンドをNode.jsのaxiosコードに変換します。
• トークンカウンター — GPT・Claude・Geminiのトークン数を入力しながらカウント。
• LLM コスト計算ツール — トークン数からGPT・Claude・GeminiのAPIコストを見積もり。

API ツールのツールをすべて見る (24) · すべてのツール