3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

looking back this year for my techAdvent Calendar 2019

Day 3

Swagger Viewer(VSCodeプラグイン)

Last updated at Posted at 2019-12-02

概要

WebAPIの仕様書を書く際、何を使って書くかを考え、どうせなら OpenAPI の仕様に沿ってちゃんと書いてみようと思った。

その際のツールとして、SwggerEditor はすぐに利用できるので、便利でとっつきやすいと思う。
ただ、ローカル環境で SwggerEditor を使おうと思うと、Dockerなどを使って環境を整備しなくてはいけないので面倒。

自分が普段使っているエディターでもある VSCode(Visual Studio Code)で使えるプラグインがあったので、その紹介。

Swagger Viewer

自分が編集しているyamlファイルの内容をSwaggerUIの画面に変換した状態で表示できる。
編集内容もリアルタイムで反映されるため、記述内容での見え方(改行など)の調整にも便利。

インストール方法

  1. VSCodeの「Extensions」を開く。
  2. 検索欄に「SwaggerViewer」と入力するとプラグインが出てくるので、プラグインを選択し、インストールを実行する。

SwaggerViewer.png

感想

ローカルでの編集時に、SwaggerUIで表示した場合の見た目が確認できるのはかなり便利だと思いました。
また、プラグインを入れるだけなので、導入のハードルも低めかと思います。(VSCode使っている人前提)

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?