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

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

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

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

Other Decks in Programming

See All in Programming
dynamic!
Avatar for MOROHASHI Kyosuke moro
7
2.7k
検索機能リプレイスを4ヶ月→2ヶ月に！ AI Agentで実現した2倍速リプレイス
Avatar for Maple fuuki12
4
780
PostgreSQLで手軽にDuckDBを使う！DuckDB&pg_duckdb入門/osk2025-duckdb
Avatar for Takahashi Ikki takahashiikki
1
220
WebエンジニアがSwiftをブラウザで動かすプレイグラウンドを作ってみた
Avatar for uutan1108 ohmori_yusuke
0
160
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
Avatar for cc4966 cc4966
2
1.1k
Build your own WebP codec in Swift
Avatar for Kishikawa Katsumi kishikawakatsumi
2
620
開発者への寄付をアプリ内課金として実装する時の気の使いどころ
Avatar for Yunosuke Sakai ski
0
270
より安全で効率的な Go コードへ： Protocol Buffers Opaque API の導入
Avatar for shoyan shwatanap
3
1.1k
SpecKitでどこまでできる？ コストはどれくらい？
Avatar for Tech Leverages leveragestech
0
130
LLMとPlaywright/reg-suitを活用した jQueryリファクタリングの実際
Avatar for kinocoboy kinocoboy2
4
580
Astroの使用感とディレクトリ設計についての考察
Avatar for Saku saku0109
0
130
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
Avatar for Stelios Frantzeskakis steliosf
PRO
1
200

Featured

See All Featured
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
560
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.5k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.8k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
71
11k

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