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
790
エンジニアにとってのアウトプットとはなにか考えた / what-is-output
kimromi
3
1.1k
TypeScriptで作るGitHubApps / make GitHub Apps by TypeScript
kimromi
0
550
ムームードメインのJavaScript環境を整えた話 / prepare muumuu-domain's javascript
kimromi
1
500
ぼくがかんがえたさいきょうのぷるりくえすと / 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
110
engineer-guideline
kimromi
0
1k
Other Decks in Programming
See All in Programming
カンファレンスの「アレ」Webでなんとかしませんか? / Conference “thing” Why don't you do something about it on the Web?
dero1to
1
110
どうして僕の作ったクラスが手続き型と言われなきゃいけないんですか
akikogoto
1
120
Laravel や Symfony で手っ取り早く OpenAPI のドキュメントを作成する
azuki
2
120
Compose 1.7のTextFieldはPOBox Plusで日本語変換できない
tomoya0x00
0
200
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
1
100
PHP でアセンブリ言語のように書く技術
memory1994
PRO
1
170
エンジニアとして関わる要件と仕様(公開用)
murabayashi
0
300
Jakarta EE meets AI
ivargrimstad
0
150
3 Effective Rules for Using Signals in Angular
manfredsteyer
PRO
0
120
TypeScript Graph でコードレビューの心理的障壁を乗り越える
ysk8hori
2
1.2k
Creating a Free Video Ad Network on the Edge
mizoguchicoji
0
120
CSC509 Lecture 12
javiergs
PRO
0
160
Featured
See All Featured
Code Review Best Practice
trishagee
64
17k
The Language of Interfaces
destraynor
154
24k
The Pragmatic Product Professional
lauravandoore
31
6.3k
We Have a Design System, Now What?
morganepeng
50
7.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Into the Great Unknown - MozCon
thekraken
32
1.5k
KATA
mclloyd
29
14k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
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·Ͱ