業務SaaS🤖 AI主導公開中
API Tester
軽量・高速なローカルAPIテスター。Postmanライクな操作感でリクエスト保存・curl生成・認証対応をブラウザで完結
Next.jsTypeScriptApp Routerローカルツール
// VIBE CODING RATIO
💪 自力実装 5%🤖 AI担当 95%
■ 設計・判断・レビュー■ AI実装
「軽量なローカルAPIテスターを作りたい」というテーマをAIに持ち込み、機能設計・実装をAIと壁打ちしながら進めた。動作確認（全メソッド・認証方式・保存/読込・curl生成）は自分が行っている。
// BACKGROUND — なぜ作ったか
APIの動作確認をするためにPostmanを使っていたが、クラウド同期・ログイン必須など余計な機能が多く重かった。シンプルにローカルだけで完結する軽量APIテスターをAIと壁打ちしながら作った。
// WHAT I DID — 何をやったか
Next.js単一プロジェクト（App Router）でフロントエンドとAPI実行エンジン（API Routes）を兼ねた軽量APIテスターを構築した。
実装済み機能：GET/POST/PUT/PATCH/DELETE・Header設定・Query Parameter設定（有効/無効チェック付き）・Request Body（JSON）・Bearer Token/Basic認証・レスポンス表示（Status/Time/Size/Headers/Body）・curl生成・コピー・リクエスト保存/読込/削除（ローカルJSONファイル、クラウド通信なし）
// MY DECISIONS — 自分が設計・判断した部分
「ローカル完結・シンプル・軽量」というコンセプトを持ち込み、機能スコープ・技術選定・実装はAIと壁打ちしながら一緒に進めた。全メソッド・認証方式・保存/読込・curl生成の動作確認は自分が行っている。
// TECH DETAIL — 技術的な工夫
- **Next.js App Router**：フロントエンドとAPI実行エンジンを単一プロジェクトに統合
- **API Routes（サーバー側fetch）**：ブラウザのCORS制限を回避してAPIリクエストを実行
- **ローカルJSON保存**：`data/requests.json`にリクエストを保存。クラウドへの通信は一切なし
- **curl生成**：保存済みリクエストから即座にcurlコマンドを生成・コピー
// SCREENSHOTS
// RELEASE NOTES
v1.02026-07
全メソッド・認証・保存/読込・curl生成 MVP動作確認完了
開発開始: 2026-07最終更新: 2026-07