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
マネーフォワードクラウド経費でのフロントエンドの取り組み / moneyforward-exp...
Search
Hiromi Kimura
September 30, 2020
Programming
1.2k
4
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
マネーフォワードクラウド経費でのフロントエンドの取り組み / moneyforward-expense-frontend
Hiromi Kimura
September 30, 2020
Transcript
34 slides
ϚωʔϑΥϫʔυΫϥυܦඅͰͷ ϑϩϯτΤϯυͷऔΓΈ
Ԭੜ·ΕԬҭͪ ϚωʔϑΥϫʔυԬڌ Ϋϥυܦඅ։ൃ෦ ϑϩϯτΤϯυΤϯδχΞ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·Ͱ
More Decks by Hiromi Kimura
See All by Hiromi Kimura
マネーフォワード Pay for Businessのフロントエンド / Money Forward Pay for Business Frontend
kimromi
0
940
エンジニアにとってのアウトプットとはなにか考えた / what-is-output
kimromi
3
1.2k
TypeScriptで作るGitHubApps / make GitHub Apps by TypeScript
kimromi
0
690
ムームードメインのJavaScript環境を整えた話 / prepare muumuu-domain's javascript
kimromi
1
630
ぼくがかんがえたさいきょうのぷるりくえすと / saikyo-no-pull-request
kimromi
7
110k
Vue.js on Rails / vue-js-on-rails
kimromi
7
5.1k
本番環境にVue.jsを使った話 / Use Vue.js at production
kimromi
3
1.5k
how about Marp?
kimromi
0
180
engineer-guideline
kimromi
0
1.1k
Other Decks in Programming
See All in Programming
Vue.jsで作る空間解析アプリとCapacitorプラグインのData Bridge
hal_spidernight
1
170
Engineering Biometric UX Across Android Versions | DroidKnights 2026
ryunen344
1
200
Railsのためのパスキー実践入門 〜マルチテナントSaaSでの意思決定〜
utakaha
4
4.1k
Enforcing Your Architecture with Unit Tests in the AI Era (Swift Connection X)
steliosf
PRO
1
170
地方こそサーバーレス — 10年続けた、顔が見えるチームで確かな基盤を / Serverless Matters Most in Regional Areas — 10 Years of Building Reliable Foundations with Close-Knit Teams
seike460
PRO
1
410
graphql-ruby を Spinel で速くしようとした話
mtsmfm
0
140
AI時代のIaC入門 〜なぜインフラをコードで管理したいのか?〜 / Introduction to IaC in the AI Era
akihisaikeda
6
1.5k
TanStack Vue Query と Pinia Colada から学ぶ非同期状態の型設計
aoshi
0
650
オーケストレーション記述言語 Katari
yukikurage
0
250
React Native에 현대적인 빌드 도구 더하기: Rollipop 구현기
leegeunhyeok
0
180
GraphQL の onError と Nullability のこれから
quramy
0
210
作れるエンジニアから、価値を届けるエンジニアへ
ryunakayama
1
270
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
3.1k
HDC tutorial
michielstock
2
1k
Optimizing for Happiness
mojombo
378
71k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.7k
Code Review Best Practice
trishagee
74
20k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
18k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
12k
A designer walks into a library…
pauljervisheath
211
25k
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
Building Adaptive Systems
keathley
44
3.3k
Claude Code のすすめ
schroneko
67
230k