開発生産性大幅アップ！Postman VS Code拡張機能

VS Codeの一つのウィンドウの中でコード編集とAPIテストを同時に行うことができるPostman VS Code拡張機能は、Postmanコレクションを通じてPostmanの幅広い機能と連携できるのが特徴です。ちょうど2024年4月16日に正式版がリリースされました。VS Code Conference Japan 2024での発表資料です。

Transcript

1. All rights reserved by Postman Inc 開発生産性大幅アップ！ Postman VS Code 拡張機能 草薙 昭彦 テクノロジーエバンジェリスト #vscodejp 4/16 正式版 リリース
2. テクノロジーエバンジェリスト Postman 株式会社 草薙 昭彦 @postman_japan @nagix
3. Postman API プラットフォーム @postman_japan 日本語 UI 対応
4. 世界中で使われている Postman Postman は 3,100万人を超える開発者の API に関する作業を変革 💪 1,380万 640万 230万 50万 80万 14 750万 @postman_japan
5. 開発者は Postman 上で公開された パブリック API を見つける API の利用を社内で啓蒙 開発者は Postman を使ってAPIを実 行、テストして理解する 企業は Postman を使ってパブリック API を 作成し、共有する チームは Postman を使って部門横断的な 開発とコラボレーションを促進 API ライフサイクルに おいて Postman は どのように役立つの？ 開発チームは社内 API の構築と 保守に Postman を使用
6. これまで VS Code の機能 Postman の機能 • ワークスペース • コレクション • 環境 • API ビルダー • モック • モニター • Flows • APIネットワーク • セキュリティ・ガバナンス • テキストエディタ • コード補完 • リファクタリング • デバッグ • Git 連携 • タスクランナー • 機能拡張 簡単なAPIチェックを 行うときは・・ コードの実装 API のテスト・管理 切り替え @postman_japan
7. Postman VS Code 拡張機能を使うと VS Code の機能 　 　 Postman の機能 • API ビルダー • モック • モニター • Flows • APIネットワーク • セキュリティ・ガバナンス • パフォーマンステスト • CI/CD 連携 • テキストエディタ • コード補完 • リファクタリング • デバッグ • Git 連携 • タスクランナー • 機能拡張 コードの実装＋ API のテスト API ライフサイクル管理 • ワークスペース • コレクション • コレクションラン ナー • 環境 • 履歴 • コンソール • API ドキュメント @postman_japan
8. VS Code Postman 拡張機能のユニークなポイント • Postman コレクションや環境・履歴を Postman アプリと共有できる ◦ 使い慣れた Postman の UI がほぼそのまま利用できる ◦ API レスポンスの確認やデバッグは VS Code のみで、開発ワークフローや API ラ イフサイクルの管理は Postman アプリで、という使い分け ◦ 環境や変数を使った作業の効率化 ◦ チームでのコラボレーション • かゆいところに手が届く連携 ◦ cURL をペーストしてリクエストを作成 ◦ リクエストから様々な言語でコードスニペットを自動生成 @postman_japan
9. サポートしているプロトコル 今後も増える予定！ @postman_japan
10. Postman VS Code 拡張機能のインストール https://marketplace.visualstudio.com/items?itemName=Postman.postman-for-vscode • 上記マーケットプレースの Postman 拡張機能のページで「Install」 • またはアクティビティバーの機能拡張アイコンをクリック、「 Postman」を検索して一番上の 項目を選択、「Install」 @postman_japan
11. Postman VS Code 拡張機能のインストール • 2024年4月16日、GA（正式版）リリース • Postman のすべてのプランのユーザーが利用可能 • 最初に Postman アカウントでログイン @postman_japan NEW
12. HTTP • 認証 • クッキーの編集・表示 • リクエスト前・リクエスト後の テストスクリプトの編集・実行 • レスポンスの分析 • レスポンスサンプル保存 • History に送信履歴が残る • コレクションの作成・閲覧・保 存 @postman_japan
13. WebSocket • History に送信履歴が残る （Disconnect が必要！） • コレクションへの保存は未対 応 @postman_japan
14. gRPC • History に送信履歴が残る • コレクションへの保存は未対 応 @postman_japan
15. 画面分割しての利用が便利 HTTP リクエスト gRPC リクエスト ソースコード ターミナル コレクション ・環境・履歴 @postman_japan
16. ダウンロードして無料でスタート！ https://www.postman.com/downloads/ デスクトップアプリ • Windows • Mac • Linux Web アプリ • アカウント登録で同 じ機能をブラウザで も利用できる @postman_japan
17. Postman Japan コミュニティ Discord Discord サーバーを開設しました！ 今後 Postman のプロダクトアップデートやイベン ト情報の配信や、みなさんとの交流の場として活 用していきたいと思います。 https://discord.gg/G4SQWDDqVa @postman_japan
18. Postman オンラインワークショップ https://postman.connpass.com/event/ @postman_japan
19. ありがとうございました @postman_japan