サンプル集  >  other  >  API仕様書作成(Swagger Editor)③
API仕様書作成(Swagger Editor)③
2025/07/12

Visual Studio CodeのSwagger Viewerを使いAPIの仕様書を作ってみます。

◆環境
OS Windows 10 Home 22H2 64bit
VSCode 1.96.4

Visual Studio Codeを起動します。


左のExtensionsをクリックします。


swagger viewerと入力します。


installをクリックします。


Visual Studio Codeを再起動します。


openapi spec githubで検索します。


OpenAPI-Specificationというページが開きました。


petstoreと入力したところ候補が表示されました。 petstore.yamlをクリックします。


petstore.yamlが開きました。


Rawをクリックします。 全選択しコピーします。


openapi.yamlというファイルを作成しコピーした内容を貼り付けます。


Shift + Alt + P を押します。


「アクセスを許可する」をクリックします。


左を書き換えても右に反映されませんでした。


3.0.4の4を0に書き換えたら右に反映されました。


左を書き換えたら右にも反映されました。


これは便利ですね!

関連項目

API仕様書作成(Swagger Editor)

API仕様書作成(Swagger Editor)②

▲ PageTop  ■ Home


Copyright (C) 2025 ymlib.com