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

by Hajime Mugishima

Slide 1

Slide 1 text

$ZCP[V5FDI.FFUVQ LJOUPOFϑϩϯτΤϯυ࡮৽ ʙ৽نࢀՃ̑ϲ݄͔ΒݟΔϦΞϧʙ αΠϘ΢ζגࣜձࣾ ϑϩϯτΤϯυΤΩεύʔτνʔϜ ഴౡҰ!NVHJ@VOP

Slide 2

Slide 2 text

ࣗݾ঺հ ഴౡҰ Ή͗͠·͸͡Ί !NVHJ@VOP ɾத్ೖࣾ ɾϑϩϯτΤϯυΤΩεύʔτνʔϜ ɾϑϧϦϞʔτ ෋ࢁ

Slide 3

Slide 3 text

࿩͢͜ͱ ˔LJOUPOFͷ͝঺հ ˔LJOUPOFϑϩϯτΤϯυ࡮৽ ˔ೖࣾ̑ϲ݄͔ΒݟͨϦΞϧ   ˔๊͑Δ՝୊ͱղܾࡦ   ˔ΤϯδχΞͱͯ͠ಘΒΕΔ΋ͷ

Slide 4

Slide 4 text

LJOUPOF

Slide 5

Slide 5 text

LJOUPOF 🔗αΠϘ΢ζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU

Slide 6

Slide 6 text

LJOUPOF 🔗αΠϘ΢ζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU

Slide 7

Slide 7 text

LJOUPOF 🔗αΠϘ΢ζΤϯδχΞ࠾༻ϐονIUUQTTQFBLFSEFDLDPNDZCP[VJOTJEFPVUDZCP[VFOHJOFFSSFDSVJU

Slide 8

Slide 8 text

LJOUPOFϑϩϯτΤϯυ࡮৽

Slide 9

Slide 9 text

LJOUPOFϑϩϯτΤϯυ࡮৽ ྺ࢙͕௕͍αʔϏεˠਐΉϨΨγʔԽ ɾ$MPTVSF5PPMTओମͷίʔυϕʔε ɾओྲྀͳϑϩϯτΤϯυࣄ৘ͱͷဃ཭ ɾֶशΛؚΉ։ൃϝϯςφϯείετ ɾ࠾༻ΛؚΉະདྷ΁ͷӨڹ

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

ͳʹΛ͢΂͖͔ʁΛߟ͑Δ🤔

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

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