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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for モーリー モーリー
December 05, 2024
Programming
1
240

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

Other Decks in Programming

See All in Programming
PJのドキュメントを全部Git管理にしたら、一番喜んだのはAIだった
Avatar for oga_aiichiro nanaism
0
210
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
22
8k
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
Avatar for Jun okazaki okajun35
0
230
ご飯食べながらエージェントが開発できる。そう、Agentic Engineeringならね。
Avatar for yoko / Naoki Yokomachi yokomachi
1
260
Railsの気持ちを考えながらコントローラとビューを整頓する/tidying-rails-controllers-and-views-as-rails-think
Avatar for MOROHASHI Kyosuke moro
4
330
Metaprogramming isn't real, it can't hurt you
Avatar for Masafumi Okura okuramasafumi
0
130
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
110
その「common」ディレクトリ、腐っていませんか？
Avatar for kinocoboy kinocoboy2
1
110
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
2k
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
120
NetBSD+Raspberry Piで 本物のPSGを鳴らすデモを OSC駆動の７日間で作った話 / OSC2026Osaka
Avatar for Izumi Tsutsui tsutsui
1
120

Featured

See All Featured
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
310
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
270
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
90
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
140
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
130
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
65
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k

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