Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
「モデル」を考える / Think about "model"
mather
July 12, 2019
Technology
0
320
「モデル」を考える / Think about "model"
mather
July 12, 2019
Tweet
Share
More Decks by mather
See All by mather
Webフレームワークの功罪 / Advantages and considerable point of Web Frameworks
mather
0
81
LeacTion!のアップデートとプチ勉強会へのいざない / Updates of LeacTion and Petit Meetup
mather
0
190
LeacTion!について / About LeacTion!
mather
0
220
Rubyでワンライナー / One-liner on Ruby
mather
0
180
認知と思考パターン / Cognition and Pattern
mather
1
220
Shall we make a speech?
mather
0
150
Elmでライフゲーム / LifeGame in Elm
mather
1
760
Elmで関数型を意識する / Think functionally with Elm
mather
0
250
趣味と投資と学びと
mather
0
80
Other Decks in Technology
See All in Technology
20220731 如何跟隨開源技術保持你的職涯發展
pichuang
0
120
cobra は便利になっている
nwiizo
0
140
AWS Step Functions を用いた非同期学習処理の例
hacarus
0
100
Oracle Cloud Infrastructure:2022年7月度サービス・アップデート
oracle4engineer
PRO
0
200
ここが好きだよAWS管理ポリシー_devio2022/i_am_iam_lover
yukihirochiba
0
3.2k
A3-1 IBM Championが本音で語る「IBM Cloud」
kolinz
0
310
DevRel組織についての考察
taijihagino
PRO
0
140
フィンテック養成勉強会#24
finengine
0
340
塩漬けにしているMySQL 8.0.xxをバージョンアップしたくなる、ここ数年でのMySQL 8.0の改善点 / MySQL Update 202208
yoshiakiyamasaki
1
700
CityGMLとFBXの連携で地理空間のエンタメ化
soh_mitian
0
740
サイバー攻撃を想定したクラウドネイティブセキュリティガイドラインとCNAPP及びSecurity Observabilityの未来
sakon310
4
470
SPAとWebアプリケーションでCognitoの使い方はどう変わるのか? / How do we use cognito with SPA and web applications?
kitano_yuichi
0
410
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
113
15k
How To Stay Up To Date on Web Technology
chriscoyier
780
250k
Writing Fast Ruby
sferik
612
57k
Teambox: Starting and Learning
jrom
123
7.7k
Bash Introduction
62gerente
598
210k
BBQ
matthewcrist
74
7.9k
Making Projects Easy
brettharned
98
4.4k
YesSQL, Process and Tooling at Scale
rocio
157
12k
WebSockets: Embracing the real-time Web
robhawkes
57
5.6k
How to train your dragon (web standard)
notwaldorf
60
3.9k
Product Roadmaps are Hard
iamctodd
35
6.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_i
25
15k
Transcript
ʮϞσϧʯΛߟ͑Δ 2019-07-12 ܂ാӳࢿ
ࣗݾհ • ͘Θ͍͚ͨ͑͢(36) • גࣜձࣾΞϥλφ • όοΫΤϯυͱઃܭ • ؔܕݴޠ͕͖Ͱ͢ •
झຯɿμΠϏϯάɺυϩʔϯɺ… ʘ͜ͷΞΠίϯͰ͓ͳ͡Έʗ
ʣ༰͕நతͰ͢
Ϟσϧ
ϑϨʔϜϫʔΫͷϞσϧ ϏδωεϞσϧɾυϝΠϯϞσϧ ViewModel
େࣄͳͷ
Ͳ͏͍͏ঢ়ଶ͔ΠϝʔδͰ͖Δ͜ͱ
ΦϒδΣΫτࢦͷϑϨʔϜϫʔΫ • DBઃܭʹภΓ͕ͪ • ϏδωεʹඞཁͳʮϞσϧʯΛࣗͨͪͰઃܭͨ͠΄͏͕อक ੑ͕ߴ͘ͳΔ • DDDʢυϝΠϯۦಈઃܭʣͳͲͷઃܭख๏͕͋Δ
ϏδωεΛத৺ʹͯ͠ߟ͑Δ
Ұํ ViewModel ͳͲ…
ঢ়ଶΛத৺ʹͯ͠ߟ͑Δ
Vue.jsͷ߹ • data(ঢ়ଶͷͯ͢) • methods (ঢ়ଶͷมߋखஈ) • computed (ঢ়ଶ͔Βಋग़͞ΕΔ) •
dataΛHTMLͰදݱ͢Δؔܕʹ͍ۙΞϓϩʔν
ؔܕͷΞϓϩʔν ঢ়ଶཧʹ͍͍ͯΔ
ͨͩ͠ɺ͖ͬͪΓΔʹ ʢ७ਮؔܕͰͳ͍ݶΓʣ ෆมɾࢀরಁ໌ͳͲΛҙࣝ͢Δඞཁ͕͋Δ
·ͱΊ
ϞσϧΛղ͢ΔΞϓϩʔνΛ ͪΌΜͱΔɾҙࣝ͢Δ
͜ΕҰछͷʮϞσϧʯ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣍ճʮμΠϏϯάʹֶͿϦεΫཧʯ