Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
デブサミを支える技術 - Nuxt.jsとFastAPIでデモを作った/Road to Dev...
Search
Shinichi Nakagawa
PRO
January 17, 2020
Programming
0
5.6k
デブサミを支える技術 - Nuxt.jsとFastAPIでデモを作った/Road to Developers Summit 2020
JX通信社月次勉強会(2020/1/17)登壇資料
#Nuxtjs #Vuejs #FastAPI #Python #Baseball #SABRmetrics
Shinichi Nakagawa
PRO
January 17, 2020
Tweet
Share
More Decks by Shinichi Nakagawa
See All by Shinichi Nakagawa
AI・LLM事業部のSREとタスクの自動運転
shinyorke
PRO
0
420
実践Dash - 手を抜きながら本気で作るデータApplicationの基本と応用 / Dash for Python and Baseball
shinyorke
PRO
2
3k
Terraform, GitHub Actions, Cloud Buildでデータ基盤をProvisioningする / Data Platform provisioning for Google Cloud and Terraform
shinyorke
PRO
2
3.3k
Cloud RunとCloud PubSubでサーバレスなデータ基盤2024 with Terraform / Cloud Run and PubSub with Terraform
shinyorke
PRO
9
4k
自らを強いエンジニアにするための3つの習慣 / I need to be myself, I can't be no one else
shinyorke
PRO
82
86k
阪神タイガース優勝のひみつ - Pythonでシュッと調べた件 / SABRmetrics for Python
shinyorke
PRO
1
1.4k
Pythonとクラウドと野球の推し活. / Baseball Data Platform for Python and Google Cloud
shinyorke
PRO
2
2.9k
月額コーヒー3.34杯分のコストでオオタニサンの活躍を見守るデータ基盤のはなし / Pyhack Con
shinyorke
PRO
2
530
俺のDXを実現するためのサーバレスなデータ基盤開発と運用 / Serverless Data Platform and Baseball
shinyorke
PRO
5
12k
Other Decks in Programming
See All in Programming
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
390
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
170
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
130
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
760
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
570
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
680
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
550
Deep Dive into ~/.claude/projects
hiragram
14
2.6k
Goで作る、開発・CI環境
sin392
0
230
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
640
効率的な開発手段として VRTを活用する
ishkawa
0
140
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
730
Featured
See All Featured
Speed Design
sergeychernyshev
32
1k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Designing Experiences People Love
moore
142
24k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Automating Front-end Workflow
addyosmani
1370
200k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Transcript
#devsumi 2020ొஃʢ༧ʣΛࢧ͑Δٕज़ ແବʹؤுͬͯNuxt.js + FastAPIͰσϞ࡞ͬͨ Shinichi Nakagawa a.k.a. @shinyorke
TL;DR • ʮΞΠπͱࣅ͍ͯΔٿબखʢଧऀʹݶ ΔʣʯΛβΫοͱݟͤΔΞϓϦΛ࡞ͬͨ • Nuxt.js + FastAPIͰ͍͍ײ͡ʹ࡞ • ྨࣅੑείΞܭࢉPandas.
ԋࢉGCPʹؙ͛
Who am I?ʢ͓લ୭Αʣ • Shinichi Nakagawa(@shinyorke) • JX௨৴ࣾSenior Engineer •
Python/Data Science/SABRmetrics ⚾ • ͔ͭͯٿΛࣄʹͯͨ͠ਓ
ຊͷ͓. σϒαϛͷൃදͰࣗͷΩϟϦΞͱٿσʔλΛֻ͚ͯ ͳΜͱͳ͘େتར෩ʹ͢ҝʹσϞΛ࡞Γ·ͨ͠
શମ૾ͪ͜Β جຊతʹDocker্Ͱಈ͔ͯ͠·͢. ͳ͓, ʮVottoʯʮϘοτʯʮϘτʔʯͱಡΜͰ͍ͩ͘͞
ૣσϞΓ·͢.
ͩ͜Θͬͨ͜ͱ • Nuxt.jsʢϑϩϯτΤϯυʣ • FastAPIʢόοΫΤϯυʣ • ࣅ͍ͯΔٿબखͷࢉग़ΞϧΰϦζϜͱ࣮
Nuxt Core UI - ཧը໘ • BootstrapϕʔεͷAdminʢཧʣը໘ͷ༗໊ͳ ύοέʔδͱͯ͠ʮCore UIʯ͍ͬͯ͏ͷ͕͋Δ •
Core UIࣗମ৭ΜͳFWʢAnguler,VueͳͲʣʹ ରԠ͍ͯ͠Δ,ͦͷதʹNuxt.js൛͕͋Δ. • ࠓճNuxt Core UIΛfork֦ͯ͠ு࣮ͨ͠. https://github.com/muhibbudins/nuxt-coreui • ͪͳΈʹݩωλPyCon JP 2018ͷࣗͷൃදͰ͢ʢখʣ
FastAPI - όοΫΤϯυ • ࠷ॳResponderͰ࡞ΔػӡͰ͕ͨ͠ʂʁ ࣾͰFastAPI͕ΘΕ͍ͯΔͱͬͯ ํΛม͑ͨʢ͍͔ͨͬͨʣ • Λฉ͍ͯ࡞Γ࢝Ίͨͷ͕12/30ͷ18:00͝Ζ ͦͷͷνʹ80%΄Ͳ
• αΫαΫಈ͘͠ΤΤΜ͜Εʢ͜ͳΈʣ
ৄ͍͠…ϒϩάͰͲ͏ͧ. ʹϒϩάԽ͠·ͨ͠, ͩ͜ΘΓϙΠϯτͦͪΒͰ. https://shinyorke.hatenablog.com/entry/fastapi
ͩ͜ΘΓϙΠϯτʢཁʣ • খ͍͞ΞϓϦέʔγϣϯ͚ͩͲ࠷ॳ͔Β ΫϦʔϯΞʔΩςΫνϟΛࢦׂͨ͠͠ • ϏδωεϩδοΫܥSchemaʹू. DAOͬΆ͍τίSQLͷΈʹूத • ͋ͱͰೝূͱ͔ೖΕΒΕΔΑ͏ʹ༨നͨ͠
ࣅ͍ͯΔٿબखͷࢉग़Ϟσϧ • ʮྨࣅੑείΞʯͱ͍͏ϞσϧΛͬͨ • ଧܸͱकඋϙδγϣϯͰॏΈΛ͚ͭͯ ฒͯධՁ • ࣮ͦͷͷPandas • ϝδϟʔϦʔΨʔ19,000ਓΛܭࢉ͢Δͷʹ
GoogleͷྗΛआΓ·ͬͨ͘
ࢉग़ΞϧΰϦζϜͷৄࡉ ࣮ͦͬͱΞυϕϯτΧϨϯμʔʹॻ͖·ͨ͠. https://shinyorke.hatenablog.com/entry/similarity-score-python
࠷ޙʹ • ࢝ٳΈ + ि + ࣄऴΘͬͨ͋ͱฏ Ͱ͍͍ײ͡ʹ্͛·ָ͕͔ͨͬͨ͠͠ • ྨࣅੑείΞͱࣗͷΩϟϦΞ͕Ͳ͏ؔ͢
Δ͔͜Ε͔Βॻ͖·͢ʢߏ͋Δʣ • APIGolangͰॻ͖͍ͨ͠ :okimochi:
ଓ͖2/14ͷ #devsumi 2020Ͱʂ :done: ੜ֔ΠνɾΤϯδχΞͱ͖ͯ͠ͳٕज़ͰδϟϯϓΞοϓ͠ଓ͚Α͏ https://event.shoeisha.jp/devsumi/20200213/session/2420/