Developerが Developer Advocateになった話 / dev-rel-meetup-tokyo-71

Transcript

1. Developer͕
   
   
   Developer Advocateʹͳͬͨ࿩
   DevRel Meetup in Tokyo #71 ʙDevRelϑΝʔετεςοϓʙ
   Hidetaka Okamoto 2022/2/2 #devreljp
   

   View Slide

2. Ԭຊलߴ
   
   
   @hide__dev
   • Stripe Developer Advocate
   
   
   • JS / TS Developer
   
   
   • AWS / Next.js / Serverless /
   shopify / …
   
   
   • 🐈
   #devreljp
   

   View Slide

3. ίϯςϯπ഑৴
   https://qiita.com/organizations/
   stripe
   
   
   https://twitter.com/hide__dev
   
   
   #JP_Stripes
   
   
   #devreljp
   

   View Slide

4. SNSΤΰα
   • Stripeʹؔ͢Δ࿩୊ΛνΣοΫ
   
   
   • ࠔ͍ͬͯΔਓʹ͸ɺ
   

   αϙʔτͷҊ಺ͳͲΛ࣮ࢪ
   
   
   • ࿈πΠͳͲͰͷ৘ใൃ৴΋
   

   ΍Γ͍ͨ
   #devreljp
   

   View Slide

5. OSS contribution / Maintain Sample Application
   

   View Slide

6. ͦͷ΄͔΍͍ͬͯΔ͜ͱʢҰ෦ʣ
   • ։ൃऀίϛϡχςΟ΁ͷࢀՃɾొஃ
   
   
   • ϫʔΫγϣοϓ౳ͷίϯςϯπاը
   
   
   • StripeͷΞοϓσʔτχϡʔεϨλʔ຋༁
   
   
   • ίϛϡχςΟɾOSSࢧԉϓϩάϥϜ
   
   
   • ࣾ಺νʔϜͱ։ൃऀͷڮ౉͠
   #devreljp
   

   View Slide

7. Agenda
   • Developer͕Developer AdvocateʹͳΖ͏ͱͨ͠
   
   
   • Developer AdvocateʹͳͬͯΈͯ
   
   
   • ͓ΘΓʹ
   #devreljp
   

   View Slide

8. Agenda
   • Developer͕Developer AdvocateʹͳΖ͏ͱͨ͠
   
   
   • Developer AdvocateʹͳͬͯΈͯ
   
   
   • ͓ΘΓʹ
   #devreljp
   

   View Slide

9. 2021/12ʹStripeʹδϣΠϯ͠·ͨ͠
   

   View Slide

10. ͳͥస৬ʁ
    • લ৬ΛࣙΊ͍ͨؾ࣋ͪ͸͋·Γͳ͔ͬͨ
    
    
    • യવͱʮ΋ࣙ͠ΊΔͳΒɺͲ͜ʹߦ͔͘ͳʔʯΛߟ͑Δఔ౓
    
    
    • Ͳ͏ͤస৬͢ΔͳΒɺͰ͔͍ͱ͜ΖʹνϟϨϯδ͍ͨ͠
    
    
    • Stripe ? AWS ? Amazon ? Shopify ?
    
    
    • ൒෼࿹ࢼ͠Ͱडݧͯ͠ɺ಺ఆ͕ܾ·ͬͨͷͰࣙΊͨ
    #devreljp
    

    View Slide

11. ͳͥStripeʁ
    • લ৬·Ͱͷܦݧ஋͕׆͔ͤͦ͏ͩͬͨͷ͕Stripe or AWS
    
    
    • ίϛϡχςΟͰɺதͷਓʹཁ๬ΛΑ͘ݴ͍ͬͯͨͷ͕Stripe
    
    
    • ʮΞοϓσʔτͷ·ͱΊɾ଎ใهࣄ͕೔ຊޠͰཉ͍͠ʯ etc
    
    
    • ෦෼తͳ͕Βɺதͷਓͷηογϣϯʹิ଍ίϝϯτͰ͖ͨͷ͕Stripe
    
    
    • ʮɾɾɾ͡Ό͋ࣗ෼Ͱ΍Ε͹Α͘ͳ͍ʁʯ
    #devreljp
    

    View Slide

12. ͳͥDev Relํ໘ʹʁ
    • ࠷ॳ͸TSE(Technical Solutions Engineer)ͰԠื
    
    
    • DAͷ೔ຊ࠾༻͸΋ͱ΋ͱແ͔ͬͨ
    
    
    • ৬छΑΓ΋ɺʮ΍Γ͍ͨ͜ͱ͕Ͱ͖Ε͹͍͍΍ʯͰԠื
    
    
    • ʮ͜͏͍͏͜ͱͰ͖ͳ͍͔ʁʯΛબߟલͷ໘ஊʹ࣋ͪࠐΜͩ
    
    
    • ʮͦΕͳΒDAͷ΄͏͕͍͍Μ͡Όͳ͍ʁʯ -> DevRel΁
    #devreljp
    

    View Slide

13. ࣋ͪࠐΜͩࢿྉͷΠϝʔδ(Amazonࣾ಺PRܗࣜ)
    

    View Slide

14. ݁ՌతʹɺDevRelͷಓʹਐΉ͜ͱʹͳͬͨ
    • ʮ΍Γ͍ͨ͜ͱʯͱʮͰ͖Δ͜ͱʯʮͰ͖Δ৔ॴʯͷҰக
    
    
    • ʮDevͷࣗ෼͕ɺ͋ͷ࣌ཉ͔ͬͨ͠ϞϊʯΛ
    

    اըॻ΍໘઀Ͱͷ࿩୊ʹར༻ͨ͠
    
    
    • ʮೖࣾͯ͠Կ͕͍͔ͨ͠ʯΛ໌֬ʹ͢Δ͜ͱͰɺ
    

    ืूͷແ͔ͬͨϙδγϣϯʹब͚Δ͜ͱ΋͋Δ
    #devreljp
    

    View Slide

15. Agenda
    • Developer͕Developer AdvocateʹͳΖ͏ͱͨ͠
    
    
    • Developer AdvocateʹͳͬͯΈͯ
    
    
    • ͓ΘΓʹ
    #devreljp
    

    View Slide

16. ͍·΍͍ͬͯΔ͜ͱ
    • ೔ຊޠͰͷ։ൃऀ޲͚ίϯςϯπ࡞੒
    
    
    • ϕʔλɾ৽ػೳͷυοάϑʔσΟϯά΍αϯϓϧΞϓϦ࡞੒
    
    
    • OSS։ൃऀ΍ϢʔβʔاۀΛ֤νʔϜʹ঺հ
    
    
    • ಈը഑৴ͷ४උ / ΧϯϑΝϨϯε౳΁ͷCFPఏग़
    
    
    • ੡඼΍SQLɾGA4ͷษڧ
    #devreljp
    

    View Slide

17. มΘΒͳ͔ͬͨ͜ͱ
    • ίʔυΛॻ࣌ؒ͘͸θϩʹͳΒͳ͍
    
    
    • ৽ػೳɾ৽੡඼ͷνϡʔτϦΞϧ
    
    
    • αϯϓϧΞϓϦɾOSSϓϩμΫτͷࢧԉ
    
    
    • Ұൠެ։͞Ε͍ͯΔυΩϡϝϯτ͸ΊͬͪΌಡΉ
    
    
    • ࣾ಺ݶఆver͸ʮ·ͩग़ͯ͠͸͍͚ͳ͍৘ใʯ͕͋Δ
    
    
    • ίϯςϯπԽ͢Δࡍʹ͸ɺެ։αΠτଆͰ֬ೝ͢Δ #devreljp
    

    View Slide

18. ҙࣝ͢Δ͜ͱ͕૿͑ͨ΋ͷ
    • ୭ʹ޲͚ͯॻ͍͍ͯΔͷ͔ʁ
    
    
    • ࠓ·Ͱ:ʮੲ/ະདྷͷࣗ෼ʹ޲͚ͯʯίϯςϯπΛॻ͍͍ͯͨ
    
    
    • ԿΛ఻͍͑ͨͷ͔ʁ
    
    
    • ࠓ·Ͱ͸ɺʮࣗ෼͕ԿΛ΍͔ͬͨʯΛ఻͑ΔͨΊʹॻ͍͍ͯͨ
    
    
    • ͦΕ͸఻Θͬͨͷ͔ʁ
    
    
    • ʮ͋ͷهࣄੲॻ͍ͯͨͳʔʯͰࣗ෼͕࠶๚ͨ͠ΒOKͩͬͨ
    #devreljp
    

    View Slide

19. ΋ͬͱษڧ͓͚ͯ͠͹Α͔ͬͨͱࢥͬͨ͜ͱ
    • SQLɿ ࣾ಺ͷσʔλΛௐ΂͍ͨ࣌ʹඞཁͩͬͨ
    
    
    • ӳձ࿩ʢಛʹϦεχϯάʣɿνʔϜ།Ұͷ೔ຊਓ
    
    
    • ๏཯ʢݸਓ৘ใɾ௨ൢܥʣɿʮ୭͔ڭ͑ͯʯΛݴΘΕΔଆʹͳͬͨ
    #devreljp
    

    View Slide

20. Agenda
    • Developer͕Developer AdvocateʹͳΖ͏ͱͨ͠
    
    
    • Developer AdvocateʹͳͬͯΈͯ
    
    
    •͓ΘΓʹ
    #devreljp
    

    View Slide

21. ϑΝϯ&ϢʔβʔͷΞυόϯςʔδ͸͋Δ
    • গͳ͘ͱ΋ɺࣗ෼͕ؔΘ͍ͬͯͨϢʔεέʔε͸ޠΕΔ
    
    
    • Ϣʔεέʔε͸தͷਓʹͱͬͯوॏͳ৘ใ
    
    
    • ৮͍ͬͯͨ੡඼ͷ஌͕ࣝ͋Δ෼ɺΦϯϘʔσΟϯά΋ଟগָʹͳΔ
    
    
    • ͨͩ͠ɺʮϑΝϯؾ෼Ͱͷ৘ใൃ৴ʯ͸ٻΊΒΕ͍ͯͳ͍
    
    
    • ʮॳ৺๨Δ΂͔Βͣʯ - ੈѨ໻
    #devreljp
    

    View Slide

22. Stripe / Jamstack / WordPress <> AWS
    
    
    ొஃػձ୳ͯ͠·͢
    • Stripe Webhook -> AWS Step Functions / AppSync / etc…
    
    
    • Stripe SDK <> Lambda / Secrets Manager / AWS Amplify / etc…
    
    
    • AWS Amplify <> Next.js / Gatsby / Ionic / Capacitor / etc…
    
    
    • WordPress <> EC2 / Systems Manager / CloudFront / etc…
    #devreljp
    

    View Slide