OpenAPIエディター&ビューアー

OpenAPI/Swagger仕様を貼り付けて、エンドポイントとスキーマを即座に編集、検証、プレビュー。

このツールについて

OpenAPIエディター&ビューアーは、OpenAPI(旧Swagger)仕様ドキュメントを 編集・可視化するための無料ブラウザベースツールです。新しいREST APIの設計や 既存APIのレビューに、YAMLまたはJSONソースと並べてエンドポイント、 リクエストパラメータ、レスポンスコード、データスキーマのライブプレビューを 提供します。

すべての処理はブラウザ内で完全に行われます。API仕様がデバイスから送信される ことはなく、サーバーとの通信、ログ記録、入力に対するサードパーティの 分析はありません。これにより、内部APIの設計、独自スキーマ、プライベート インフラを参照する仕様にも安全に使用できます。

エディターはYAMLとJSONの両方の入力モードをサポートしています。お好みに 応じて切り替えられます。ライブプレビューパネルは、色分けされたHTTPメソッド バッジ(GETは緑、POSTは青、PUTはオレンジ、DELETEは赤)付きのエンドポイント、 展開可能なパラメータテーブル、リクエストボディ参照、レスポンスステータス コードをレンダリングします。components/schemas セクションのスキーマは 各フィールドの名前、型、フォーマット、必須かどうかを表示する展開可能な カードとして表示されます。

関連するデータフォーマットを扱う場合、ここに貼り付ける前にYAMLを整理するのに YAMLフォーマッターが便利かもしれません。また、 サンプルJSONペイロードからスキーマを作成するには JSONスキーマジェネレーターをお試しください。 JSONとYAMLの変換にはJSON-YAML変換ツールをご利用ください。

3つのサンプル仕様(Petstore、Todo API、ユーザー管理API)が含まれており、 YAMLを書かずにすぐにツールを試せます。コピーとダウンロードボタンで 編集した仕様をワンクリックでエクスポートできます。

使い方

  1. 上部のトグルボタンで入力モード(YAMLまたはJSON)を選択します。
  2. 左側のエディターパネルにOpenAPI仕様を貼り付けるか、サンプルバッジ(Petstore、Todo API、User API)をクリックしてデモ仕様を読み込みます。
  3. 右側のライブプレビューパネルにAPI情報、エンドポイント、スキーマが即座にレンダリングされます。
  4. エンドポイント行をクリックして展開し、パラメータ、リクエストボディ、レスポンスの詳細を確認します。
  5. スキーマカードをクリックして展開し、個々のフィールド、型、必須マーカーを確認します。
  6. コピーボタンまたはCtrl+Shift+Cで仕様をクリップボードにコピーします。
  7. ダウンロードをクリックして仕様を.yamlまたは.jsonファイルとして保存します。
  8. クリアをクリックしてエディターとプレビューパネルをリセットします。

人気のOpenAPIエディター例

すべてのOpenAPIエディター例を見る →

よくある質問

データは安全ですか?

はい。すべての解析とレンダリングはJavaScriptを使用してブラウザ内でクライアントサイドで実行されます。データはサーバーに一切送信されません。内部エンドポイント、認証情報、独自スキーマを含むAPI仕様を安全に編集できます。

どのOpenAPIバージョンがサポートされていますか?

エディターはOpenAPI 3.0.xおよび3.1.x仕様に対応しています。info、servers、paths、components/schemas、securitySchemesなどの標準構造を解析します。Swagger 2.0ファイルは部分的に解析されますが、すべての機能が正しくレンダリングされない場合があります。

YAMLとJSONの入力を切り替えられますか?

はい。エディター上部のYAML/JSONトグルボタンを使用してください。モードを切り替えると、選択した形式で入力を貼り付けるか書く必要があります。プレビューパネルは入力形式に関係なく同じように動作します。

色付きメソッドバッジの意味は?

各HTTPメソッドは迅速な識別のために色分けされています:GETは緑、POSTは青、PUTはオレンジ、PATCHは黄色、DELETEは赤です。これはSwagger UIやRedocなどのツールで使用される一般的なAPIドキュメントの慣例に従っています。

エディターはOpenAPI仕様を検証しますか?

エディターはYAMLまたはJSON構文を検証し、基本的なOpenAPI構造(info、paths、components)をチェックします。構文エラーは行番号付きで表示されます。ただし、完全なOpenAPI仕様検証(すべての$ref参照が正しく解決されるかの確認など)は実行しません。

内部またはプライベートAPIに使えますか?

もちろんです。すべてがサーバー通信なしでブラウザ内で実行されるため、サードパーティサービスにアップロードすべきでない内部API仕様の編集に最適です。いかなる時点でもデータがデバイスから送信されることはありません。

編集した仕様をエクスポートするには?

ダウンロードボタンをクリックして仕様をファイル(入力モードに応じてopenapi-spec.yamlまたはopenapi-spec.json)として保存します。コピーボタンをクリックするかCtrl+Shift+Cを押して、仕様全体をクリップボードにコピーしてプロジェクトに貼り付けることもできます。

関連ツール