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

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

suwa yuki
December 17, 2019

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

2019年12月17日に開催した「#Go_SaaS 三種の神器 オンボーディングセミナー#4(東京)」で発表した「Developers.IO CAFEの SaaS化を支えた三種の神器 - Developer Friendlyの重要性 -」のスライド資料です。

10月に同様のお話をさせていただきましたが、それから2ヶ月後のアップデートを加えて「V2」として公開しました。

suwa yuki

December 17, 2019
Tweet

More Decks by suwa yuki

Other Decks in Technology

Transcript

  1. Classmethod / Yuki Suwa / 2019.12.17
    %FWFMPQFST*0$"'&ͷ
    4BB4ԽΛࢧ͑ͨࡾछͷਆث
    (P@4BB4ࡾछͷਆث

    ΦϯϘʔσΟϯάηϛφʔ ౦ژ

    %FWFMPQFS'SJFOEMZͷॏཁੑ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  6. "VUIύʔτφʔͱͯ͠
    6
    Resell Consulting Development
    "84ͱͷ

    ૊Έ߹ΘͤͰ

    ͓҆͘ܖ໿
    ೝূγεςϜͷઃܭ΍

    ߏஙࢧԉΛ௨ͯ͠

    εϐʔσΟʹಋೖ
    "VUIΛ࢖ͬͨ

    ΞϓϦέʔγϣϯΛ

    νʔϜͰ։ൃ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  9. 9
    औΓ૊Έͷ͝঺հ

    View full-size slide

  10. IDEA BUILD PROVIDE
    ͜Ε͔ΒͷτϨϯυΛ

    ૉૣ͘Πϯϓοτ͠

    ৽͍͠ސ٬ମݧΛ૑଄
    ৽͍͠ιϦϡʔγϣϯ
    ΛϓϩτλΠϐϯά͠

    վળΛ܁Γฦ͢
    ݕূࡁΈͷ΋ͷΛ

    ൚༻Խ͠

    αʔϏεͱͯ͠ఏڙ

    View full-size slide

  11. ࠷ۙͷྲྀΕ
    11
    ࣄۀձࣾ *5اۀ

    View full-size slide

  12. Services
    Mobile Order Walkthrough
    དྷళલʹεϚϗͰυϦϯΫΛ஫จɺ

    ଴ͪ࣌ؒͳ͠Ͱ͙͢ʹड͚औΓɻ
    ཉ͍͠঎඼Λࣗ༝ʹखʹऔΓɺ

    ୀళ͢ΔͱϨδϨεͰࣗಈܾࡁɻ

    View full-size slide

  13. ࢝Ί͖͔͚ͨͬ͸

    13

    View full-size slide

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

    View full-size slide

  15. ͱʹ͔͘ߴ଎ʹ

    ԾઆݕূΛ܁Γฦ͢
    16

    View full-size slide

  16. 17
    ໿ϲ݄ͰΦʔϓϯʂ

    View full-size slide

  17. શһ͕ళฮʹू·ΓվળΛ܁Γฦ͢
    18
    6


    $" !#




    View full-size slide

  18. ٻΊΒΕΔ4BB4Խ
    21

    View full-size slide

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

    View full-size slide

  20. ΧϑΣͷ4BB4Խ
    wϞόΠϧΦʔμʔ΢ΥʔΫεϧʔͷγεςϜΛ

    ଞͷళฮࣄۀձ͕ࣾಋೖͰ͖ΔΑ͏ͳߏ੒Ͱ࠶ߏங
    wΞϓϦઃܭʹϚϧνςφϯτͷߟྀ͕૿͑Δ
    w8FCωΠςΟϒ-*/&ΞϓϦΛϫϯιʔεͰఏڙ
    23

    View full-size slide

  21. ։ൃମ੍
    wগਓ਺ମ੍Ͱͷ։ൃ
    wվળΛ܁Γฦ͠ͳ͕Βͷల։

    ʢͭ·Γӡ༻อक΋ൃੜ͢Δʣ
    w4BB4ԽΛ࣮ݱ͢Δʹ͸

    ӡ༻อकͷίετ࡟ݮɺ

    ։ൃεϐʔυ͕ॏཁ
    24

    View full-size slide

  22. 4BB4ԽͷλΠϛϯάͰ

    ࡾछͷਆثΛద༻
    25

    View full-size slide

  23. ಋೖͷྲྀΕ
    ΧϑΣΦʔϓϯ
    4USJQF
    $PHOJUP

    6TFS1PPMT
    "VUI
    $JSDMF$*
    $PEF#VJME
    $PEF1JQFMJOF
    -*/&1BZ
    ࡾछͷਆث

    ಋೖ׬ྃ
    4BB4Խ׬ྃ
    4BB4Խ։࢝
    2019/2 2019/5 2019/8
    ܾࡁ
    ೝূ
    CI/CD Ҡߦ
    Ҡߦ

    View full-size slide

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

    View full-size slide

  25. Developer FriendlyͰ͋Δ͜ͱ
    w։ൃऀʹͱͬͯͷ։ൃମݧΛॏࢹ
    w਺෼Ͱར༻։͕࢝Մೳ
    wΠϯλϥΫςΟϒͳυΩϡϝϯτ
    ։ൃऀ͕ίετΛ͔͚ͣʹ

    ָٕ͘͠ज़Λ࢖͏͜ͱ͕ॏཁ
    28

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  34. ࡾछͷਆثʹ

    ֦ுΛՃ͑Δ
    37

    View full-size slide

  35. 4FOUSZ
    w8FCΞϓϦͷΤϥʔϩάΛ
    ऩू
    w։ൃଆͰ͸෼͔Βͳ͍

    ະ஌ͷෆ۩߹ͷݕग़
    w໰͍߹Θͤௐࠪͷख͕͔Γ
    38

    View full-size slide

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

    View full-size slide

  37. $ZQSFTT
    w8FCΞϓϦͷ&&ςετͷ
    ࣗಈԽπʔϧ
    w$*$%ʹ૊ΈࠐΉ͜ͱͰ

    όά΍σάϨͳͲΛݕ஌
    w։ൃͷ଍ΛҾͬுΒͳ͍

    Α͏ʹ͢Δ
    40

    View full-size slide

  38. ΍Γ͍ͨ͜ͱΛ͙͢΍ΔͨΊʹ
    BTB4FSWJDFΛ࢖͍͜ͳ͢
    41

    View full-size slide

  39. /*)঱ީ܈
    w͍ΘΏΔࣗલओٛ
    wࣗࣾҎ֎ͷ੡඼Λ࢖༻͠ͳ͍ɾܰࢹ͢Δ
    w݁ՌతʹطଘαʔϏεͷྼԽ൛͕ੜ·ΕͨΓ͢Δ
    42
    Not Invented Here syndrome
    ͢΂͕͔ͯࣗࣾΒੜ·ΕΔΘ͚Ͱ͸ͳ͍ɻ

    ंྠͷ࠶ൃ໌͕ຊ౰ʹඞཁ͔Ͳ͏͔ߟ͑Δɻ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  42. "VUI4USJQF$JFDMF$*Λ

    ϑϧ׆༻ͯ͠

    ελʔτΞοϓΛՃ଎ͤ͞Α͏ʂ
    46

    View full-size slide