Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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