Slide 1

Slide 1 text

All rights reserved by Postman Inc 開発生産性大幅アップ! Postman VS Code 拡張機能 草薙 昭彦 テクノロジーエバンジェリスト #vscodejp 4/16 正式版 リリース

Slide 2

Slide 2 text

テクノロジーエバンジェリスト Postman 株式会社 草薙 昭彦 @postman_japan @nagix

Slide 3

Slide 3 text

Postman API プラットフォーム @postman_japan 日本語 UI 対応

Slide 4

Slide 4 text

世界中で使われている Postman Postman は 3,100万人を超える開発者の API に関する作業を変革 💪 1,380万 640万 230万 50万 80万 14 750万 @postman_japan

Slide 5

Slide 5 text

開発者は Postman 上で公開された パブリック API を見つける API の利用を社内で啓蒙 開発者は Postman を使ってAPIを実 行、テストして理解する 企業は Postman を使ってパブリック API を 作成し、共有する チームは Postman を使って部門横断的な 開発とコラボレーションを促進 API ライフサイクルに おいて Postman は どのように役立つの? 開発チームは社内 API の構築と 保守に Postman を使用

Slide 6

Slide 6 text

これまで VS Code の機能 Postman の機能 ● ワークスペース ● コレクション ● 環境 ● API ビルダー ● モック ● モニター ● Flows ● APIネットワーク ● セキュリティ・ガバナンス ● テキストエディタ ● コード補完 ● リファクタリング ● デバッグ ● Git 連携 ● タスクランナー ● 機能拡張 簡単なAPIチェックを 行うときは・・ コードの実装 API のテスト・管理 切り替え @postman_japan

Slide 7

Slide 7 text

Postman VS Code 拡張機能を使うと VS Code の機能     Postman の機能 ● API ビルダー ● モック ● モニター ● Flows ● APIネットワーク ● セキュリティ・ガバナンス ● パフォーマンステスト ● CI/CD 連携 ● テキストエディタ ● コード補完 ● リファクタリング ● デバッグ ● Git 連携 ● タスクランナー ● 機能拡張 コードの実装+ API のテスト API ライフサイクル管理 ● ワークスペース ● コレクション ● コレクションラン ナー ● 環境 ● 履歴 ● コンソール ● API ドキュメント @postman_japan

Slide 8

Slide 8 text

VS Code Postman 拡張機能のユニークなポイント ● Postman コレクションや環境・履歴を Postman アプリと共有できる ○ 使い慣れた Postman の UI がほぼそのまま利用できる ○ API レスポンスの確認やデバッグは VS Code のみで、開発ワークフローや API ラ イフサイクルの管理は Postman アプリで、という使い分け ○ 環境や変数を使った作業の効率化 ○ チームでのコラボレーション ● かゆいところに手が届く連携 ○ cURL をペーストしてリクエストを作成 ○ リクエストから様々な言語でコードスニペットを自動生成 @postman_japan

Slide 9

Slide 9 text

サポートしているプロトコル 今後も増える予定! @postman_japan

Slide 10

Slide 10 text

Postman VS Code 拡張機能のインストール https://marketplace.visualstudio.com/items?itemName=Postman.postman-for-vscode ● 上記マーケットプレースの Postman 拡張機能のページで「Install」 ● またはアクティビティバーの機能拡張アイコンをクリック、「 Postman」を検索して一番上の 項目を選択、「Install」 @postman_japan

Slide 11

Slide 11 text

Postman VS Code 拡張機能のインストール ● 2024年4月16日、GA(正式版)リリース ● Postman のすべてのプランのユーザーが利用可能 ● 最初に Postman アカウントでログイン @postman_japan NEW

Slide 12

Slide 12 text

HTTP ● 認証 ● クッキーの編集・表示 ● リクエスト前・リクエスト後の テストスクリプトの編集・実行 ● レスポンスの分析 ● レスポンスサンプル保存 ● History に送信履歴が残る ● コレクションの作成・閲覧・保 存 @postman_japan

Slide 13

Slide 13 text

WebSocket ● History に送信履歴が残る (Disconnect が必要!) ● コレクションへの保存は未対 応 @postman_japan

Slide 14

Slide 14 text

gRPC ● History に送信履歴が残る ● コレクションへの保存は未対 応 @postman_japan

Slide 15

Slide 15 text

画面分割しての利用が便利 HTTP リクエスト gRPC リクエスト ソースコード ターミナル コレクション ・環境・履歴 @postman_japan

Slide 16

Slide 16 text

ダウンロードして無料でスタート! https://www.postman.com/downloads/ デスクトップアプリ ● Windows ● Mac ● Linux Web アプリ ● アカウント登録で同 じ機能をブラウザで も利用できる @postman_japan

Slide 17

Slide 17 text

Postman Japan コミュニティ Discord Discord サーバーを開設しました! 今後 Postman のプロダクトアップデートやイベン ト情報の配信や、みなさんとの交流の場として活 用していきたいと思います。 https://discord.gg/G4SQWDDqVa @postman_japan

Slide 18

Slide 18 text

Postman オンラインワークショップ https://postman.connpass.com/event/ @postman_japan

Slide 19

Slide 19 text

ありがとうございました @postman_japan