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
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
75
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
[ホンマでっか SRE] あなたはなぜ SRE に?
_awache
0
510
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
54k
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
12
86k
本番に近いテストをもっと手軽に - Postmanで広がるAPIテストの世界 / Expanding the World of API Testing with Postman
yokawasa
1
160
ブラウザで変わるID連携(OAuth/OIDC Numa (Immersion) Workshop 2026)
oidfj
PRO
0
380
書籍『生成AIの安全性入門』の入門
wataoka
0
140
PdMをやめて、 "プロダクトビルダー"という 働き方に変えました / PdM to Product Builder
shikichee
2
380
Digitization部 紹介資料
sansan33
PRO
2
7.8k
信頼性はSREだけのものじゃない
hkawaras
0
360
紙 to デジタル
ichien178
0
410
サーバー常駐型の 簡易障害調査AI エージェントを作ってみた話
masayoshi
1
450
AWSとAzureのマルチクラウド活用における強い味方___AWS_Kiroを使った二刀流スキル作成.pdf
duelist2020jp
1
140
Featured
See All Featured
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.8k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
290
Are puppies a ranking factor?
jonoalderson
2
3.9k
Designing Experiences People Love
moore
143
24k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
210
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.6k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
First, design no harm
axbom
PRO
2
1.3k
How to Think Like a Performance Engineer
csswizardry
28
2.8k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
480
Producing Creativity
orderedlist
PRO
348
40k
Transcript
ʮϞσϧʯΛߟ͑Δ 2019-07-12 ܂ാӳࢿ
ࣗݾհ • ͘Θ͍͚ͨ͑͢(36) • גࣜձࣾΞϥλφ • όοΫΤϯυͱઃܭ • ؔܕݴޠ͕͖Ͱ͢ •
झຯɿμΠϏϯάɺυϩʔϯɺ… ʘ͜ͷΞΠίϯͰ͓ͳ͡Έʗ
ʣ༰͕நతͰ͢
Ϟσϧ
ϑϨʔϜϫʔΫͷϞσϧ ϏδωεϞσϧɾυϝΠϯϞσϧ ViewModel
େࣄͳͷ
Ͳ͏͍͏ঢ়ଶ͔ΠϝʔδͰ͖Δ͜ͱ
ΦϒδΣΫτࢦͷϑϨʔϜϫʔΫ • DBઃܭʹภΓ͕ͪ • ϏδωεʹඞཁͳʮϞσϧʯΛࣗͨͪͰઃܭͨ͠΄͏͕อक ੑ͕ߴ͘ͳΔ • DDDʢυϝΠϯۦಈઃܭʣͳͲͷઃܭख๏͕͋Δ
ϏδωεΛத৺ʹͯ͠ߟ͑Δ
Ұํ ViewModel ͳͲ…
ঢ়ଶΛத৺ʹͯ͠ߟ͑Δ
Vue.jsͷ߹ • data(ঢ়ଶͷͯ͢) • methods (ঢ়ଶͷมߋखஈ) • computed (ঢ়ଶ͔Βಋग़͞ΕΔ) •
dataΛHTMLͰදݱ͢Δؔܕʹ͍ۙΞϓϩʔν
ؔܕͷΞϓϩʔν ঢ়ଶཧʹ͍͍ͯΔ
ͨͩ͠ɺ͖ͬͪΓΔʹ ʢ७ਮؔܕͰͳ͍ݶΓʣ ෆมɾࢀরಁ໌ͳͲΛҙࣝ͢Δඞཁ͕͋Δ
·ͱΊ
ϞσϧΛղ͢ΔΞϓϩʔνΛ ͪΌΜͱΔɾҙࣝ͢Δ
͜ΕҰछͷʮϞσϧʯ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣍ճʮμΠϏϯάʹֶͿϦεΫཧʯ