$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
「モデル」を考える / Think about "model"
Search
mather
July 12, 2019
Technology
0
390
「モデル」を考える / 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
330
Webフレームワークの功罪 / Advantages and considerable point of Web Frameworks
mather
0
480
LeacTion!のアップデートとプチ勉強会へのいざない / Updates of LeacTion and Petit Meetup
mather
0
500
LeacTion!について / About LeacTion!
mather
0
330
Rubyでワンライナー / One-liner on Ruby
mather
0
480
認知と思考パターン / Cognition and Pattern
mather
1
280
Shall we make a speech?
mather
0
250
Elmでライフゲーム / LifeGame in Elm
mather
1
1k
Elmで関数型を意識する / Think functionally with Elm
mather
0
430
Other Decks in Technology
See All in Technology
生成AI時代の自動E2Eテスト運用とPlaywright実践知_引持力哉
legalontechnologies
PRO
0
200
形式手法特論:CEGAR を用いたモデル検査の状態空間削減 #kernelvm / Kernel VM Study Hokuriku Part 8
ytaka23
2
430
SSO方式とJumpアカウント方式の比較と設計方針
yuobayashi
5
220
技術以外の世界に『越境』しエンジニアとして進化を遂げる 〜Kotlinへの愛とDevHRとしての挑戦を添えて〜
subroh0508
1
350
re:Invent 2025 ふりかえり 生成AI版
takaakikakei
1
160
Oracle Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
2
100
直接メモリアクセス
koba789
0
270
ガバメントクラウド利用システムのライフサイクルについて
techniczna
0
170
Kiro Autonomous AgentとKiro Powers の紹介 / kiro-autonomous-agent-and-powers
tomoki10
0
240
モダンデータスタック (MDS) の話とデータ分析が起こすビジネス変革
sutotakeshi
0
280
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
0
680
プロダクトマネジメントの分業が生む「デリバリーの渋滞」を解消するTPMの越境
recruitengineers
PRO
3
670
Featured
See All Featured
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
380
Building Applications with DynamoDB
mza
96
6.8k
A better future with KSS
kneath
240
18k
Rails Girls Zürich Keynote
gr2m
95
14k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Scaling GitHub
holman
464
140k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Unsuck your backbone
ammeep
671
58k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Faster Mobile Websites
deanohume
310
31k
Navigating Team Friction
lara
191
16k
Transcript
ʮϞσϧʯΛߟ͑Δ 2019-07-12 ܂ാӳࢿ
ࣗݾհ • ͘Θ͍͚ͨ͑͢(36) • גࣜձࣾΞϥλφ • όοΫΤϯυͱઃܭ • ؔܕݴޠ͕͖Ͱ͢ •
झຯɿμΠϏϯάɺυϩʔϯɺ… ʘ͜ͷΞΠίϯͰ͓ͳ͡Έʗ
ʣ༰͕நతͰ͢
Ϟσϧ
ϑϨʔϜϫʔΫͷϞσϧ ϏδωεϞσϧɾυϝΠϯϞσϧ ViewModel
େࣄͳͷ
Ͳ͏͍͏ঢ়ଶ͔ΠϝʔδͰ͖Δ͜ͱ
ΦϒδΣΫτࢦͷϑϨʔϜϫʔΫ • DBઃܭʹภΓ͕ͪ • ϏδωεʹඞཁͳʮϞσϧʯΛࣗͨͪͰઃܭͨ͠΄͏͕อक ੑ͕ߴ͘ͳΔ • DDDʢυϝΠϯۦಈઃܭʣͳͲͷઃܭख๏͕͋Δ
ϏδωεΛத৺ʹͯ͠ߟ͑Δ
Ұํ ViewModel ͳͲ…
ঢ়ଶΛத৺ʹͯ͠ߟ͑Δ
Vue.jsͷ߹ • data(ঢ়ଶͷͯ͢) • methods (ঢ়ଶͷมߋखஈ) • computed (ঢ়ଶ͔Βಋग़͞ΕΔ) •
dataΛHTMLͰදݱ͢Δؔܕʹ͍ۙΞϓϩʔν
ؔܕͷΞϓϩʔν ঢ়ଶཧʹ͍͍ͯΔ
ͨͩ͠ɺ͖ͬͪΓΔʹ ʢ७ਮؔܕͰͳ͍ݶΓʣ ෆมɾࢀরಁ໌ͳͲΛҙࣝ͢Δඞཁ͕͋Δ
·ͱΊ
ϞσϧΛղ͢ΔΞϓϩʔνΛ ͪΌΜͱΔɾҙࣝ͢Δ
͜ΕҰछͷʮϞσϧʯ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣍ճʮμΠϏϯάʹֶͿϦεΫཧʯ