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
OpenAPIについて
Search
魔迦論
May 03, 2025
0
16
OpenAPIについて
OpenAPIとは
何ができるか/何が良いのか
魔迦論
May 03, 2025
Tweet
Share
More Decks by 魔迦論
See All by 魔迦論
GitHub Actionsのハンズオン
mackalong
0
24
英文の読み方
mackalong
0
9
useSWRについて
mackalong
0
8
JWTについて_基本編
mackalong
1
9
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
16
930
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Speed Design
sergeychernyshev
31
1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Unsuck your backbone
ammeep
671
58k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Into the Great Unknown - MozCon
thekraken
39
1.8k
Transcript
OpenAPI Specification について
OpenAPI Specification とは 概念 API 仕様のフォーマット どこで( エンドポイント) どんなメソッドで(HTTP メソッド)
どんなデータを送るのか( リクエストデータ) どんなデータが返ってくるのか( レスポンスデータ) 実体 API 仕様定義ファイル ⇨YAML または JSON ファイル 具体的な書き方は調べてください( 難しくないです) Swagger Editor などを使うと、リアルタイムプレビューしながら書けるそう ⇨直でyaml を書くのは結構辛い、 、 、
何ができるのか/ 何が良いのか 1. 統一されたAPI 仕様書の作成 ⇨フロントとバックでの認識齟齬が起こりにくい 2. API 定義書を他ツールと連携させることで開発効率UP できること
連携ツール 備考 自動でAPI テストケ ース作成 Postman Github Action などと組み合わせることで、定義書更新⇨テストケース更新の自 動化も可能 モックサーバーの自 動構築 Prism コード生成 Swagger Codegen Swagger Codegen では、SDK( 例 リクエスト/ レスポンスのユーザー定義型) や バック骨組みモックの生成が可能 ドキュメント生成 Redoc, Swagger UI SwaggerUI はVSCode 拡張機能あり