Developers.IO CAFEの SaaS化を支えた三種の神器 - Developer Friendlyの重要性 - V2

Slide 1

Slide 1 text

Classmethod / Yuki Suwa / 2019.12.17 %FWFMPQFST*0$"'&ͷ 4BB4ԽΛࢧ͑ͨࡾछͷਆث (P@4BB4ࡾछͷਆث  ΦϯϘʔσΟϯάηϛφʔ ౦ژ %FWFMPQFS'SJFOEMZͷॏཁੑ

Slide 2

Slide 2 text

ຊ೔ͷςʔϚ 2 ࡾछͷਆثΛ Developer Friendlyͷ؍఺Ͱ ࣄྫΛ௨ͯ͠͝঺հ ຊ೔ͷςʔϚ

Slide 3

Slide 3 text

ΞδΣϯμ 3 Ϋϥεϝιουͷ͝঺հ ։ൃӡ༻Λࢧ͑Δ%FWFMPQFS'SJFOEMZ ·ͱΊ 5 min 2 min 3min %FWFMPQFST*0$"'&ͱ4BB4Խ 5 min

Slide 4

Slide 4 text

Ϋϥεϝιουͷ͝঺հ 4

Slide 5

Slide 5 text

Ϋϥεϝιουͷࣄۀ 5 Ϋϥ΢υɺϞόΠϧɺϏοάσʔλʹಛԽͨ͠ ίϯαϧςΟϯά ɺγεςϜͷઃܭɾߏஙɾ։ൃɾӡ༻ "84؀ڥ ૯߹ࢧԉ ΞϓϦέʔγϣϯ ։ൃɾӡ༻ Ϗοάσʔλ ෼ੳج൫ߏங &$αʔϏε

Slide 6

Slide 6 text

"VUIύʔτφʔͱͯ͠ 6 Resell Consulting Development "84ͱͷ  ૊Έ߹ΘͤͰ  ͓҆͘ܖ໿ ೝূγεςϜͷઃܭ΍  ߏஙࢧԉΛ௨ͯ͠  εϐʔσΟʹಋೖ "VUIΛ࢖ͬͨ  ΞϓϦέʔγϣϯΛ  νʔϜͰ։ൃ

Slide 7

Slide 7 text

12/18 (໦) 1/22 (ਫ) 2/18 (໦) 3/19 (໦)

Slide 8

Slide 8 text

๺ւಓςϨϏ༷ 8 ࣄྫ wਫ༵Ͳ͏Ͱ͠ΐ͏ࡇͷظؒ ݶఆ༗ྉ഑৴Ͱ࠾༻ w"VUI4USJQFΛར༻ w໿ϲ݄Ͱ࣮૷׬ྃ wΫϥεϝιου͕ٕज़αϙʔ τΛ୲౰

Slide 9

Slide 9 text

9 औΓ૊Έͷ͝঺հ

Slide 10

Slide 10 text

IDEA BUILD PROVIDE ͜Ε͔ΒͷτϨϯυΛ  ૉૣ͘Πϯϓοτ͠  ৽͍͠ސ٬ମݧΛ૑଄ ৽͍͠ιϦϡʔγϣϯ ΛϓϩτλΠϐϯά͠  վળΛ܁Γฦ͢ ݕূࡁΈͷ΋ͷΛ  ൚༻Խ͠  αʔϏεͱͯ͠ఏڙ

Slide 11

Slide 11 text

࠷ۙͷྲྀΕ 11 ࣄۀձࣾ *5اۀ

Slide 12

Slide 12 text

Services Mobile Order Walkthrough དྷళલʹεϚϗͰυϦϯΫΛ஫จɺ  ଴ͪ࣌ؒͳ͠Ͱ͙͢ʹड͚औΓɻ ཉ͍͠঎඼Λࣗ༝ʹखʹऔΓɺ  ୀళ͢ΔͱϨδϨεͰࣗಈܾࡁɻ

Slide 13

Slide 13 text

࢝Ί͖͔͚ͨͬ͸  13

Slide 14

Slide 14 text

Slide 15

Slide 15 text

"NB[POͷจԽʹֶͿ wص্ͰऴΘΒͤͳ͍ධ࿦͚ͩ͠ͳ͍ w੒ޭΛอূ͠ͳ͍େ୾ʹ௅ઓ͢Δ wଟ਺ͷ࣮ݧͱࣦഊ͔Βଟ͘ΛֶͿ wࣦഊͷίετΛ࠷খԽ͢Δ wར༻ऀʹ࢖ͬͯ΋Β͍ϑΟʔυόοΫΛ൓ө wֶशࡁΈϞσϧͱ༏Εͨιϑτ͕࢒Δ w্هΛߴ଎ʹ܁Γฦ͢ 15

Slide 16

Slide 16 text

ͱʹ͔͘ߴ଎ʹ  ԾઆݕূΛ܁Γฦ͢ 16

Slide 17

Slide 17 text

17 ໿ϲ݄ͰΦʔϓϯʂ

Slide 18

Slide 18 text

શһ͕ళฮʹू·ΓվળΛ܁Γฦ͢ 18 6 $" !#

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

ٻΊΒΕΔ4BB4Խ 21

Slide 22

Slide 22 text

ଞͷళฮͰͷల։͕ٻΊΒΕΔ ত࿨ঁࢠେళ ৽্ׁӽళ

Slide 23

Slide 23 text

ΧϑΣͷ4BB4Խ wϞόΠϧΦʔμʔ΢ΥʔΫεϧʔͷγεςϜΛ  ଞͷళฮࣄۀձ͕ࣾಋೖͰ͖ΔΑ͏ͳߏ੒Ͱ࠶ߏங wΞϓϦઃܭʹϚϧνςφϯτͷߟྀ͕૿͑Δ w8FCωΠςΟϒ-*/&ΞϓϦΛϫϯιʔεͰఏڙ 23

Slide 24

Slide 24 text

։ൃମ੍ wগਓ਺ମ੍Ͱͷ։ൃ wվળΛ܁Γฦ͠ͳ͕Βͷల։  ʢͭ·Γӡ༻อक΋ൃੜ͢Δʣ w4BB4ԽΛ࣮ݱ͢Δʹ͸  ӡ༻อकͷίετ࡟ݮɺ  ։ൃεϐʔυ͕ॏཁ 24

Slide 25

Slide 25 text

4BB4ԽͷλΠϛϯάͰ  ࡾछͷਆثΛద༻ 25

Slide 26

Slide 26 text

ಋೖͷྲྀΕ ΧϑΣΦʔϓϯ 4USJQF $PHOJUP  6TFS1PPMT "VUI $JSDMF$* $PEF#VJME $PEF1JQFMJOF -*/&1BZ ࡾछͷਆث  ಋೖ׬ྃ 4BB4Խ׬ྃ 4BB4Խ։࢝ 2019/2 2019/5 2019/8 ܾࡁ ೝূ CI/CD Ҡߦ Ҡߦ

Slide 27

Slide 27 text

։ൃӡ༻อकΛࢧ͑Δ Developer Friendly 27

Slide 28

Slide 28 text

Developer FriendlyͰ͋Δ͜ͱ w։ൃऀʹͱͬͯͷ։ൃମݧΛॏࢹ w਺෼Ͱར༻։͕࢝Մೳ wΠϯλϥΫςΟϒͳυΩϡϝϯτ ։ൃऀ͕ίετΛ͔͚ͣʹ  ָٕ͘͠ज़Λ࢖͏͜ͱ͕ॏཁ 28

Slide 29

Slide 29 text

wΩϟογϡϨεళฮͱͯ͠ඞਢͰ͋ΔΦϯϥΠϯܾࡁΛ ୹ظؒͰ։ൃɾϦϦʔε wࢼ͠΍͍͢ʢςετ༻ͷΫϨδοτΧʔυ͕࢖͑Δʣ wςετϞʔυͱຊ൪Ϟʔυͷ੾Γସ͕͔͑ΜͨΜ 29

Slide 30

Slide 30 text

30 ͍͟ͱ͍͏ͱ͖ͷฦ͕ۚ ܾࡁཤྺ͔ΒͰ͖ͪΌ͏

Slide 31

Slide 31 text

4USJQF&MFNFOUT 31 ࣗࣾαʔϏεʹ߹Θͤͯ ϑΥʔϜΛΧελϚΠζ https://dev.classmethod.jp/client-side/customize-stripe-elements/

Slide 32

Slide 32 text

w౓্ཱͪ͛ͨϦιʔεΛॊೈʹઃఆมߋͰ͖Δ w3VMFT&YUFOTJPO w-*/&-PHJO΍4JHO*OXJUI"QQMFͳͲͷαϙʔτ wΫϥΠΞϯτຖͷ$POOFDUJPOͷΧελϚΠζ wސ٬ମݧվળͷ1%$"ʹॱԠ͢Δ 32

Slide 33

Slide 33 text

ΫϥΠΞϯτຖʹ$POOFDUJPOΛग़͠෼͚ 33 iOS App Web App SDK SDK Auth0 Sign in with Apple (༧ఆ) LIFF App SDK LINE Login SMS (Passwordless)

Slide 34

Slide 34 text

34 ϩάΠϯͷΤϥʔΛ ௥੻͠΍͍͢

Slide 35

Slide 35 text

wDPOpHZNMΛ࡞Δ͚ͩͰྑ͍ w0SCTͷ׆༻ wϒϥϯνӡ༻ͷखܰ͞ wEFWFMPQNBTUFSSFMFBTF w4MBDL࿈ܞͷ͠΍͢͞ wϦϦʔεαΠΫϧͷεϐʔυΞοϓʹߩݙ 35

Slide 36

Slide 36 text

36 4UBHJOHͰ֬ೝޙ खಈͰঝೝ

Slide 37

Slide 37 text

ࡾछͷਆثʹ  ֦ுΛՃ͑Δ 37

Slide 38

Slide 38 text

4FOUSZ w8FCΞϓϦͷΤϥʔϩάΛ ऩू w։ൃଆͰ͸෼͔Βͳ͍  ະ஌ͷෆ۩߹ͷݕग़ w໰͍߹Θͤௐࠪͷख͕͔Γ 38

Slide 39

Slide 39 text

1VMM1BOEB w(JU)VCͱ4MBDLΛ࿈ܞ͢ΔͨΊͷαʔϏε w1VMM3FRVFTUͷϨϏϡʔґཔΛ௨஌ w೚ҙͷλΠϛϯάͰ4MBDL$IBOOFMʹϦϚΠϯυ 39

Slide 40

Slide 40 text

$ZQSFTT w8FCΞϓϦͷ&&ςετͷ ࣗಈԽπʔϧ w$*$%ʹ૊ΈࠐΉ͜ͱͰ  όά΍σάϨͳͲΛݕ஌ w։ൃͷ଍ΛҾͬுΒͳ͍  Α͏ʹ͢Δ 40

Slide 41

Slide 41 text

΍Γ͍ͨ͜ͱΛ͙͢΍ΔͨΊʹ BTB4FSWJDFΛ࢖͍͜ͳ͢ 41

Slide 42

Slide 42 text

/*)঱ީ܈ w͍ΘΏΔࣗલओٛ wࣗࣾҎ֎ͷ੡඼Λ࢖༻͠ͳ͍ɾܰࢹ͢Δ w݁ՌతʹطଘαʔϏεͷྼԽ൛͕ੜ·ΕͨΓ͢Δ 42 Not Invented Here syndrome ͢΂͕͔ͯࣗࣾΒੜ·ΕΔΘ͚Ͱ͸ͳ͍ɻ  ंྠͷ࠶ൃ໌͕ຊ౰ʹඞཁ͔Ͳ͏͔ߟ͑Δɻ

Slide 43

Slide 43 text

ॴ༗ͱར༻ͷόϥϯε 43 wਝ଎ͳ্ཱͪ͛ wඞཁͳ͚ͩ࢖͏ wαʔϏε࢓༷ۦಈ ॴ༗ ར༻ wࣗࣾ։ൃ wϏδωεͷίΞ wॊೈͳΧελϚΠζ

Slide 44

Slide 44 text

·ͱΊ 44

Slide 45

Slide 45 text

·ͱΊ wελʔτΞοϓ͸εϐʔυճస਺໋͕ wҰൃͰྑ͍΋ͷ͸Ͱ͖ͳ͍ͷͰվળΛ܁Γฦ͢ w%FWFMPQFS'SJFOEMZͳαʔϏεΛ͏·͘࢖͏ w༏ΕͨαʔϏε͸ӡ༻Ͱ΋ͦͷ··࢖͑Δ wࡾछͷਆثͱ૬ੑͷྑ͍αʔϏε΋ซ༻͢Δ wʮ΍Γ͍ͨ͜ͱΛ͙͢΍ΔʯΛͻͨ͢Βߟ͑ͯߦಈ͢Δ 45

Slide 46

Slide 46 text

"VUI4USJQF$JFDMF$*Λ  ϑϧ׆༻ͯ͠  ελʔτΞοϓΛՃ଎ͤ͞Α͏ʂ 46