OpenAPI DevTools(Chrome拡張機能)でWebサイトのOpenAPI仕様書を確認する

1. はじめに

• Webサイトで使用されているOpenaAPIの仕様書を確認したい

2. 開発環境

• Chrome
• Windows 11
• OpenAPI DevTools (Chrome ウェブストア)

3. OpenAPI DevToolsのインストール

• GitHubの「OpenAPI DevTools」へアクセスする

• Download the extension in the Chrome Web Store.をクリックする

• Chromeに追加をクリックする

• 拡張機能を追加をクリックする
  

• Chromeを再起動する

4. 使い方

4.1. 事前準備

Control＋Shift＋iを押下して、デベロッパーツールを開き、OpenAPIタブを選択する

4.2. レコーディングをする

• Start Recordingボタンをクリックする
  

• リンクをカーソルの上に置くとOpenAPI仕様書を自動で検出する
  

• タブの左側にレコーディングした一覧が表示される（ウィンドウサイズを大きくする）
  

4.3. レコーディングを停止する

• 左側のボタン（検出の一時停止）をクリックする
• ちなみに、中央はのボタン（設定）、右側のボタン（全データを削除）
  

5. 参考文献