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
マネーフォワードクラウド経費でのフロントエンドの取り組み / moneyforward-exp...
Search
Hiromi Kimura
September 30, 2020
Programming
4
1k
マネーフォワードクラウド経費でのフロントエンドの取り組み / moneyforward-expense-frontend
Hiromi Kimura
September 30, 2020
Tweet
Share
More Decks by Hiromi Kimura
See All by Hiromi Kimura
マネーフォワード Pay for Businessのフロントエンド / Money Forward Pay for Business Frontend
kimromi
0
810
エンジニアにとってのアウトプットとはなにか考えた / what-is-output
kimromi
3
1.1k
TypeScriptで作るGitHubApps / make GitHub Apps by TypeScript
kimromi
0
570
ムームードメインのJavaScript環境を整えた話 / prepare muumuu-domain's javascript
kimromi
1
520
ぼくがかんがえたさいきょうのぷるりくえすと / saikyo-no-pull-request
kimromi
7
110k
Vue.js on Rails / vue-js-on-rails
kimromi
7
4.7k
本番環境にVue.jsを使った話 / Use Vue.js at production
kimromi
3
1.4k
how about Marp?
kimromi
0
120
engineer-guideline
kimromi
0
1k
Other Decks in Programming
See All in Programming
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
270
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
120
Formの複雑さに立ち向かう
bmthd
1
850
ファインディLT_ポケモン対戦の定量的分析
fufufukakaka
0
740
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
5
650
Software Architecture
hschwentner
6
2.1k
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.8k
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
12
4.1k
Immutable ActiveRecord
megane42
0
140
Rubyで始める関数型ドメインモデリング
shogo_tksk
0
110
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
570
Honoとフロントエンドの 型安全性について
yodaka
7
1.3k
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
It's Worth the Effort
3n
184
28k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
Designing for Performance
lara
604
68k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Transcript
ϚωʔϑΥϫʔυΫϥυܦඅͰͷ ϑϩϯτΤϯυͷऔΓΈ
Ԭੜ·ΕԬҭͪ ϚωʔϑΥϫʔυԬڌ Ϋϥυܦඅ։ൃ෦ ϑϩϯτΤϯυΤϯδχΞ69νʔϜϦʔμʔ ଜւ )JSPNJ,JNVSB !LJNSPNJ ࠷ۙΩϟϯϓʹͲͬΓ ॳ৺ऀ
ಛผڅۚ΄΅Ωϟϯϓ༻ʹͭ͗ࠐΉ
ϞϯϕϧޒέࢁϕʔεΩϟϯϓ ɹԬݝಹՑࢢ ɹͱͯඋ͞Ε͍ͯͯిݯ͋Δ ɹγϟϫʔɾτΠϨɾચ͍ͳͲΩϨΠ άϦʔϯύϧਆڦ ɹԬݝീঁࢢ ɹϑΝϛϦʔΩϟϯϓʹ͍ͬͯ͜ ɹࠓߦ͜͏ͱ͍ͯ͠Δͱ͜Ζ άϥϯϐϯάԬͿͲ͏ͷथʙւ෩ͱͷԻʙ ɹԬݝࢢ
ɹւͷͦͰάϥϯϐϯά ɹΊͬͪΌਓؾ ଞʹ͋ͬͨΒ ͥͻڭ͍͑ͯͩ͘͞ʂ
Ԭ ڌ
ืूதʂʂ
σβΠϯϦχϡʔΞϧ
ϦχϡʔΞϧલ ϦχϡʔΞϧޙ
ϔομʔͱαΠυϝχϡʔΛ શϖʔδͰ3FBDUʹ Ұ෦ϖʔδͰίϯςϯπ3FBDU
ΞδΣϯμ w 3BJMTͰͷϑϩϯτΤϯυ w (SBQI2- w ࣮ϧʔϧͱυΩϡϝϯτԽ
ΫϥυܦඅͷϑϩϯτΤϯυڥ
ΫϥυܦඅͷϑϩϯτΤϯυڥ w PO3VCZPO3BJMT w OPU41"ɺ443͋Γ w 5ZQF4DSJQU 3FBDU 3FEVY XFCQBDL
OPU8FCQBDLFS w 8FC"1*(SBQI2- w ελΠϧཧTUZMFEDPNQPOFOUT w 4UPSZCPPL w &4-JOU 1SFUUJFS +FTU
OPU41"Ͱͷ3FBDU PO3BJMT
SFBDU@PO@SBJMTHFN w 3BJMTଆ͔ΒQSPQTΛ͢ɺ443Ͱ͖Δ w EJWλάΛग़ྗࣗ͠ಈͰ3FBDU%0.SFOEFS Ͱ "QQίϯϙʔωϯτΛSFOEFSͭͭ͠QSPQTΛηοτͯ͘͠ΕΔ
3BJMTͷίϯςΩετʹґଘ͠ͳ͍ কདྷͷ41"ԽͷͨΊʂ
3BJMTଆ͔ΒݺͿ3FBDUίϯϙʔωϯτͭ w "QQίϯϙʔωϯτʹQSPQTͰݱࡏͷύεΛ͢ w SFBDUSPVUFSΛͬͯύε͝ͱʹදࣔ͢ΔίϯϙʔωϯτΛΓସ͑ w ϖʔδ༻ͷίϯϙʔωϯτΛશύεͰ༻ҙ
σΟϨΫτϦߏΛ ϑϨʔϜϫʔΫͬΆ͘ ᶃ
σΟϨΫτϦߏΛϑϨʔϜϫʔΫͬΆ͘ w ͱͱ3BJMTͱີͳߏͩͬͨ w QBHFTҎԼར༻͢Δϖʔδͷ63-ͱ߹ΘͤΔ /FYUKTͱ߹ΘͤΔ
σΟϨΫτϦߏ w ςετͱ4UPSZ ίϯϙʔωϯτɾ࣮ͱಉ͡ॴʹ
(SBQI2-
(SBQI2- w "1*ΤϯυϙΠϯτͭ 1045 w ݺͼग़͠ଆͰඞཁͳใͷΈΛͭͷ2VFSZͰ·ͱΊͯऔಘͰ͖Δ w ·ͱΊͯߋ৽Ͱ͖Δ .VUBUJPO
IUUQTEFWFMPQFSHJUIVCDPNWFYQMPSFS
(SBQI2-ͷศརͳ w 8FC"1*Λ࣮ߦ͢ΔճΛݮΒ͢͜ͱ͕Ͱ͖Δ w ݺͼग़͠ଆͰඞཁͳใͷΈऔಘ͢Δ͜ͱ͕Ͱ͖Δ w ܕΛ2VFSZ͔ΒࣗಈੜͰ͖Δ
ϩάΠϯϢʔβʔใɾ͓Βͤɾ௨ͳͲͷใΛ ·ͱΊͯͭͷ2VFSZͰऔಘ
"QPMMP$MJFOU 3FBDU w (SBQI2-"1*Λ3FBDUͰ࣮ߦͰ͖ΔϥΠϒϥϦ w VTF2VFSZ VTF.VUBUJPO)PPLT w BQPMMPMJOLTUBUFΘͣ3FEVYͰ
ίϯϙʔωϯτઃܭɾ࣮ϧʔϧ
"UPNJD%FTJHO w ଟ͘ͷํ͕͝ଘͷͦΕͰ͢ w ίϯϙʔωϯτΛ"UPNT .PMFDVMFT 0SHBOJTNT 5FNQMBUFT 1BHFTͷ ̑ͭͰϨϕϧ͚
"UPNJD%FTJHOͰͷ࣮ϧʔϧ w "UPNT .PMFDVMFT ϏδωεϩδοΫΛ࣋ͨͳ͍3FEVY4UPSFͷΞΫηε/( w 0SHBOJTNT ϏδωεϩδοΫΛ࣋ͭ3FEVY4UPSFͷΞΫηε0, w 5FNQMBUFT
1BHFίϯϙʔωϯτͷঢ়ଶΛ࣋ͨͳ͍෦3FEVY4UPSFͷΞΫηε/( w 1BHFT 8FC"1*1BHFίϯϙʔωϯτͷΈͰୟ͘ (SBQI2-ͱ૬ੑ͕͍͍ औಘͨ͠ใ3FEVY4UPSF
3FBDUίϯϙʔωϯτͷ࣮ϧʔϧ w ͯ͢'VODUJPOBM$PNQPOFOUͰ࣮ w $POUBJOFS ϩδοΫ ͱ1SFTFOUFS ݟͨ ͰίϯϙʔωϯτΛ͚Δ $POUBJOFSͷςετϩδοΫͷςετ
1SFTFOUFSͷςετݟͨͷςετ εφοϓγϣοτςετ
ελΠϧཧ
TUZMFEDPNQPOFOUT w ίϯϙʔωϯτͷελΠϧΛ্ॻ͖Ͱ͖ΔΑ͏ʹ͍ͯ͠Δ w 5IFNF1SPWJEFSΛ༻͠ϕʔεͷελΠϧΛશମʹద༻ͭͭ͠ ΧελϚΠζ͍ͨ͠෦5IFNF1SPWJEFSΛωετ͠ΧελϚΠζ IUUQTLJNSPNJIBUFOBCMPHKQFOUSZ
υΩϡϝϯτඋ ᶄ
IUUQTIVHPHJSBVEFMDPNUFDIOJDBMEPDVNFOUBUJPOGPSFWFSZPOF
EPDTJGZΛͬͯυΩϡϝϯτΛඋ w IUUQTEPDTJGZKTPSHͱ͍͏ϥΠϒϥϦ w .BSLEPXOͰυΩϡϝϯτΛॻ͘ͱࣗಈͰ8FCϖʔδ )5.- Λੜ w 8FCϖʔδ4UPSZCPPLͱڞʹ$*Ͱ୭ͰݟΕΔͱ͜ΖʹσϓϩΠ w
.BSLEPXOϦϙδτϦͷதʹؚΈ ίʔυͱҰॹʹमਖ਼
·ͱΊ
·ͱΊ w PO3BJMTͰ͋Δ͕ɺ41"Λݟਾ͑ϑϩϯτͷϑϩϯτͰ w (SBQI2-ศརͰ͢ w ࣮ͷϧʔϧυΩϡϝϯτԽ͠Խ͠ͳ͍ఴ͑ͯ w ΤϯδχΞืू͓ͯ͠Γ·͢ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
࣭ͳͲ͋Ε!LJNSPNJ·Ͱ