$30 off During Our Annual Pro Sale. View Details »

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

Hiromi Kimura
September 30, 2020

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

Hiromi Kimura

September 30, 2020
Tweet

More Decks by Hiromi Kimura

Other Decks in Programming

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