Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

2021/10/08
Cybozu Tech Meetup #16

0f162107f1b716c9fa62d6071eb8b995?s=128

Hajime Mugishima

October 08, 2021
Tweet

Transcript

  1. $ZCP[V5FDI.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ϑϩϯτΤϯυ࡮৽ ྺ࢙͕௕͍αʔϏεˠਐΉϨΨγʔԽ ɾ$MPTVSF5PPMTओମͷίʔυϕʔε ɾओྲྀͳϑϩϯτΤϯυࣄ৘ͱͷဃ཭ ɾֶशΛؚΉ։ൃϝϯςφϯείετ ɾ࠾༻ΛؚΉະདྷ΁ͷӨڹ

  10. LJOUPOFϑϩϯτΤϯυ࡮৽ ΞʔΩςΫνϟΛ࡮৽த ˣ 5ZQF4DSJQU3FBDUͳͲʹঃʑʹஔ͖׵͑

  11. ϑϩϯτΤϯυΤΩεύʔτνʔϜ ✕ LJOUPOFϑϩϯτΤϯυ࡮৽

  12. ϑϩϯτΤϯυΤΩεύʔτνʔϜ େ͖̏࣠͘ͰϑϩϯτΤϯυ࡮৽ʹڠྗ ˔3FBDUԽͷ࣮࡞ۀΛਐΊΔνʔϜ ˔೉қ౓͕ߴ͍ՕॴͷࣄલݕূΛߦ͏νʔϜ ˔ϚΠΫϩαʔϏεԽͷࢪࡦݕ౼Λߦ͏νʔϜ ˠLJOUPOF։ൃνʔϜͱͷϞϒ ˠϓϩτλΠϓ࡞੒ͳͲͷઌճΓରԠ ˠະདྷͷཧ૝Λݟਾ͑ͨݕূ

  13. ݱࡏͷਐḿ ؅ཧը໘ 🏁ΰʔϧ  ϦεΫ௿Ίͷ؅ཧը໘Ͱׂ̓΄Ͳ׬ྃ

  14. ؅ཧը໘ ೉қ౓͕ߴ͍਺ʑͷը໘ ϦεΫ௿Ίͷ؅ཧը໘Ͱׂ̓΄Ͳ׬ྃ ˣ ·ͩઌ͸௕͍ 🏁ΰʔϧ ݱࡏͷਐḿ

  15. ΋ͬͱ஌Γ͍ͨํ͸ 🎥IUUQTXXXZPVUVCFDPNXBUDI W;YFK;+6D

  16. 🔥ೖࣾ̑ϱ݄ࢹ఺ͰͷϦΞϧͳ࿩🔥

  17. ೖࣾલͷؾ࣋ͪ ɾϑϩϯτΤϯυͷϨΨγʔվળͷܦݧ͸͋ͬͨ  ୤ϨΨγʔΛςʔϚʹࣥච΋ͨ͠  ɾͻͱΓͰ΋όϦόϦվળͯ͠΍Δͧʙ👍👍👍

  18. ݱ࣮ ɾେن໛ϑϩϯτΤϯυͷน ɾίʔυΛ௥͏͚ͩͰ΋Ұۤ࿑ ɾԿ͔ΒखΛ෇͚Ε͹ʜʁʁ

  19. ͳʹ͕ҧ͏ͷ͔ʁ ɾݸਓPSগਓ਺Ͱ΍ΕΔൣғ͕޿͍ ɾҰਓͷྗͰڧҾʹରॲͰ͖Δ͜ͱ΋͋Δ ˔খʙதن໛ ˔େن໛ ɾҰఆਓ਺Ҏ্ͷνʔϜͰͷରॲ͕લఏ ɾݸਓͰ΍ΕΔൣғ͸ݶք͕͋Δ ˠݸਓͷྗ νʔϜΛՃ଎ͤ͞Δ޻෉ɾࢪࡦ͕ඞཁ

  20. LJOUPOFϑϩϯτΤϯυ࡮৽ͷ՝୊ͱղܾࡦ

  21. 🔥ίʔυཧղͷίετͷߴ͞ ๲େͳίʔυྔ ɾສߦΛ௒͑Δ+4ίʔυ ɾը໘ಡΜͰ͍͚ͩ͘Ͱ΋Ұۤ࿑

  22. 🔥ίʔυཧղͷίετͷߴ͞ $MPTVSF5PPMT ɾੈͷதͰͷ৘ใͷগͳ͞ 
  (PPHMFݕࡧΑΓࣾ಺φϨοδͷ΄͏͕๛෋  ɾ&WFOU1VC4VCʹΑΔδϟϯϓ ɾը໘ͱͷಥ͖߹Θͤͷखؒ

  23. 💡೔ৗతͳϞϒɾϖΞ࡞ۀ جຊతʹ͸ϞϒɾϖΞͰ࡞ۀ͢Δ ɾ࡞ۀϓϥϯχϯάͷஈ֊͔Βෳ਺ਓͰ࡞ۀ ɾඇಉظͷίϛϡχέʔγϣϯίετΛ཈͑Δ ɾ༗ࣝऀ͔ΒμΠϨΫτʹ஌ݟΛٵऩ͢Δ

  24. 🔥LJOUPOFطଘ։ൃϓϩηεͱͷ૬ੑ ௨ৗͷLJOUPOF։ൃͱಉ͡ϓϩηεͰ࡞ۀ͍ͯͨ͠ ɾεΫϥϜXFFLεϓϦϯτ ɾόοΫϩάˠϦϦʔεՄೳͳҙຯͷ͋Δ୯Ґ ˠܧଓతʹ҆ఆͨ͠Ձ஋ΛఏڙͰ͖Δͷ͕ར఺

  25. 🔥LJOUPOFطଘ։ൃϓϩηεͱͷ૬ੑ ϨΨγʔվળͱ͸૬ੑ͕ѱ͍෦෼͕͋Δ ɾͦ΋ͦ΋ϦϦʔεαΠΫϧ͕ҟͳΔ ɾҰ෦εΫϥϜΠϕϯτّ͕ࣜతͳࢀՃʹͳΔ ɾҙࢥܾఆͷ଴͕ͪൃੜ͢Δ

  26. 💡։ൃϓϩηεͷݟ௚͠ ΑΓਐΊ΍͍͢ܗʹมߋ ɾΠϕϯτࢀՃ͸ඞཁͳ΋ͷͷΈʹߜΔ ɾҙࢥܾఆΛLJOUPOF։ൃͱ͸ಠཱͯ͠ߦ͏ ɾίϛϡχέʔγϣϯʹ4MBDLΛ׆༻ 
  αΠϘ΢ζશମͰ͸LJOUPOF͕ओྲྀ ˠ͍·Ͱ΋೔ʑվળத

  27. ৽نϝϯόʔͱͯ͠ײͨ͡՝୊ͱ΍ͬͨ͜ͱ

  28. ׳Ε΁ͷґଘ ɾ՝୊ʹରͯ͠׳ΕΕ͹େৎ෉͕ղܾࡦͳ͜ͱ͕͋Δ 
 ྫ$MPTVSF5PPMTͷίϯϙʔωϯτͱରԠը໘͸׳ΕΕ͹֮͑Δ ɾ׳Εʹ͸࠶ݱੑ͕ͳ͘ݸਓ͕ࠩେ͖͍ ɾେن໛ϑϩϯτΤϯυ࡮৽͸ରԠظؒ΋௕͍ ؔΘΔϝϯόʔ΋ଟ͘ͳΔ ɾ׳ΕΔ·Ͱͷίετ͸Կ౓΋܁Γฦ͞ΕΔ

  29. ͳʹΛ͢΂͖͔ʁΛߟ͑Δ🤔

  30. ׳Ε΁ͷґଘΛݮΒ͢ ɾ׳Εͯ͠·ͬͨਓʹͱͬͯ͸՝୊Ͱ͸ͳ͘ͳΔ ˠ৽نϝϯόʔͱͯ͠ײͨ͡՝୊Λ ɹࣗ෼͕৽نϝϯόʔͷ͏ͪʹղܾ͢Δ ɾ׳Ε͸ଐਓੑͱ΋ղऍͰ͖Δ ׳Ε͍ͯͳͯ͘΋Ͱ͖Δ͕ཧ૝

  31. ৘ใΛࢹ֮Խ ࣗ෼͕٧·ͬͨՕॴΛࢿྉԽͯ͠࢒͢ ܧঝਤ ॳظԽϑϩʔ ίϯϙʔωϯτରԠਤ

  32. $MPTVSF5PPMT%FW5PPMTΛ࡞੒ 3FBDU%FW5PPMTͷΑ͏ͳ $ISPNF֦ுΛ࡞੒ 🔗$ZCP[V*OTJEF0VUϑϩϯτΤϯυ࡮৽ͷͨΊʹ%FW5PPMTΛ࡞ͬͯ։ൃΛḿΒͤΔIUUQTCMPHDZCP[VJPFOUSZ ˠίʔυཧղΛՃ଎

  33. αΠϘ΢ζͱ͍͏૊৫ͷ෩౔ ɾ໋ྩ΍ࢦࣔ͸ͳ͍ʢϗϯτʹແ͍ʣ ɾϑϩϯτΤϯυ࡮৽ͱ͍͏໨ඪʹରͯ͠ ɹ֤͕ࣗʮඞཁͩʂʯͱࢥ͑Δ͜ͱΛ΍ΕΔ ɾͦ͜ʹ৽نϝϯόʔ͔Ͳ͏͔ͷڥք͸ແ͍

  34. 🎓ΤϯδχΞͱͯ͠ಘΒΕΔ΋ͷ ݸਓͷݟղΛؚΈ·͢

  35. ୤ϨΨγʔܦݧࣗମͷՁ஋ ɾϨΨγʔվળ͸ಛผͳ΋ͷͰ͸ͳ͍ ͍·͸ϞμϯͰ΋͕࣌ؒܦͯ͹ϨΨγʔʹ ɾΤϯδχΞΛଓ͚͍ͯͯආ͚ଓ͚Δͷ͸೉͍͠ ɾ୤ϨΨγʔࣗମʹৗʹҰఆͷधཁ͕͋Δ ɾܦݧ஋ͱ͓ͯ࣋ͬͯ͘͠ϝϦοτ͸͋Δ

  36. ػձʹ͸όϥ͖͕ͭ͋Δ ɾখ͍͞վળ͸ػձ΋ଟ͘ɺݸਓɾগਓ਺ͰऔΓ૊ΊΔ ɾେن໛ͳ࡮৽͸ػձࣗମ͕௝͍͠ ˠҙࢥܾఆͷλΠϛϯά͕গͳ͍

  37. େن໛͔ͩΒͦ͜ಘΒΕΔ΋ͷ ɾΞʔΩςΫνϟબఆ ɾσΟϨΫτϦߏ଄ ɾ໋໊نଇ ɾίʔυͷ෼ׂ୯Ґ ɾςετཻ౓ ˠେن໛ͳ΋ͷͩͱؔΘΔػձࣗମ͕ك ॳظஈ֊͔ΒઃܭʹؔΘΕΔ

  38. େن໛͔ͩΒͦ͜ಘΒΕΔ΋ͷ ٕज़τϨϯυͱ͸ҟͳΔֶͼ΋ಘΒΕΔ ɾվળʹ͓͚Δ։ൃϓϩηεͷࡦఆ ɾνʔϜ࡞Γ ɾφϨοδӡ༻ ɾ࡞ۀޮ཰޲্ͷͨΊͷπʔϧͷબఆ΍࡞੒ ˠ௕ظతʹ༗༻ͳ஌ݟɾεΩϧʹܨ͕Δ

  39. αΠϘ΢ζͰͷվળͰಘΒΕΔ΋ͷ ɾBZपΓͷ஌ݟΛଟֶ͘΂Δ ɾαΠϘ΢ζʹ͸BZͷઐ໳νʔϜ͕ଘࡏ͢Δ ɾBZୡ੒ج४Λຬͨ͢6*ίϯϙʔωϯτΛ ɹνʔϜͰڠྗͯ͠࡞੒

  40. ·ͱΊ ˔LJOUPOFϑϩϯτΤϯυ࡮৽͸·ͩ·ͩଓ͘ ˔՝୊͸ଟ͘؆୯ͳ΋ͷ͹͔ΓͰ΋ͳ͍͕ɺ վળαΠΫϧΛճ͢౔৕͸͋Δ ˔νʔϜΛՃ଎͢ΔͨΊͷऔΓ૊Έ͕ඞཁͰɺ 
 ɹͦͷͨΊʹ৽نϝϯόʔͷࢹ఺΋ॏཁ ˔୤ϨΨγʔͷܦݧ͸ΩϟϦΞ্༗༻ ͩͱࢥ͏ 


    ͔ͭେن໛ͳΒͰ͸ͷֶͼ΋ଟ͍
  41. 8FBSFIJSJOH

  42. ϑϩϯτΤϯυΤΩεύʔτνʔϜ΋ 8FBSFIJSJOH