Microsoft Edgeでサーバーからのレスポンスの内容を確認するのに使用されるツールとしてBoomerangがあります。
Boomerangのインストールや使用方法をご説明します。
目次
Boomerangとは?
A simple app to test your SOAP and REST APIs
https://microsoftedge.microsoft.com/addons/detail/boomerang-soap-rest-c/bhmdjpobkcdcompmlhiigoidknlgghfo?hl=ja-jp
公式ページに記載された内容の通り、
SOAPやREST APIをテストするための(アドオン)ツールです。
Boomerangの追加
以下からはMacの画面での説明になります。
Edgeのインストール
BoomerangはEdgeのアドオンツールなのでまずはEdgeをインストールします。
※インストール済みの方は飛ばしてください。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-18.39.51-1-1024x551.png)
同意してダウンロードを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-18.40.19-1024x662.png)
ダウンロードされたインストーラ(pkgファイル)をダブルクリックするとインストール画面が立ち上がりますので、続けるを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-18.44.20-1024x778.png)
続けるを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-18.44.38-1024x776.png)
インストールを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-18.44.52-1024x776.png)
閉じるを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-18.45.30-1024x778.png)
Edgeが立ち上がります。今回はBoomerangを使用するためだけに使用するのでユーザーデータを使用せずに開始を選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-18.46.26-1024x667.png)
確認して続けるを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-18.46.42-1024x667.png)
スキップを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-18.46.58-1024x667.png)
スキップを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-18.47.11-1024x667.png)
Edgeを利用開始できます。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-19.02.21-1024x667.png)
Boomerangの追加
EdgeでBoomerangのインストールサイトにアクセスします。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-19.09.21-1024x667.png)
インストールボタンを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-19.09.30-1024x667.png)
拡張機能の追加を選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-19.10.03.png)
Boomerangが追加されたことがわかります。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-19.10.58-1024x667.png)
Boomerangを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-19.11.22-1024x667.png)
EdgeでBoomerangが起動します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-19.11.37-1024x667.png)
Boomerangを使ったAPIの呼び出し方
今回はYoutube Data APIから動画のリストを取得します。
Youtube Data APIを利用するための準備
Youtube Data APIの有効化
Googleアカウントを使用してGoogle Cloud Platformにアクセスします。
※Googleアカウントが必要です。
プロジェクトを作成を選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.22.08-1024x517.png)
プロジェクト名に任意の名前を指定し、場所には組織なしを選択します。
作成ボタンを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.22.44-1024x514.png)
ENABLE APIS AND SERVICESを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.24.02-1024x512.png)
YouTube Data API v3を選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.25.25-1024x515.png)
有効にするボタンを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.26.17-1024x512.png)
有効化されたされたことが確認できます。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.28.20-1024x512.png)
APIキーの作成
認証情報タブを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.32.28-1024x515.png)
認証情報を作成のAPIキーを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.33.06-1024x515.png)
APIキーが作成されます。
実際にAPIにアクセスする際にkey=API_KEYの形でクエリパラメータとして使用します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.33.36-1024x666.png)
APIキーが作成されていることが確認できます。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.35.26-1024x513.png)
作成したAPIキーを選択しAPI Keyの値をコピーします。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.47.15-1-1024x514.png)
BoomerangからYoutube Data APIへのアクセス
Edgeに追加したBoomerangを起動しMake a quick HTTP requestのQuick Requestを選択します。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-19-19.11.37-1024x667.png)
リクエストを入力する画面が表示されます。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.53.01-1024x605.png)
Request URLにhttps://www.googleapis.com/youtube/v3/search を貼り付けます。
![](https://www.gstatic.com/devrel-devsite/prod/v5ba20c1e081870fd30b7c8ebfa8711369a575956c1f44323664285c05468c6a4/developers/images/opengraph/youtube-theme.png)
QUERY STRINGのName, Valueに以下の組み合わせを入力します。
(Name, Value) = (key, 作成したAPIキーの値), (part, snippet), (q, 検索文字列)
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.54.59-1024x584.png)
SENDボタンを選択するとレスポンスが画面右側に表示されます。
![](https://it-tech-hack.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-20-20.59.39-1024x582.png)
まとめ
Boomerangの具体的なインストール方法や使用方法をご紹介しました。
少しでもみなさんの参考になれば幸いです!
![](https://www18.a8.net/0.gif?a8mat=3T01CK+1AFTYQ+529E+5ZMCH)