Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

 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
10
RareTechハッカソン2025冬の陣Cチーム
Avatar for モーリー morleyjp
0
68
英語設定のすすめ(2024/1/16)
Avatar for モーリー morleyjp
0
49
ハッカソン反省録(2024/12/27)
Avatar for モーリー morleyjp
0
70
RareTECH ハッカソン秋_Dチーム(2024/11/30)
Avatar for モーリー morleyjp
0
74
Gitのコンフリクト解消_デモあり(2024/11/02)
Avatar for モーリー morleyjp
1
95

Other Decks in Programming

See All in Programming
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
140
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
680
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
330
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
450
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.8k
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
150
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
150
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140

Featured

See All Featured
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
130
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
55
Design in an AI World
Avatar for tapps tapps
0
140
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
0
270
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
160
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
320
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
120
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
72

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 統一した書きかたができる