本文へ移動

§24-05Developer

API playground / cURL builder

API をブラウザから呼び出し結果を確かめられる。

コードを書く前に動作とレスポンスの形を試せる。開発者向けドキュメントに添えて、導入の最初の一歩を軽くする。

実装のポイント

入力したメソッド・パス・ヘッダーから cURL コマンドを同時に生成してコピーできるようにし、API キーは画面上で伏せる。

特徴
  • モック
  • 非同期
デモで使っているもの
  • shadcn/ui
  • lucide-react
  • Clipboard API

このパターンが効く目的