kintoneフロントエンド刷新 〜新規参加5ヶ月から見るリアル〜

2021/10/08
Cybozu Tech Meetup #16

Transcript

1. $ZCP[V
   5FDI
   .FFUVQ
    LJOUPOFϑϩϯτΤϯυ࡮৽
   ʙ৽نࢀՃ̑ϲ݄͔ΒݟΔϦΞϧʙ αΠϘ΢ζגࣜձࣾ
   ϑϩϯτΤϯυΤΩεύʔτνʔϜ
   ഴౡ
   Ұ
   
   !NVHJ@VOP
2. ࣗݾ঺հ ഴౡ
   Ұ
   
   Ή͗͠·
   ͸͡Ί !NVHJ@VOP ɾ
   த్ೖࣾ
   ɾϑϩϯτΤϯυΤΩεύʔτνʔϜ
   ɾϑϧϦϞʔτ ෋ࢁ
3. ࿩͢͜ͱ ˔
   LJOUPOFͷ͝঺հ
   ˔
   LJOUPOFϑϩϯτΤϯυ࡮৽
   ˔
   ೖࣾ̑ϲ݄͔ΒݟͨϦΞϧ 
 ˔
   ๊͑Δ՝୊ͱղܾࡦ 
 ˔
   ΤϯδχΞͱͯ͠ಘΒΕΔ΋ͷ
4. LJOUPOF
5. LJOUPOF 🔗
   αΠϘ΢ζ
   ΤϯδχΞ࠾༻ϐον
   
   IUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU
6. LJOUPOF 🔗
   αΠϘ΢ζ
   ΤϯδχΞ࠾༻ϐον
   
   IUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU
7. LJOUPOF 🔗
   αΠϘ΢ζ
   ΤϯδχΞ࠾༻ϐον
   
   IUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU
8. LJOUPOFϑϩϯτΤϯυ࡮৽
9. LJOUPOFϑϩϯτΤϯυ࡮৽ ྺ࢙͕௕͍αʔϏε
   ˠ
   ਐΉϨΨγʔԽ ɾ$MPTVSF
   5PPMT
   ओମͷίʔυϕʔε
   ɾओྲྀͳϑϩϯτΤϯυࣄ৘ͱͷဃ཭
   ɾֶशΛؚΉ։ൃϝϯςφϯείετ
   ɾ࠾༻ΛؚΉະདྷ΁ͷӨڹ
10. LJOUPOFϑϩϯτΤϯυ࡮৽ ΞʔΩςΫνϟΛ࡮৽த ˣ
    5ZQF4DSJQU
    
    3FBDU
    ͳͲʹঃʑʹஔ͖׵͑
11. ϑϩϯτΤϯυΤΩεύʔτνʔϜ
    ✕
    LJOUPOFϑϩϯτΤϯυ࡮৽
12. ϑϩϯτΤϯυΤΩεύʔτνʔϜ େ͖̏࣠͘ͰϑϩϯτΤϯυ࡮৽ʹڠྗ ˔
    3FBDUԽͷ࣮࡞ۀΛਐΊΔνʔϜ ˔
    ೉қ౓͕ߴ͍ՕॴͷࣄલݕূΛߦ͏νʔϜ ˔
    ϚΠΫϩαʔϏεԽͷࢪࡦݕ౼Λߦ͏νʔϜ ˠ
    LJOUPOF։ൃνʔϜͱͷϞϒ ˠ
    ϓϩτλΠϓ࡞੒ͳͲͷઌճΓରԠ ˠ
    ະདྷͷཧ૝Λݟਾ͑ͨݕূ
13. ݱࡏͷਐḿ ؅ཧը໘ 🏁ΰʔϧ
    ϦεΫ௿Ίͷ
    ؅ཧը໘
    Ͱׂ̓΄Ͳ׬ྃ
14. ؅ཧը໘ ೉қ౓͕ߴ͍਺ʑͷը໘ ϦεΫ௿Ίͷ
    ؅ཧը໘
    Ͱׂ̓΄Ͳ׬ྃ
    ˣ
    ·ͩઌ͸௕͍ 🏁ΰʔϧ ݱࡏͷਐḿ
15. ΋ͬͱ஌Γ͍ͨํ͸ 🎥
    IUUQTXXXZPVUVCFDPNXBUDI W;YFK;+6D
16. 🔥ೖࣾ̑ϱ݄ࢹ఺ͰͷϦΞϧͳ࿩🔥
17. ೖࣾલͷؾ࣋ͪ ɾϑϩϯτΤϯυͷϨΨγʔվળͷܦݧ͸͋ͬͨ
    
    
    
    ୤ϨΨγʔΛςʔϚʹࣥච΋ͨ͠
    ɾͻͱΓͰ΋όϦόϦվળͯ͠΍Δͧʙ👍👍👍
18. ݱ࣮ ɾେن໛ϑϩϯτΤϯυͷน
    ɾίʔυΛ௥͏͚ͩͰ΋Ұۤ࿑
    ɾԿ͔ΒखΛ෇͚Ε͹ʜʁʁ
19. ͳʹ͕ҧ͏ͷ͔ʁ ɾݸਓ
    PS
    গਓ਺Ͱ΍ΕΔൣғ͕޿͍
    ɾҰਓͷྗͰڧҾʹରॲͰ͖Δ͜ͱ΋͋Δ ˔
    খʙதن໛ ˔
    େن໛ ɾҰఆਓ਺Ҏ্ͷνʔϜͰͷରॲ͕લఏ
    ɾݸਓͰ΍ΕΔൣғ͸ݶք͕͋Δ ˠ
    ݸਓͷྗ
    
    νʔϜΛՃ଎ͤ͞Δ޻෉ɾࢪࡦ͕ඞཁ
20. LJOUPOFϑϩϯτΤϯυ࡮৽ͷ՝୊ͱղܾࡦ
21. 🔥ίʔυཧղͷίετͷߴ͞ ๲େͳίʔυྔ ɾສߦΛ௒͑Δ+4ίʔυ
    ɾը໘ಡΜͰ͍͚ͩ͘Ͱ΋Ұۤ࿑
22. 🔥ίʔυཧղͷίετͷߴ͞ $MPTVSF
    5PPMT ɾੈͷதͰͷ৘ใͷগͳ͞ 

    
    
    (PPHMFݕࡧΑΓࣾ಺φϨοδͷ΄͏͕๛෋
    ɾ&WFOU
    1VC4VC
    ʹΑΔδϟϯϓ
    ɾը໘ͱͷಥ͖߹Θͤͷखؒ
23. 💡೔ৗతͳϞϒɾϖΞ࡞ۀ جຊతʹ͸ϞϒɾϖΞͰ࡞ۀ͢Δ ɾ࡞ۀϓϥϯχϯάͷஈ֊͔Βෳ਺ਓͰ࡞ۀ
    ɾඇಉظͷίϛϡχέʔγϣϯίετΛ཈͑Δ
    ɾ༗ࣝऀ͔ΒμΠϨΫτʹ஌ݟΛٵऩ͢Δ
24. 🔥LJOUPOFطଘ։ൃϓϩηεͱͷ૬ੑ ௨ৗͷLJOUPOF։ൃͱಉ͡ϓϩηεͰ࡞ۀ͍ͯͨ͠ ɾεΫϥϜ
    
    XFFLεϓϦϯτ
    ɾόοΫϩά
    ˠ
    ϦϦʔεՄೳͳҙຯͷ͋Δ୯Ґ ˠ
    ܧଓతʹ҆ఆͨ͠Ձ஋ΛఏڙͰ͖Δͷ͕ར఺
25. 🔥LJOUPOFطଘ։ൃϓϩηεͱͷ૬ੑ ϨΨγʔվળͱ͸૬ੑ͕ѱ͍෦෼͕͋Δ ɾͦ΋ͦ΋ϦϦʔεαΠΫϧ͕ҟͳΔ
    ɾҰ෦εΫϥϜΠϕϯτّ͕ࣜతͳࢀՃʹͳΔ
    ɾҙࢥܾఆͷ଴͕ͪൃੜ͢Δ
26. 💡։ൃϓϩηεͷݟ௚͠ ΑΓਐΊ΍͍͢ܗʹมߋ ɾΠϕϯτࢀՃ͸ඞཁͳ΋ͷͷΈʹߜΔ
    ɾҙࢥܾఆΛLJOUPOF։ൃͱ͸ಠཱͯ͠ߦ͏
    ɾίϛϡχέʔγϣϯʹ4MBDLΛ׆༻ 

    
    
    αΠϘ΢ζશମͰ͸LJOUPOF͕ओྲྀ ˠ
    ͍·Ͱ΋೔ʑվળத
27. ৽نϝϯόʔͱͯ͠ײͨ͡՝୊ͱ΍ͬͨ͜ͱ
28. ׳Ε
    ΁ͷґଘ ɾ՝୊ʹରͯ͠
    ׳ΕΕ͹େৎ෉
    ͕ղܾࡦͳ͜ͱ͕͋Δ 

    
    
    ྫ
    $MPTVSF
    5PPMT
    ͷίϯϙʔωϯτͱରԠը໘͸׳ΕΕ͹֮͑Δ ɾ׳Ε
    ʹ͸࠶ݱੑ͕ͳ͘ݸਓ͕ࠩେ͖͍ ɾେن໛ϑϩϯτΤϯυ࡮৽͸ରԠظؒ΋௕͍
    
    
    
    
    ؔΘΔϝϯόʔ΋ଟ͘ͳΔ ɾ׳ΕΔ·Ͱͷίετ͸Կ౓΋܁Γฦ͞ΕΔ
29. ͳʹΛ͢΂͖͔ʁΛߟ͑Δ
    🤔
30. ׳Ε
    ΁ͷґଘΛݮΒ͢ ɾ׳Εͯ͠·ͬͨਓʹͱͬͯ͸՝୊Ͱ͸ͳ͘ͳΔ ˠ
    ৽نϝϯόʔͱͯ͠ײͨ͡՝୊Λ
    ɹ
    ࣗ෼͕৽نϝϯόʔͷ͏ͪʹղܾ͢Δ ɾ׳Ε
    ͸ଐਓੑͱ΋ղऍͰ͖Δ
    
    
    
    ׳Ε͍ͯͳͯ͘΋Ͱ͖Δ
    ͕ཧ૝
31. ৘ใΛࢹ֮Խ ࣗ෼͕٧·ͬͨՕॴΛࢿྉԽͯ͠࢒͢ ܧঝਤ ॳظԽϑϩʔ ίϯϙʔωϯτରԠਤ
32. $MPTVSF
    5PPMT
    %FW5PPMT
    Λ࡞੒ 3FBDU
    %FW5PPMT
    ͷΑ͏ͳ
    $ISPNF
    ֦ுΛ࡞੒ 🔗
    $ZCP[V
    *OTJEF
    0VU
    
    ϑϩϯτΤϯυ࡮৽ͷͨΊʹ
    %FW5PPMT
    Λ࡞ͬͯ։ൃΛḿΒͤΔ
    
    IUUQTCMPHDZCP[VJPFOUSZ ˠ
    ίʔυཧղΛՃ଎
33. αΠϘ΢ζͱ͍͏૊৫ͷ෩౔ ɾ໋ྩ΍ࢦࣔ͸ͳ͍ʢϗϯτʹແ͍ʣ ɾϑϩϯτΤϯυ࡮৽ͱ͍͏໨ඪʹରͯ͠
    ɹ֤͕ࣗʮඞཁͩʂʯͱࢥ͑Δ͜ͱΛ΍ΕΔ ɾͦ͜ʹ৽نϝϯόʔ͔Ͳ͏͔ͷڥք͸ແ͍
34. 🎓
    ΤϯδχΞͱͯ͠ಘΒΕΔ΋ͷ
    ݸਓͷݟղΛؚΈ·͢
35. ୤ϨΨγʔܦݧࣗମͷՁ஋ ɾϨΨγʔվળ͸ಛผͳ΋ͷͰ͸ͳ͍
    
    
    
    ͍·͸ϞμϯͰ΋͕࣌ؒܦͯ͹ϨΨγʔʹ ɾΤϯδχΞΛଓ͚͍ͯͯආ͚ଓ͚Δͷ͸೉͍͠ ɾ୤ϨΨγʔࣗମʹৗʹҰఆͷधཁ͕͋Δ ɾܦݧ஋ͱ͓ͯ࣋ͬͯ͘͠ϝϦοτ͸͋Δ
36. ػձʹ͸όϥ͖͕ͭ͋Δ ɾখ͍͞վળ͸ػձ΋ଟ͘ɺݸਓɾগਓ਺ͰऔΓ૊ΊΔ ɾେن໛ͳ࡮৽͸ػձࣗମ͕௝͍͠ ˠ
    ҙࢥܾఆͷλΠϛϯά͕গͳ͍
37. େن໛͔ͩΒͦ͜ಘΒΕΔ΋ͷ ɾΞʔΩςΫνϟબఆ
    ɾσΟϨΫτϦߏ଄
    ɾ໋໊نଇ
    ɾίʔυͷ෼ׂ୯Ґ
    ɾςετཻ౓ ˠ
    େن໛ͳ΋ͷͩͱؔΘΔػձࣗମ͕ك ॳظஈ֊͔ΒઃܭʹؔΘΕΔ
38. େن໛͔ͩΒͦ͜ಘΒΕΔ΋ͷ ٕज़τϨϯυͱ͸ҟͳΔֶͼ΋ಘΒΕΔ ɾվળʹ͓͚Δ։ൃϓϩηεͷࡦఆ
    ɾνʔϜ࡞Γ
    ɾφϨοδӡ༻
    ɾ࡞ۀޮ཰޲্ͷͨΊͷπʔϧͷબఆ΍࡞੒ ˠ
    ௕ظతʹ༗༻ͳ஌ݟɾεΩϧʹܨ͕Δ
39. αΠϘ΢ζͰͷ
    վળͰಘΒΕΔ΋ͷ ɾBZपΓͷ஌ݟΛଟֶ͘΂Δ ɾαΠϘ΢ζʹ͸BZͷઐ໳νʔϜ͕ଘࡏ͢Δ ɾBZୡ੒ج४Λຬͨ͢6*ίϯϙʔωϯτΛ
    ɹνʔϜͰڠྗͯ͠࡞੒
40. ·ͱΊ ˔
    LJOUPOFϑϩϯτΤϯυ࡮৽͸·ͩ·ͩଓ͘ ˔
    ՝୊͸ଟ͘؆୯ͳ΋ͷ͹͔ΓͰ΋ͳ͍͕ɺ
    
    
    
    
    վળαΠΫϧΛճ͢౔৕͸͋Δ ˔
    νʔϜΛՃ଎͢ΔͨΊͷऔΓ૊Έ͕ඞཁͰɺ 
 ɹ
    ͦͷͨΊʹ৽نϝϯόʔͷࢹ఺΋ॏཁ ˔
    ୤ϨΨγʔͷܦݧ͸ΩϟϦΞ্༗༻ ͩͱࢥ͏ 

    
    
    
    ͔ͭେن໛ͳΒͰ͸ͷֶͼ΋ଟ͍
41. 8F
    BSF
    IJSJOH
42. ϑϩϯτΤϯυΤΩεύʔτνʔϜ΋
    8F
    BSF
    IJSJOH