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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for モーリー モーリー
December 05, 2024
Programming
1
250

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

Other Decks in Programming

See All in Programming
CS教育のDX AIによる育成の効率化
Avatar for ニフティ株式会社 niftycorp
PRO
0
110
Claude Codeログ基盤の構築
Avatar for giginet giginet
PRO
7
3.3k
AI 開発合宿を通して得た学び
Avatar for ニフティ株式会社 niftycorp
PRO
0
120
コーディングルールの鮮度を保ちたい / keep-fresh-go-internal-conventions
Avatar for NAGATA Hiroaki handlename
0
200
猫の手も借りたい！ので AIエージェント猫を作って社内に放した話 Claude Code × Container Lambda の Slack Bot "DevNeko"
Avatar for naramomi7 naramomi7
0
260
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
490
守る「だけ」の優しいEMを抜けて、 事業とチームを両方見る視点を身につけた話
Avatar for Mitsui maroon8021
3
900
Fundamentals of Software Engineering In the Age of AI
Avatar for Dan Vega therealdanvega
1
250
new(1.26) ← これすき / kamakura.go #8
Avatar for utagawa kiki utgwkk
0
2.3k
grapheme_strrev関数が採択されました（あと雑感）
Avatar for てきめん tekimen youkidearitai
PRO
1
220
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜
Avatar for kuro kuro_kurorrr
3
1.9k
API Platformを活用したPHPによる本格的なWeb API開発 / api-platform-book-intro
Avatar for Takashi Kanemoto ttskch
1
140

Featured

See All Featured
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
450
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
170
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
83
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.2k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
270
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
250
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.4k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.1k

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