社内ライブラリのアップデートフロー

社内のデザインシステムライブラリの更新フローのお話です

Transcript

1. ©2018 Wantedly, Inc.
   ࣾ಺ϥΠϒϥϦͷ

   Ξοϓσʔτϑϩʔ
   $*$%5FTU/JHIU
   ˏXBLXBL 3ZP4BLBHVDIJ
   
   2018.11.08 -
   

   View Slide

2. ©2018 Wantedly, Inc.
   ΛɺࠓઈࢍߏஙதͰ͢
   

   View Slide

3. ©2018 Wantedly, Inc.
   Ryo Sakaguchi
   • Wantedly People
   • Android
   • Kotlin/Sake/Beer/Guitar…
   • Twitter/GitHub: @wakwak3125
   

   View Slide

4. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ
   ©2018 Wantedly, Inc.
   ͜Μ͹Μ͸!
   

   View Slide

5. ©2018 Wantedly, Inc.
   Design System
   Page Title Page Subtitle
   

   View Slide

6. ©2018 Wantedly, Inc.
   σβΠϯͷڞ௨ԽΛਤΔ
   w ෳ਺ϓϥοτϑΥʔϜΛ·͕ͨͬͨڞ௨Խ
   w $PMPS
   w 5FYU4UZMF
   w #VUUPO
   w BOENPSF
   ڞ௨ԽͰ6*ʹؔ͢Δڞ௨ݴޠΛಘΔ
   w ྫʣΧϥʔͷఆ໊͕ٛશϓϥοτϑΥʔϜΛ௨ͯ͡ಉͩ͡ͱ࿩͠΍͍͢
   w ͳͲ
   What's DesignSystem in Wantedly?
   

   View Slide

7. ©2018 Wantedly, Inc.
   "UPNJD%FTJHO
   w "UPN
   w .PMFDVMF
   .VMUJ1MBUGPSN
   w J04
   w "OESPJE
   w 3FBDU/BUJWF
   w 3FBDU
   What's DesignSystem in Wantedly?
   

   View Slide

8. ©2018 Wantedly, Inc.
   "UPNJD%FTJHO
   w "UPN
   w .PMFDVMF
   .VMUJ1MBUGPSN
   w J04
   w "OESPJE
   w 3FBDU/BUJWF
   w 3FBDU
   What's DesignSystem in Wantedly?
   

   View Slide

9. ©2018 Wantedly, Inc.
   8"/5&%-:5&$)#00,
   ୈষJ04Ͱ࣮૷͢Δ"UPNJD%FTJHO
   wฐࣾͷJ04ΤϯδχΞ!OHULOUʹΑΔྗ࡞
   wٕज़ॻయͰ൦෍ͨ͠
   w·ͩిࢠ൛͸༻ҙ͍ͯ͠ͳ͍Ͱ͢͝ΊΜͳ͍͞
   wڵຯ͋Δํ͸੠͔͚͍ͯͩ͘͞ʂͳΜΒ͔ͷܗͰର
   ԠͰ͖·͢ɻ
   wࢲ΋ஶऀͰ͢
   "UPNJD%FTJHOJO8BOUFEMZ
   

   View Slide

10. ©2018 Wantedly, Inc.
    3FQPTJUPSZ
    w Ͳ͜ʹϥΠϒϥϦΛ഑৴͢Δ͔
    w ͳΔ΂͘ηΩϡΞ͚ͩͲɺීஈ͸ηΩϡϦςΟΛҙࣝͨ͘͠ͳ͍
    6QEBUF
    w ৗʹ࠷৽ͷ΋ͷΛ҆શʹ࢖͍͍ͨɻ

    ͦͯ͠$)"/(&-0(΋ͪΌΜͱ஌Γ͍ͨɻ
    ߟ͑Δඞཁͷ͋Δ͜ͱ
    

    View Slide

11. ©2018 Wantedly, Inc.
    3FQPTJUPSZ
    w "844Λ࢖͏
    w (SBEMFͳΒTʜΛ௚઀࢖༻͢Δ͜ͱ͕Մೳ
    Repository
    

    View Slide

12. ©2018 Wantedly, Inc.
    3FQPTJUPSZ
    w "844Λ࢖͏
    w (SBEMF͔ΒTʜΛ௚઀࢖༻͢Δ͜ͱ͕Մೳ
    Repository
    

    View Slide

13. ©2018 Wantedly, Inc.
    3FQPTJUPSZ
    w "844Λ࢖͏
    w (SBEMF͔ΒTʜΛ௚઀࢖༻͢Δ͜ͱ͕Մೳ
    w ࣾ಺ͷωοτϫʔΫ͔ΒͷΈΞΫηε͕Ͱ͖ΔΑ͏ʹ͢Δ
    w ࣾ֎͔Β͸71/Λ࢖༻͢Δ
    w $*্Ͱ͸ΫϨσϯγϟϧΛ4FDSFUT͔ΒಡΈࠐΉ
    Repository
    

    View Slide

14. ©2018 Wantedly, Inc.
    6QEBUF
    w ৗʹ࠷৽ͷ΋ͷΛ࢖͍͍ͨ
    Update
    

    View Slide

15. ©2018 Wantedly, Inc.
    6QEBUF
    w ৗʹ࠷৽ͷ΋ͷΛ࢖͍͍ͨ
    Update
    

    View Slide

16. ©2018 Wantedly, Inc.
    6QEBUF
    w ৗʹ࠷৽ͷ΋ͷΛ࢖͍͍ͨ
    Update
    ͜Θ͘ͳ͍ʁ
    

    View Slide

17. ©2018 Wantedly, Inc.
    6QEBUF
    w ৗʹ࠷৽ͷ΋ͷΛ࢖͍͍ͨ
    Update
    ࠷৽ͷ΋ͷΛʮ҆શʯʹ࢖͍͍ͨ
    

    View Slide

18. ©2018 Wantedly, Inc.
    ҆શͳϑϩʔΛߟ͑ͨ
    

    View Slide

19. ©2018 Wantedly, Inc.
    ߋ৽ʹؾ͚ͮΔ
    w 1VMM3FRVFTU͕౤͛ΒΕΔͷͰɺҙਤͯ͠Ϛʔδ͠ͳ͍ݶΓߋ৽͞Εͳ͍
    6*ςετΛ࣮ߦͰ͖Δ
    w %FTJHO4ZTUFNϥΠϒϥϦͷߋ৽ʹΑΔͿͬյΕΛ๷͛Δ
    w εΫϦʔϯγϣοτΛϦϙδτϦ؅ཧ͓͚ͯ͠͹ɺ1VMM3FRVFTUͰࠩ෼νΣοΫͰ͖Δ
    w ͜ͷลΓ͸ؤுΓ͗͢ͳ͍ɻඞཁͳͱ͜Ζ͚ͩগͣͭ͠΍͍͚ͬͯ͹ྑ͍ͱࢥ͏ɻ
    ৗʹ࠷৽ͷσβΠϯΞοϓσʔτΛऔΓࠐΊΔ
    w σβΠφͷҙࢥΛ࠷଎ͰΞϓϦʹ൓өͰ͖Δ
    ҆શͳUpdateϑϩʔͷϝϦοτ
    

    View Slide

20. ©2018 Wantedly, Inc.
    J04ʹ΋ಉ͡࢓૊ΈΛల։͢Δ
    w ݱࡏ͸"OESPJEͷΈͰج൫ͮ͘Γ͕ਐΜͰ͍Δɻ%FTJHO4ZTUFNࣗମ͸J04ʹ΋

    ༻ҙ͞Ε͍ͯΔͷͰಉ༷ͷ࢓૊ΈΛऔΓೖΕ͍ͨɻ
    %FTJHO4ZTUFNࣗ਎ͷߋ৽࡞ۀΛࣗಈԽ͢Δ
    w 8BOUFEMZͰ͸XBOUFEMZJDPOT΍XBOUFEMZDPMPSTͱ͍͏ϦϙδτϦͰϦιʔε

    ؅ཧΛ͍ͯ͠Δɻ
    w ͜ͷϦϙδτϦͷมߋΛ֤ϓϥοτϑΥʔϜͷ%FTJHO4ZTUFNϥΠϒϥϦʹ޲͚ͯ1VMM3FRVFTU

    Λ౤͛Δ࢓૊Έ͕Ͱ͖Ε͹͍ͩͿෛ୲͕ݮΔ
    ࠓޙͪΌΜͱ΍Γ͍ͨ͜ͱ
    

    View Slide

21. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ
    ©2018 Wantedly, Inc.
    ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide