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
2323/03/05 LT
Search
knot
March 05, 2023
Technology
150
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
2323/03/05 LT
knot
March 05, 2023
More Decks by knot
See All by knot
フロントエンドカンファレンス北海道2024のLPをつくってみた
618knot
0
2.3k
ちとせゆるい勉強会.pdf
618knot
0
140
app_dev_meetup_vol.1_tw.pdf
618knot
0
81
Other Decks in Technology
See All in Technology
生成AIの活用/high_school2026
okana2ki
0
120
依頼文化をやめる日 EM視点で語るPlatform EngineeringとInclusive SRE / Discussing Platform Engineering and Inclusive SRE from an EM's Perspective
shin1988
4
5.1k
Baseline対応のDOMの型定義を作った
uhyo
3
730
Compose 新機能総まとめ / What's New in Jetpack Compose
yanzm
0
160
小さいから、全部わかる。— 常駐AI "xangi" のすすめ
sugupoko
0
290
最近評価が難しくなった
maroon8021
0
300
ローカルLLMとLINE Botの組み合わせ その3 / LINE DC Generative AI Meetup #8
you
PRO
0
130
貴方はどのエンジニアリングを磨くのか
hatyibei
0
110
Mastraエージェント、どのクラウドにデプロイする?
minorun365
PRO
2
180
デジタル・デザイン:次の50年を描く「進化する青写真」
y150saya
0
850
スタートアップにおけるアジャイルの実践について #shibuyagile
murabayashi
3
2.2k
Genie Ontologyは銀の弾丸かを考える / Is Genie Ontology a Silver Bullet?
nttcom
0
130
Featured
See All Featured
Darren the Foodie - Storyboard
khoart
PRO
3
3.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.8k
For a Future-Friendly Web
brad_frost
183
10k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.2k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
320
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
56k
Designing for Performance
lara
611
70k
Unsuck your backbone
ammeep
672
58k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
180
Docker and Python
trallard
47
3.9k
Mind Mapping
helmedeiros
PRO
1
280
Transcript
GraphQLつかってみた LT会 2023.03.05 knot.
のっと >> まだ情報システム工学科の2年生 12月からインターン始めた 最近はWEB方面が多め 618knot 自己紹介
ハッカソンに出ました FastAPI -> GraphQLをやった
※このLTではWeb APIのことを指します APIとは アプリケーションプログラミングインタフェース(API、 英: Application Programming Interface)[注釈 1]と は、広義ではソフトウェアコンポーネント同士が互いに情
報をやりとりするのに使用するインタフェースの仕様であ る。(wikipedia)
APIとは 一言でいうと... あるサービスの機能を外部から使えるようにしたやつ (TwitterAPI, SpotifyAPI等々)
よくみるやつ(デモ) よくみる(REST)API エンドポイントがいっぱいある GETとかPOSTとかする
GraphQLとは GraphQLとは
GraphQLとは(wikipedia) GraphQL(グラフQL)はAPI向けに作られたクエリ言語およびラ ンタイムである[2]。 ウェブAPIの開発に、RESTやその他のWebサービスと比較して、 効率的、堅牢、フレキシブルなアプローチを提供する。GraphQL では、クライアントが必要なデータの構造を定義することがで き、サーバーからは定義したのと同じ構造のデータが返される。 したがって、必要以上に大きなデータが返されるのを防ぐことが できクエリの効率が良い。また、柔軟性と豊かな表現が可能なク エリ言語は複雑さを加えるため、シンプルなAPIには適さない可能
性もある[3][4][5]。GraphQLは、型システム、クエリ言語、実 行セマンティクス、静的な検証、型イントロスペクション(英語
GraphQLとは(wikipedia)
GraphQLとは(wikipedia) GraphQLはAPI向けのクエリ言語で、RESTや他のWeb サービスに比べて効率的で堅牢であり、フレキシブルなア プローチを提供します。クライアントが必要なデータの構 造を定義でき、サーバーからは定義した構造のデータが返 されます。データの問い合わせ、書き換え、購読をサポー トします。 ?
GraphQLとは API向けのクエリ言語であX 必要なリソースだけを取得できX グラフ理論がいい感じに使われていX エンドポイントが1つだけあX
問い合わせ(Query)、書き換え(Mutation)、購読 (Subscription)がある
REST, SQLとの対応
つかってみる デモ FastAPI + Strawberryで遊んでみます
おわり 参考 https://zenn.dev/offers/articles/20220609- graphql-onboarding 大規模な開発とかで特に便利そうですね