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
mather
July 12, 2019
Technology
0
380
「モデル」を考える / Think about "model"
mather
July 12, 2019
Tweet
Share
More Decks by mather
See All by mather
SolidjsでLeacTion!を作り直しました / Rebuilt LeacTion! in Solid.js
mather
0
310
Webフレームワークの功罪 / Advantages and considerable point of Web Frameworks
mather
0
450
LeacTion!のアップデートとプチ勉強会へのいざない / Updates of LeacTion and Petit Meetup
mather
0
470
LeacTion!について / About LeacTion!
mather
0
320
Rubyでワンライナー / One-liner on Ruby
mather
0
460
認知と思考パターン / Cognition and Pattern
mather
1
280
Shall we make a speech?
mather
0
240
Elmでライフゲーム / LifeGame in Elm
mather
1
1k
Elmで関数型を意識する / Think functionally with Elm
mather
0
420
Other Decks in Technology
See All in Technology
白金鉱業Meetup_Vol.19_PoCはデモで語れ!顧客の本音とインサイトを引き出すソリューション構築
brainpadpr
2
490
~宇宙最速~2025年AWS Summit レポート
satodesu
1
1.4k
AWS Summit Japan 2025 Community Stage - App workflow automation by AWS Step Functions
matsuihidetoshi
1
150
変化する開発、進化する体系時代に適応するソフトウェアエンジニアの知識と考え方(JaSST'25 Kansai)
mizunori
0
140
本部長の代わりに提案書レビュー! KDDI営業が毎日使うAIエージェント「A-BOSS」開発秘話
minorun365
PRO
14
2.3k
rubygem開発で鍛える設計力
joker1007
1
140
Amplifyとゼロからはじめた AIコーディング 成果と展望
mkdev10
1
370
Welcome to the LLM Club
koic
0
140
Clineを含めたAIエージェントを 大規模組織に導入し、投資対効果を考える / Introducing AI agents into your organization
i35_267
4
1.4k
AIにどこまで任せる?実務で使える(かもしれない)AIエージェント設計の考え方
har1101
3
1.3k
監視のこれまでとこれから/sakura monitoring seminar 2025
fujiwara3
10
2.9k
In Praise of "Normal" Engineers (LDX3)
charity
3
1.2k
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
650
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Fireside Chat
paigeccino
37
3.5k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
What's in a price? How to price your products and services
michaelherold
245
12k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
4
200
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Designing for Performance
lara
609
69k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Transcript
ʮϞσϧʯΛߟ͑Δ 2019-07-12 ܂ാӳࢿ
ࣗݾհ • ͘Θ͍͚ͨ͑͢(36) • גࣜձࣾΞϥλφ • όοΫΤϯυͱઃܭ • ؔܕݴޠ͕͖Ͱ͢ •
झຯɿμΠϏϯάɺυϩʔϯɺ… ʘ͜ͷΞΠίϯͰ͓ͳ͡Έʗ
ʣ༰͕நతͰ͢
Ϟσϧ
ϑϨʔϜϫʔΫͷϞσϧ ϏδωεϞσϧɾυϝΠϯϞσϧ ViewModel
େࣄͳͷ
Ͳ͏͍͏ঢ়ଶ͔ΠϝʔδͰ͖Δ͜ͱ
ΦϒδΣΫτࢦͷϑϨʔϜϫʔΫ • DBઃܭʹภΓ͕ͪ • ϏδωεʹඞཁͳʮϞσϧʯΛࣗͨͪͰઃܭͨ͠΄͏͕อक ੑ͕ߴ͘ͳΔ • DDDʢυϝΠϯۦಈઃܭʣͳͲͷઃܭख๏͕͋Δ
ϏδωεΛத৺ʹͯ͠ߟ͑Δ
Ұํ ViewModel ͳͲ…
ঢ়ଶΛத৺ʹͯ͠ߟ͑Δ
Vue.jsͷ߹ • data(ঢ়ଶͷͯ͢) • methods (ঢ়ଶͷมߋखஈ) • computed (ঢ়ଶ͔Βಋग़͞ΕΔ) •
dataΛHTMLͰදݱ͢Δؔܕʹ͍ۙΞϓϩʔν
ؔܕͷΞϓϩʔν ঢ়ଶཧʹ͍͍ͯΔ
ͨͩ͠ɺ͖ͬͪΓΔʹ ʢ७ਮؔܕͰͳ͍ݶΓʣ ෆมɾࢀরಁ໌ͳͲΛҙࣝ͢Δඞཁ͕͋Δ
·ͱΊ
ϞσϧΛղ͢ΔΞϓϩʔνΛ ͪΌΜͱΔɾҙࣝ͢Δ
͜ΕҰछͷʮϞσϧʯ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣍ճʮμΠϏϯάʹֶͿϦεΫཧʯ