// ここにコードが生成されます
TypeScript 型定義
JSONボディを検知すると
型を自動生成します
パース機能
Advertisement
curl → Fetch / Axios 変換ツールとは？
本ツールは、ターミナルやドキュメントで使われるcurlコマンドを、JavaScriptの「Fetch API」や「Axios」の実行コードに即座に変換する開発者向けツールです。 複雑なリクエストヘッダー、認証トークン、JSONボディを含むPOSTリクエストなどを、手動でコードに書き換える手間をゼロにします。さらに、JSONデータが含まれる場合はTypeScriptのインターフェースも自動生成するため、型安全な開発を強力にサポートします。
こんなシーンで便利です
APIドキュメントからの実装
Swaggerや公式ドキュメントにある「サンプルcurl」をコピーして貼り付けるだけで、フロントエンドの実装コードが完成します。
ブラウザ開発者ツールの活用
Chromeの「Copy as cURL」で取得した通信内容を、そのままプロジェクト内で再利用可能なFetch関数へと変換できます。
Postmanからのコード移行
Postmanでテスト済みのリクエストを、プロジェクトのコード（Axios等）へ素早く組み込みたいときの時短ツールとして最適です。
TypeScript導入時の型定義作成
リクエストボディのJSONからTypeScriptのInterfaceを自動生成。型定義を手書きする時間を大幅に削減します。
使い方は簡単 3ステップ
- 「curl コマンドを入力」欄に、変換したいcurlコマンドを貼り付けます。
- 「Fetch」または「Axios」から、生成したいライブラリを選択します。
- 「Copy Code」ボタンを押して、生成されたasync/await形式のコードをコピーします。
※マルチライン（\）形式のcurlや、複雑なシングルクォートのネストにも対応しています。
ご利用時の注意点
- すべてのオプションには未対応：-X, -H, -d, --data-raw などの主要なオプションに対応していますが、詳細なネットワーク設定（プロキシ等）は無視される場合があります。
- async/await前提：生成されるコードはモダンなES6+の async/await 形式です。古い環境（IE等）で使用する場合はBabel等での変換が必要です。
- JSON形式の確認：-d パラメータで渡すデータが正しいJSON形式でない場合、TypeScriptの型生成が正しく行われないことがあります。
Advertisement
curlオプション・変換対応表
主要なcurlコマンドのオプションが、JavaScriptコード（Fetch/Axios）でどのように変換されるかの目安です。
| curlオプション | 変換後の役割 | Fetch / Axios での対応 |
|---|---|---|
| -X, --request | HTTPメソッドの指定 | method: 'POST' や 'PUT' として出力 |
| -H, --header | リクエストヘッダー | headers: { 'Content-Type': '...' } に変換 |
| -d, --data | リクエストボディ | body: JSON.stringify() または data: { ... } |
| -u, --user | 認証（Basic認証） | Authorization: 'Basic ...' ヘッダーを自動生成 |
| -G, --get | GETリクエスト強制 | データをクエリパラメータとしてURLに結合 |
| -k, --insecure | SSL証明書検証スキップ | ブラウザ環境(Fetch)ではセキュリティ上無視されます |
| --data-raw | 生のデータ送信 | JSON文字列として解析し、オブジェクトへ変換 |
| -v, --verbose | 詳細ログ出力 | デバッグ用のため、生成コードからは除外 |
【開発効率を最大化するTips】
ChromeやEdgeのデベロッパーツール（Networkタブ）でリクエストを右クリックし、「Copy as cURL」を選択して取得したコマンドを本ツールに貼り付けるのが最も確実な方法です。
【TypeScript型定義の自動生成について】
JSON形式のデータが含まれる場合、本ツールは自動的に interface ResponseData などの型定義を生成します。 これにより、「curl 変換 TypeScript」や「APIレスポンス 型作成」の手間を大幅に短縮し、型安全なAPIクライアント実装をサポートします。
※複雑なシェル変数を含むcurlや、バイナリ送信（--data-binary）など、一部ブラウザのJavaScript環境では再現が難しいオプションは、変換時に正規化またはスキップされる場合があります。
よくある質問（FAQ）
Q.APIキーやAuthorizationヘッダーなどの機密情報は安全ですか？
A. 極めて安全です。本ツールは「完全ローカル実行」を徹底しており、入力されたcurlや変換後のコードがサーバーに送信されることは100%ありません。
Q.変換処理を社内ネットワークやオフライン環境でも利用できますか？
A. はい。一度ページを読み込んでしまえば、処理自体に外部通信は不要です。情報漏洩のリスクなく安心してご利用いただけます。
Q.生成されたコードは商用利用可能ですか？
A. もちろん可能です。本ツールによって生成されたコードに著作権上の制限はありません。ご自身のプロジェクトにそのまま組み込んでお使いください。
あなたの声で、
このツールをより鋭く。
「こんな機能が欲しい」「ここを直してほしい」といったご意見や、新しいツールのリクエストを募集しています。エンジニアが直接目を通し、開発の参考にさせていただきます。