TypeSniff

DevTools の JSON 通信から TypeScript の型と fetch ラッパーをその場で生成。外部送信なしのローカル開発ツール。

TypeSniff は、Chrome DevTools 上で発生した XHR / fetch の JSON レスポンスを監視し、TypeScript 型定義と fetch ラッパーを即座に生成する開発者向け拡張です。 ■ できること - DevTools の Network 通信から JSON レスポンスを自動収集 - endpoint ごとにリクエストを整理 - 複数サンプルをマージして optional property を推論 - TypeScript interface を自動生成 - fetch ラッパー関数を生成 - 型をコピー / 取得コードをコピー / 全部コピー ですぐ貼り付け ■ 特徴 - 外部サーバー送信なし - 観測と型推論はすべてブラウザ内で完結 - OpenAPI ではなく、実装でそのまま使える TypeScript コード出力に特化 ■ 使い方 1. TypeSniff をインストール 2. 任意のサイトで Chrome DevTools を開く 3. TypeSniff パネルを選ぶ 4. ページを操作して API 通信を発生させる 5. endpoint を選び、生成コードをコピーする ■ ご注意 - JSON 以外のレスポンスは無視します - 認証 header、request body、path parameter の自動抽象化は現バージョンでは未対応です