マネーフォワードクラウド経費でのフロントエンドの取り組み / moneyforward-expense-frontend

Transcript

1. ϚωʔϑΥϫʔυΫϥ΢υܦඅͰͷ
   ϑϩϯτΤϯυͷऔΓ૊Έ
   

   View Slide

2. ෱Ԭੜ·Ε෱Ԭҭͪ
   ϚωʔϑΥϫʔυ෱Ԭڌ఺
   Ϋϥ΢υܦඅ։ൃ෦
   ϑϩϯτΤϯυΤϯδχΞ69νʔϜϦʔμʔ
   ໦ଜ޿ւ )JSPNJ,JNVSB
   !LJNSPNJ
   ࠷ۙ͸ΩϟϯϓʹͲͬ΀Γ ॳ৺ऀ
   
   ಛผڅ෇ۚ͸΄΅Ωϟϯϓ༻඼ʹͭ͗ࠐΉ
   

   View Slide

3. ϞϯϕϧޒέࢁϕʔεΩϟϯϓ৔
   ɹ෱ԬݝಹՑ઒ࢢ
   ɹͱͯ΋੔උ͞Ε͍ͯͯిݯ΋͋Δ
   ɹγϟϫʔɾτΠϨɾચ͍৔ͳͲ΋ΩϨΠ
   άϦʔϯύϧ೔޲ਆڦ
   ɹ෱Ԭݝീঁࢢ
   ɹϑΝϛϦʔΩϟϯϓʹ΋͍ͬͯ͜
   ɹࠓ౓ߦ͜͏ͱ͍ͯ͠Δͱ͜Ζ
   άϥϯϐϯά෱ԬͿͲ͏ͷथʙւ෩ͱ೾ͷԻʙ
   ɹ෱Ԭݝ෱௡ࢢ
   ɹւͷͦ͹Ͱάϥϯϐϯά
   ɹΊͬͪΌਓؾ
   ଞʹ΋͋ͬͨΒ
   ͥͻڭ͍͑ͯͩ͘͞ʂ
   

   View Slide

4. ෱Ԭ
   ڌ఺
   

   View Slide

5. ืूதʂʂ
   

   View Slide

6. σβΠϯϦχϡʔΞϧ
   

   View Slide

7. ϦχϡʔΞϧલ ϦχϡʔΞϧޙ
   

   View Slide

8. ϔομʔͱαΠυϝχϡʔΛ
   શϖʔδͰ3FBDUʹ
   Ұ෦ϖʔδͰ͸ίϯςϯπ΋3FBDU
   
   

   View Slide

9. ΞδΣϯμ
   w 3BJMT಺ͰͷϑϩϯτΤϯυ
   w (SBQI2-
   w ࣮૷ϧʔϧͱυΩϡϝϯτԽ
   

   View Slide

10. Ϋϥ΢υܦඅͷϑϩϯτΤϯυ؀ڥ
    

    View Slide

11. Ϋϥ΢υܦඅͷϑϩϯτΤϯυ؀ڥ
    w PO3VCZPO3BJMT
    w OPU41"ɺ443͋Γ
    w 5ZQF4DSJQU 3FBDU3FEVY XFCQBDL OPU8FCQBDLFS
    
    w 8FC"1*͸(SBQI2-
    w ελΠϧ؅ཧ͸TUZMFEDPNQPOFOUT
    w 4UPSZCPPL
    w &4-JOU 1SFUUJFS +FTU
    

    View Slide

12. OPU41"Ͱͷ3FBDU PO3BJMT
    
    

    View Slide

13. SFBDU@PO@SBJMTHFN
    w 3BJMTଆ͔ΒQSPQTΛ౉͢ɺ443΋Ͱ͖Δ
    w EJWλάΛग़ྗࣗ͠ಈͰ3FBDU%0.SFOEFS
    Ͱ
    "QQίϯϙʔωϯτΛSFOEFSͭͭ͠QSPQTΛηοτͯ͘͠ΕΔ
    

    View Slide

14. 3BJMTͷίϯςΩετʹґଘ͠ͳ͍
    কདྷͷ41"ԽͷͨΊʂ
    

    View Slide

15. 3BJMTଆ͔ΒݺͿ3FBDUίϯϙʔωϯτ͸ͭ
    w "QQίϯϙʔωϯτʹQSPQTͰݱࡏͷύεΛ౉͢
    w SFBDUSPVUFSΛ࢖ͬͯύε͝ͱʹදࣔ͢ΔίϯϙʔωϯτΛ੾Γସ͑
    w ϖʔδ༻ͷίϯϙʔωϯτΛશύεͰ༻ҙ
    

    View Slide

16. σΟϨΫτϦߏ଄Λ
    ϑϨʔϜϫʔΫͬΆ͘
    ޻෉ᶃ
    

    View Slide

17. σΟϨΫτϦߏ଄ΛϑϨʔϜϫʔΫͬΆ͘
    w ΋ͱ΋ͱ͸3BJMTͱີͳߏ੒ͩͬͨ
    w QBHFTҎԼ͸ར༻͢Δϖʔδͷ63-ͱ߹ΘͤΔ
    /FYUKTͱ߹ΘͤΔ
    
    

    View Slide

18. σΟϨΫτϦߏ଄
    w ςετͱ4UPSZ͸
    ίϯϙʔωϯτɾ࣮૷ͱಉ͡৔ॴʹ
    

    View Slide

19. (SBQI2-
    

    View Slide

20. (SBQI2-
    w "1*ΤϯυϙΠϯτ͸ͭ 1045
    
    w ݺͼग़͠ଆͰඞཁͳ৘ใͷΈΛͭͷ2VFSZͰ·ͱΊͯऔಘͰ͖Δ
    w ·ͱΊͯߋ৽΋Ͱ͖Δ .VUBUJPO
    
    IUUQTEFWFMPQFSHJUIVCDPNWFYQMPSFS
    

    View Slide

21. (SBQI2-ͷศརͳ఺
    w 8FC"1*Λ࣮ߦ͢Δճ਺ΛݮΒ͢͜ͱ͕Ͱ͖Δ
    w ݺͼग़͠ଆͰඞཁͳ৘ใͷΈऔಘ͢Δ͜ͱ͕Ͱ͖Δ
    w ܕΛ2VFSZ͔Βࣗಈੜ੒Ͱ͖Δ
    

    View Slide

22. ϩάΠϯϢʔβʔ৘ใɾ͓஌Βͤɾ௨஌ͳͲͷ৘ใΛ
    ·ͱΊͯͭͷ2VFSZͰऔಘ
    

    View Slide

23. "QPMMP$MJFOU 3FBDU
    
    w (SBQI2-"1*Λ3FBDUͰ࣮ߦͰ͖ΔϥΠϒϥϦ
    w VTF2VFSZ VTF.VUBUJPO)PPLT
    w BQPMMPMJOLTUBUF͸࢖Θͣ3FEVYͰ
    

    View Slide

24. ίϯϙʔωϯτઃܭɾ࣮૷ϧʔϧ
    

    View Slide

25. "UPNJD%FTJHO
    w ଟ͘ͷํ͕͝ଘ஌ͷͦΕͰ͢
    w ίϯϙʔωϯτΛ"UPNT .PMFDVMFT 0SHBOJTNT 5FNQMBUFT 1BHFTͷ
    ̑ͭͰϨϕϧ෼͚
    

    View Slide

26. "UPNJD%FTJHOͰͷ࣮૷ϧʔϧ
    w "UPNT .PMFDVMFT
    ϏδωεϩδοΫΛ࣋ͨͳ͍3FEVY4UPSF΁ͷΞΫηε/(
    w 0SHBOJTNT
    ϏδωεϩδοΫΛ࣋ͭ3FEVY4UPSF΁ͷΞΫηε0,
    w 5FNQMBUFT
    1BHFίϯϙʔωϯτͷঢ়ଶΛ࣋ͨͳ͍෦෼3FEVY4UPSF΁ͷΞΫηε/(
    w 1BHFT
    8FC"1*͸1BHFίϯϙʔωϯτͷΈͰୟ͘ (SBQI2-ͱ૬ੑ͕͍͍
    
    औಘͨ͠৘ใ͸3FEVY4UPSF΁
    

    View Slide

27. 3FBDUίϯϙʔωϯτͷ࣮૷ϧʔϧ
    w ͢΂ͯ'VODUJPOBM$PNQPOFOUͰ࣮૷
    w $POUBJOFS ϩδοΫ
    ͱ1SFTFOUFS ݟͨ໨
    ͰίϯϙʔωϯτΛ෼͚Δ
    $POUBJOFSͷςετϩδοΫͷςετ
    1SFTFOUFSͷςετݟͨ໨ͷςετ εφοϓγϣοτςετ
    
    

    View Slide

28. ελΠϧ؅ཧ
    

    View Slide

29. TUZMFEDPNQPOFOUT
    w ίϯϙʔωϯτͷελΠϧΛ্ॻ͖Ͱ͖ΔΑ͏ʹ͍ͯ͠Δ
    w 5IFNF1SPWJEFSΛ࢖༻͠ϕʔεͷελΠϧΛશମʹద༻ͭͭ͠
    ΧελϚΠζ͍ͨ͠෦෼͸5IFNF1SPWJEFSΛωετ͠ΧελϚΠζ
    IUUQTLJNSPNJIBUFOBCMPHKQFOUSZ
    

    View Slide

30. υΩϡϝϯτ੔උ
    ޻෉ᶄ
    

    View Slide

31. IUUQTIVHPHJSBVEFMDPNUFDIOJDBMEPDVNFOUBUJPOGPSFWFSZPOF
    

    View Slide

32. EPDTJGZΛ࢖ͬͯυΩϡϝϯτΛ੔උ
    w IUUQTEPDTJGZKTPSHͱ͍͏ϥΠϒϥϦ
    w .BSLEPXOͰυΩϡϝϯτΛॻ͘ͱࣗಈͰ8FCϖʔδ )5.-
    Λੜ੒
    w 8FCϖʔδ͸4UPSZCPPLͱڞʹ$*Ͱ୭Ͱ΋ݟΕΔͱ͜ΖʹσϓϩΠ
    w .BSLEPXO͸ϦϙδτϦͷதʹؚΈ
    ίʔυͱҰॹʹमਖ਼
    

    View Slide

33. ·ͱΊ
    

    View Slide

34. ·ͱΊ
    w PO3BJMTͰ͸͋Δ͕ɺ41"Λݟਾ͑ϑϩϯτͷ੹຿͸ϑϩϯτͰ
    w (SBQI2-͸ศརͰ͢
    w ࣮૷ͷϧʔϧ͸υΩϡϝϯτԽ͠௠෗Խ͠ͳ͍޻෉΋ఴ͑ͯ
    w ΤϯδχΞืू͓ͯ͠Γ·͢
    ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
    ࣭໰ͳͲ͋Ε͹!LJNSPNJ·Ͱ
    

    View Slide