AIアシスタントPostbotでAPIテストを効率化

現在オープンベータ版として、Postmanの中で利用できるAIアシスタント「Postbot」。自然言語でお願いした通りにAPIテストやレスポンスを可視化するスクリプトを作ってくれたり、ドキュメントの生成をしてくれるPostbotを、デモを中心にご紹介します。Postman Sendai Meetup 2024.2での発表資料です。

Transcript

1. All rights reserved by Postman Inc AI アシスタント Postbot で API テストを効率化 草薙 昭彦 テクノロジーエバンジェリスト #PostmanMeetup
2. テクノロジーエバンジェリスト Postman 株式会社 草薙 昭彦 @postman_japan @nagix
3. Postbot とは 生成 AI (Generative AI) • 簡単に利用できる API のおかげで、ここ1年ほどの間で非常に多くの注目を集めてい る • AI にはたくさんのユニークな使い道があり、 Postman の開発チームでもしばらくの 間、その活用方法が検討されてきた Postbot • Postman ワークスペースにおける AI コンパニオン • API のデバッグと理解、テストの迅速な記述、大量のデータの意味を理解する手助け をしてくれる @postman_japan
4. Postbot の主な使い方 • Postman の使い方を聞く • テストの生成を支援 • コレクションのテストをまとめて生成 • レスポンスを可視化 • ドキュメントを生成 @postman_japan
5. Postman の使い方を聞く フッターの「Postbot」をクリック @postman_japan
6. Postman の使い方を聞く 「How to check the request size?」というプロンプトを入力してみる @postman_japan
7. テストの生成を支援 API リクエストの「テスト」タブを選択、 Postbot ボタンをクリック @postman_japan
8. テストの生成を支援 「送信」ボタンを押してレスポンスを取得 @postman_japan なぜプロンプトの前にレスポンスの取得が必要なの❓ プロンプトの文章に加えて、リクエストとレスポンスの両方 のデータを入力情報として、テストスクリプトを生成するた め
9. テストの生成を支援 「Add tests to this request」というサンプルのプロンプトをクリック @postman_japan
10. テストの生成を支援 生成されたテストスクリプトを確認 @postman_japan
11. テストの生成を支援 レスポンスの「テスト結果」タブを確認 @postman_japan
12. テストの生成を支援 プロンプトを工夫してテストを追加してみましょう @postman_japan
13. テストの生成を支援 「pm.test("<テストの説明>", 」まで入力すると、説明を元にコードを補完してくれる @postman_japan NEW
14. コレクションのテストをまとめて生成 コレクション一覧から対象のコレクションを右クリックし、「テストを生成」を選択 @postman_japan
15. コレクションのテストをまとめて生成 右上の「Generate Tests」ボタンを押すと、AI がコレクション全体のテストを一括生成 @postman_japan
16. コレクションのテストをまとめて生成 テストスクリプトとテスト結果を確認 @postman_japan
17. レスポンスを可視化 リクエストの「送信」ボタンを押してレスポンスを取得後、 「Visualize response...」というサンプルのプロンプトをクリック @postman_japan
18. レスポンスを可視化 レスポンスの「ボディ」欄の「可視化」の項目を確認 @postman_japan
19. レスポンスを可視化 「Visualize response...」に続けて「as line chart」というプロンプトを追加 @postman_japan
20. レスポンスを可視化 レスポンスの「Body」欄の「Visualize」の項目を確認 @postman_japan
21. ドキュメントを生成 リクエストを選んで、フッターの「 Postbot」をクリック @postman_japan
22. ドキュメントを生成 「Add documentation」というサンプルのプロンプトをクリック @postman_japan
23. ドキュメントを生成 右サイドバーのドキュメントアイコンをクリックして、生成された説明を確認 @postman_japan
24. 日本語は使えるの？ @postman_japan
25. テストの追加 (1) 「レスポンスの配列の長さが10より大きいことを確認するテストを追加」 pm.test("Response array length is greater than 10", function () { var jsonData = pm.response.json(); pm.expect(jsonData).to.be.an('array').that.has.length.above(10); }); @postman_japan
26. テストの追加 (2) 「レスポンスの配列の長さが10より大きいことを確認するテストを追加。説明は日本語で」 pm.test("レスポンスの配列の長さが10より大きいことを確認する", function () { var jsonData = pm.response.json(); pm.expect(jsonData).to.be.an('array').that.has.length.above(10); }); @postman_japan
27. グラフの表示 「結果を折れ線グラフに。最高気温と最低気温を表示。華氏を摂氏に変換。日本語で表示」 @postman_japan
28. アルバムの一覧表示 「アルバムの一覧を3列のグリッドレイアウトで可視化。表示を日本語で。アルバムアート、ト ラック名、アーティスト名、リンクを含める」 @postman_japan
29. ドキュメントの生成 「Add documentation in Japanese」 @postman_japan
30. ダウンロードして無料でスタート！ https://www.postman.com/downloads/ デスクトップアプリ • Windows • Mac • Linux Web アプリ • アカウント登録で同 じ機能をブラウザで も利用できる @postman_japan
31. ありがとうございました @postman_japan