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
「モデル」を考える / Think about "model"
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
mather
July 12, 2019
Technology
400
0
Share
「モデル」を考える / Think about "model"
mather
July 12, 2019
More Decks by mather
See All by mather
数学勉強会へのいざない
mather
0
63
SolidjsでLeacTion!を作り直しました / Rebuilt LeacTion! in Solid.js
mather
0
360
Webフレームワークの功罪 / Advantages and considerable point of Web Frameworks
mather
0
500
LeacTion!のアップデートとプチ勉強会へのいざない / Updates of LeacTion and Petit Meetup
mather
0
530
LeacTion!について / About LeacTion!
mather
0
350
Rubyでワンライナー / One-liner on Ruby
mather
0
490
認知と思考パターン / Cognition and Pattern
mather
1
310
Shall we make a speech?
mather
0
270
Elmでライフゲーム / LifeGame in Elm
mather
1
1.1k
Other Decks in Technology
See All in Technology
AI-DLCを活用した高品質・安全なAI駆動開発実践 / AI Driven Development
yoshidashingo
1
290
Cloud Run のアップデート 触ってみる&紹介
gre212
0
280
ルールやカスタム機能、どう使う?理想の出力を引き出すために今知りたいIBM Bob 5つの機能
muehara
0
170
形式手法特論:公平性制約の位相的特徴づけ #kernelvm / Kernel VM Study Kansai 12th
ytaka23
1
660
脅威をエンジニアリングの糧にして:恐怖を乗り越えた先にあったもの / Turn threats into fuel for engineering: what lay beyond overcoming fear
nrslib
1
360
GitHub Copilot CLIでWebアクセシビリティを改善した話
tomokusaba
0
140
さきさん文庫の書籍ができるまで
sakiengineer
0
330
A Harness for Behaviour: how to get AI to generate code that does what we intend, or "TDD in the age of AI"
xpmatteo
1
540
「嘘をつくテスト」の失敗例から学ぶ 良いテストコード #frontend_phpcon_do
asumikam
0
110
【Gen-AX】20260530開催_JJUG CCC 2026 Spring
genax
0
230
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.8k
AIプラットフォームを運用し続けるための可観測性
tanimuyk
4
910
Featured
See All Featured
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
230
ラッコキーワード サービス紹介資料
rakko
1
3.5M
Rebuilding a faster, lazier Slack
samanthasiow
85
9.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.4k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
350
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
810
A designer walks into a library…
pauljervisheath
211
24k
The Curse of the Amulet
leimatthew05
1
13k
The browser strikes back
jonoalderson
0
1.1k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.2k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.5k
Transcript
ʮϞσϧʯΛߟ͑Δ 2019-07-12 ܂ാӳࢿ
ࣗݾհ • ͘Θ͍͚ͨ͑͢(36) • גࣜձࣾΞϥλφ • όοΫΤϯυͱઃܭ • ؔܕݴޠ͕͖Ͱ͢ •
झຯɿμΠϏϯάɺυϩʔϯɺ… ʘ͜ͷΞΠίϯͰ͓ͳ͡Έʗ
ʣ༰͕நతͰ͢
Ϟσϧ
ϑϨʔϜϫʔΫͷϞσϧ ϏδωεϞσϧɾυϝΠϯϞσϧ ViewModel
େࣄͳͷ
Ͳ͏͍͏ঢ়ଶ͔ΠϝʔδͰ͖Δ͜ͱ
ΦϒδΣΫτࢦͷϑϨʔϜϫʔΫ • DBઃܭʹภΓ͕ͪ • ϏδωεʹඞཁͳʮϞσϧʯΛࣗͨͪͰઃܭͨ͠΄͏͕อक ੑ͕ߴ͘ͳΔ • DDDʢυϝΠϯۦಈઃܭʣͳͲͷઃܭख๏͕͋Δ
ϏδωεΛத৺ʹͯ͠ߟ͑Δ
Ұํ ViewModel ͳͲ…
ঢ়ଶΛத৺ʹͯ͠ߟ͑Δ
Vue.jsͷ߹ • data(ঢ়ଶͷͯ͢) • methods (ঢ়ଶͷมߋखஈ) • computed (ঢ়ଶ͔Βಋग़͞ΕΔ) •
dataΛHTMLͰදݱ͢Δؔܕʹ͍ۙΞϓϩʔν
ؔܕͷΞϓϩʔν ঢ়ଶཧʹ͍͍ͯΔ
ͨͩ͠ɺ͖ͬͪΓΔʹ ʢ७ਮؔܕͰͳ͍ݶΓʣ ෆมɾࢀরಁ໌ͳͲΛҙࣝ͢Δඞཁ͕͋Δ
·ͱΊ
ϞσϧΛղ͢ΔΞϓϩʔνΛ ͪΌΜͱΔɾҙࣝ͢Δ
͜ΕҰछͷʮϞσϧʯ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣍ճʮμΠϏϯάʹֶͿϦεΫཧʯ