Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Swaggerを使ってみた(2024/12/05)

Avatar for モーリー モーリー
December 05, 2024
Programming
1
210

 Swaggerを使ってみた(2024/12/05)

LT会発表資料

Swagger Viewer
https://marketplace.visualstudio.com/items?itemName=Arjun.swagger-viewer

Avatar for モーリー

モーリー

December 05, 2024
Tweet

More Decks by モーリー

See All by モーリー
ハッカソン春2025 Aチーム(実践コース)
Avatar for モーリー morleyjp
0
5
RareTechハッカソン2025冬の陣Cチーム
Avatar for モーリー morleyjp
0
61
英語設定のすすめ(2024/1/16)
Avatar for モーリー morleyjp
0
47
ハッカソン反省録(2024/12/27)
Avatar for モーリー morleyjp
0
67
RareTECH ハッカソン秋_Dチーム(2024/11/30)
Avatar for モーリー morleyjp
0
70
Gitのコンフリクト解消_デモあり(2024/11/02)
Avatar for モーリー morleyjp
1
89

Other Decks in Programming

See All in Programming
WebRTC、 綺麗に見るか滑らかに見るか
Avatar for sublimer sublimer
1
140
Combinatorial Interview Problems with Backtracking Solutions - From Imperative Procedural Programming to Declarative Functional Programming - Part 1
Avatar for Philip Schwarz philipschwarz
PRO
0
120
251126 TestState APIってなんだっけ?Step Functionsテストどう変わる?
Avatar for Takumi Abe east_takumi
0
290
Building AI Agents with TypeScript #TSKaigiHokuriku
Avatar for izumin5210 izumin5210
6
1.2k
30分でDoctrineの仕組みと使い方を完全にマスターする / phpconkagawa 2025 Doctrine
Avatar for Takashi Kanemoto ttskch
3
700
Rediscover the Console - SymfonyCon Amsterdam 2025
Avatar for Robin Chalas chalasr
2
130
レイトレZ世代に捧ぐ、今からレイトレを始めるための小径
Avatar for ichi-raven ichi_raven
0
490
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
Avatar for Shogo Fukami shogo4131
4
1.9k
AIエージェントを活かすPM術 AI駆動開発の現場から
Avatar for gyuta gyuta
0
210
分散DBって何者なんだ．．． Spannerから学ぶRDBとの違い
Avatar for kensho iwashi623
0
170
WebRTC と Rust と 8K 60fps
Avatar for tnoho tnoho
2
1.9k
Querying Design System デザインシステムの意思決定を支える構造検索
Avatar for ikuma-t ikumatadokoro
1
1.2k

Featured

See All Featured
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
119
20k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k

Transcript

  1. モーリー Swaggerを使ってみた

  2. 名前 モーリー 職業 システムエンジニア 趣味 ポケポケにハマっています！ 自己紹介 01

  3. OpenAPIの仕様に沿ってRestAPIの設計を文書にまとめることができるツール Swaggerとは 02 Swagger Editor Swagger UI Swagger Codegen Swagger

    Core Swagger Parser etc

  4. サンプル(一部のみ) 03 yaml形式で記載

  5. VS Codeの連携方法 04 1. VS Codeの拡張機能　Swagger Viewer をインストール 2. VS

    Code の設定から Preview In Browser を有効にする 3. 「Cmd」+「Shift」+「P」で Preview Swagger を選択

  6. URL：https://marketplace.visualstudio.com/items?itemName=Arjun.swagger-viewer 1 VS Codeの拡張機能　Swagger Viewer をインストール VS Codeの連携方法 04

  7. 2 VS Code の設定から Preview In Browser を有効にする VS Codeの連携方法

    04

  8. 3 「Cmd」+「Shift」+「P」で Preview Swagger を選択 VS Codeの連携方法 04

  9. サンプル(一部のみ)_再掲 04 yaml形式で記載

  10. ブラウザからプレビューを確認可能 VS Codeの連携方法 04

  11. デモ 05 Swagger起動した画面の共有

  12. メ リ ッ ト デ メ リ ッ ト GitHubでドキュメント管理ができて楽

    学習コストがかかる メリット・デメリット 05 統一した書きかたができる