Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Postman で GraphQL のクエリを送ってみよう
Search
SAW
January 25, 2024
Programming
1
3.4k
Postman で GraphQL のクエリを送ってみよう
Postman Osaka Meetup 2024.1 の発表資料です。
SAW
January 25, 2024
Tweet
Share
More Decks by SAW
See All by SAW
PHP で学ぶ OAuth 入門
azuki
2
540
EditorConfig を使ってみよう
azuki
1
78
Symfony でサクッと作る REST API サーバー
azuki
1
150
Vite の Library Mode を使って Vue のコンポーネントをライブラリ化する
azuki
1
190
Laravel や Symfony で手っ取り早く OpenAPI のドキュメントを作成する
azuki
2
290
Provide/Inject で TypeScript の恩恵を受ける方法
azuki
3
150
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
360
OSS contributor への第一歩を踏み出すまでの物語
azuki
2
320
Eloquent で relation を扱う基礎
azuki
0
170
Other Decks in Programming
See All in Programming
時間軸から考えるTerraformを使う理由と留意点
fufuhu
6
420
Flutter로 Gemini와 MCP를 활용한 Agentic App 만들기 - 박제창 2025 I/O Extended Seoul
itsmedreamwalker
0
160
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
0
190
testingを眺める
matumoto
1
130
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
mackey0225
2
630
Vue・React マルチプロダクト開発を支える Vite
andpad
0
110
Rancher と Terraform
fufuhu
2
150
速いWebフレームワークを作る
yusukebe
3
520
自作OSでDOOMを動かしてみた
zakki0925224
1
1.4k
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
kazuyasakamoto
0
290
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
1
180
為你自己學 Python - 冷知識篇
eddie
1
310
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Facilitating Awesome Meetings
lara
55
6.5k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
830
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Practical Orchestrator
shlominoach
190
11k
Docker and Python
trallard
45
3.5k
Transcript
2 024 / 0 1 / 2 5 SAW Postman
で GraphQL のクエリを 送ってみよう Postman Osaka Meetup 2 0 2 4 . 1
$(whoami) • ⽒名: 加藤 宗⼀郎 (29歳) • ハンドルネーム: SAW
• ⼤阪在住‧愛知出⾝ • X (旧 Twitter): @azuki_eater • 得意分野: Web アプリケーション開発 • Laravel, Vue
⼿軽に GraphQL のクエリを送りたい • GraphQL の API サーバーを構築 • クエリを投げてサーバーからのレスポンスの内容を確認したい
• GraphiQL • ブラウザから GraphQL のクエリが送信できる IDE • クエリの補完や syntax highlighting が利⽤可能 • パッケージのインストールなどの環境構築が必要
Postman でも GraphQL のクエリを ⼿軽に送信できます
Postman で GraphQL のクエリを送信 • Body から GraphQL を選択 •
QUERY のフォームに GraphQL のクエリを⼊⼒ • GRAPHQL VARIABLES のフォームにクエリ変数の定義を⼊⼒ • JSON 形式で変数名と値を指定
Postman を使うメリット • GraphiQL のような環境構築が不要 • GraphiQL と同様にクエリの補完や syntax highlighting
が利⽤可能 • Schema 情報を取得 • 更新ボタンを押すことで 更新された schema 情報を取得 • クエリの補完にも反映される • Schema や resolver の設定が正しくないと警告マークが表⽰される • セッション認証などの認証情報も設定可能 • Postman で Cookie が利⽤可能
GraphQL のクエリ補完機能 • API サーバーから fetch した schema 情報に基づいて補完を表⽰
• Cookie を送信することでセッション認証が利⽤可能 • Postman が保持している Cookie をリクエスト送信時に⾃動的に設定 セッション認証の利⽤
認証前 認証後
総括 • Postman は GraphQL クライアントとしても有⽤ • クエリの補完や syntax highlighting
が利⽤可能 • クエリ変数の設定も可能 • Schema 情報を取得してクエリ補完機能に反映 • セッション認証も利⽤可能 • クエリ送信時にセッション認証の Cookie を送信
Postman は GraphQL の APIクライアントとしても便利!!
ご清聴ありがとうございました
宣伝 • PHPカンファレンス関⻄2024 開催予定✨ • ⽇付: 2024/2/11 (⽇) • 開催場所:
グランフロント⼤阪 • ⼀般参加チケット発売中 • お誘いチケットで周りの⼈も誘おう! • PHPerシール の特典は 1/26 まで! • 詳細は 公式サイト をご確認ください PHPerシール イメージ図