Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
「モデル」を考える / Think about "model"
Search
mather
July 12, 2019
Technology
410
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
「モデル」を考える / Think about "model"
mather
July 12, 2019
More Decks by mather
See All by mather
数学勉強会へのいざない
mather
0
77
SolidjsでLeacTion!を作り直しました / Rebuilt LeacTion! in Solid.js
mather
0
370
Webフレームワークの功罪 / Advantages and considerable point of Web Frameworks
mather
0
510
LeacTion!のアップデートとプチ勉強会へのいざない / Updates of LeacTion and Petit Meetup
mather
0
550
LeacTion!について / About LeacTion!
mather
0
370
Rubyでワンライナー / One-liner on Ruby
mather
0
500
認知と思考パターン / Cognition and Pattern
mather
1
330
Shall we make a speech?
mather
0
280
Elmでライフゲーム / LifeGame in Elm
mather
1
1.1k
Other Decks in Technology
See All in Technology
開発投資の期待値を上げるプロダクトロードマップづくり ~プロダクトエンジニアが越境して事業を伸ばす~
kekekenta
1
240
ScotSecure West 2026 - Glasgow
raybugg
0
140
AIを活用するために決めた "やらないこと" - 価値に注目する / Not betting on AI
soudai
PRO
3
570
AI coding 整合正規方法
philipz
0
430
安心して変更できるWebフロントエンドの作り方
pirosikick
5
2.9k
SREの視点で考えるSIEM活用術 〜AWS環境でのセキュリティ強化〜
cscengineer
PRO
0
140
リアーキテクチャ後の障害ゼロを目指したShadow Testingの取り組み
nihonbuson
PRO
1
160
AIエージェントの一手は 誰も見ていない - Falco拡張OSS「Prempti」とeBPFで サーバーレス実行基盤を二層防御する
keitah
0
440
「どのログを見ればいい?」 から始めた サーバーレス障害解析
y_waka1
1
120
C#未経験の僕がAIに読めるコードを書かせるまで
maguroalternative
0
210
AIに任せた品質は、誰が見立てるのか - AI時代のテストマネジメント
nakanao
3
2.7k
AI時代の「技術的負債」の変質ー概念の終焉と再解釈、エージェントと共に向かう先
nwiizo
1
3.1k
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
My Coaching Mixtape
mlcsv
0
320
The Invisible Side of Design
smashingmag
301
52k
Embracing the Ebb and Flow
colly
88
5.2k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.6k
Faster Mobile Websites
deanohume
310
32k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
550
Heart Work Chapter 1 - Part 1
lfama
PRO
10
36k
Darren the Foodie - Storyboard
khoart
PRO
4
3.9k
Automating Front-end Workflow
addyosmani
1369
210k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
250
Transcript
ʮϞσϧʯΛߟ͑Δ 2019-07-12 ܂ാӳࢿ
ࣗݾհ • ͘Θ͍͚ͨ͑͢(36) • גࣜձࣾΞϥλφ • όοΫΤϯυͱઃܭ • ؔܕݴޠ͕͖Ͱ͢ •
झຯɿμΠϏϯάɺυϩʔϯɺ… ʘ͜ͷΞΠίϯͰ͓ͳ͡Έʗ
ʣ༰͕நతͰ͢
Ϟσϧ
ϑϨʔϜϫʔΫͷϞσϧ ϏδωεϞσϧɾυϝΠϯϞσϧ ViewModel
େࣄͳͷ
Ͳ͏͍͏ঢ়ଶ͔ΠϝʔδͰ͖Δ͜ͱ
ΦϒδΣΫτࢦͷϑϨʔϜϫʔΫ • DBઃܭʹภΓ͕ͪ • ϏδωεʹඞཁͳʮϞσϧʯΛࣗͨͪͰઃܭͨ͠΄͏͕อक ੑ͕ߴ͘ͳΔ • DDDʢυϝΠϯۦಈઃܭʣͳͲͷઃܭख๏͕͋Δ
ϏδωεΛத৺ʹͯ͠ߟ͑Δ
Ұํ ViewModel ͳͲ…
ঢ়ଶΛத৺ʹͯ͠ߟ͑Δ
Vue.jsͷ߹ • data(ঢ়ଶͷͯ͢) • methods (ঢ়ଶͷมߋखஈ) • computed (ঢ়ଶ͔Βಋग़͞ΕΔ) •
dataΛHTMLͰදݱ͢Δؔܕʹ͍ۙΞϓϩʔν
ؔܕͷΞϓϩʔν ঢ়ଶཧʹ͍͍ͯΔ
ͨͩ͠ɺ͖ͬͪΓΔʹ ʢ७ਮؔܕͰͳ͍ݶΓʣ ෆมɾࢀরಁ໌ͳͲΛҙࣝ͢Δඞཁ͕͋Δ
·ͱΊ
ϞσϧΛղ͢ΔΞϓϩʔνΛ ͪΌΜͱΔɾҙࣝ͢Δ
͜ΕҰछͷʮϞσϧʯ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣍ճʮμΠϏϯάʹֶͿϦεΫཧʯ