本文へスキップ
AZ Tools

cURL → fetch / axios コンバータ

cURL フラグ (`-X`・`-H`・`-d`・`--json`・`-u`・`-A`・`-b` など) をパースしてクリーンな JS リクエストコードを生成。プラットフォーム組み込みの `fetch` か npm ライブラリの `axios` を選択。複数行継続とクォート処理 — ブラウザの "Copy as cURL" 結果をそのまま貼れる。

—
ターゲット:
JS コード
const response = await fetch("https://api.example.com/v1/users", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    "Authorization": "Bearer abc123",
  },
  body: "{\"name\":\"Alice\",\"role\":\"admin\"}",
});
const data = await response.json();

使い方

  1. 入力ボックスに cURL コマンドを貼り付け。
  2. ターゲットに合わせて `fetch` か `axios` を選択。
  3. 結果コードをプロジェクトにコピー。

よくある質問

cURL コマンドはどこから？
Chrome・Firefox・Safari DevTools → Network タブ → リクエスト右クリック → Copy → Copy as cURL。Postman・Insomnia にも同様のエクスポート。
`--json` も対応？
対応。`--json` ショートハンドはボディを設定し、既存になければ `Content-Type: application/json` と `Accept: application/json` ヘッダを追加。
`-L`・`-s`・`-v` は？
リクエストペイロードを変えないフラグは無視 — `fetch`・`axios` はデフォルトでリダイレクトに従い、verbose 出力は CLI 専用の関心事。
axios 出力でボディが `data:` なのは？
axios はリクエストボディに `data` を使う。ボディが有効な JSON としてパースできれば JS オブジェクトリテラルで出力、できなければ文字列にフォールバック。

関連ツール

文字列エスケープ変換

1つの入力で10コンテキスト分のエスケープ出力 — JavaScript、JSON、HTMLエンティティ、URL、SQL、regex、Bash(シングル/ダブルクォート)、C文字列、Unicode \u。必要なものをコピー。

開発 0 0

Unicode エスケープ変換ツール

テキストを \uXXXX、U+XXXX、HTML エンティティにエンコードし、いずれの形式もテキストに戻せます。絵文字やサロゲート文字も対応。

開発 0 0

正規表現テスター

JavaScript 正規表現をリアルタイムでテストし、マッチ強調と置換プレビューを確認。

開発 0 0

Base64 ↔ 16進数 変換

Base64 文字列を16進数バイトに、16進数を Base64 に戻します。URL セーフ対応、ブラウザ上で動作します。

開発 0 0

HTML → JSX コンバータ

HTML スニペットを貼り付けると React 用の JSX に — `class` は `className` に、`onclick` は `onClick` に、void タグは自己クローズ、インラインスタイルはオブジェクト化可能。

開発 0 0

Base64 エンコーダー / デコーダー

テキストを Base64 にエンコード、または Base64 をテキストにデコード。

開発 0 0