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

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

Transcript

1. ©2018 Wantedly, Inc. ࣾ಺ϥΠϒϥϦͷ
 Ξοϓσʔτϑϩʔ $*$%
   5FTU
   /JHIU
    ˏXBLXBL 3ZP
   4BLBHVDIJ 2018.11.08 -
2. ©2018 Wantedly, Inc. ΛɺࠓઈࢍߏஙதͰ͢
3. ©2018 Wantedly, Inc. Ryo Sakaguchi • Wantedly People • Android • Kotlin/Sake/Beer/Guitar… • Twitter/GitHub: @wakwak3125
4. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. ͜Μ͹Μ͸!
5. ©2018 Wantedly, Inc. Design System Page Title Page Subtitle
6. ©2018 Wantedly, Inc.  σβΠϯͷڞ௨ԽΛਤΔ
   w ෳ਺ϓϥοτϑΥʔϜΛ·͕ͨͬͨڞ௨Խ
   w $PMPS
   w 5FYU4UZMF
   w #VUUPO
   w BOE
   NPSF
    ڞ௨ԽͰ6*ʹؔ͢Δڞ௨ݴޠΛಘΔ
   w ྫʣΧϥʔͷఆ໊͕ٛશϓϥοτϑΥʔϜΛ௨ͯ͡ಉͩ͡ͱ࿩͠΍͍͢
   w ͳͲ What's DesignSystem in Wantedly?
7. ©2018 Wantedly, Inc.  "UPNJD
   %FTJHO
   w "UPN
   w .PMFDVMF
    .VMUJ
   1MBUGPSN
   w J04
   w "OESPJE
   w 3FBDU/BUJWF
   w 3FBDU What's DesignSystem in Wantedly?
8. ©2018 Wantedly, Inc.  "UPNJD
   %FTJHO
   w "UPN
   w .PMFDVMF
    .VMUJ
   1MBUGPSN
   w J04
   w "OESPJE
   w 3FBDU/BUJWF
   w 3FBDU What's DesignSystem in Wantedly?
9. ©2018 Wantedly, Inc. 8"/5&%-:
   5&$)
   #00, ୈষ
   J04
   Ͱ࣮૷͢Δ
   "UPNJD
   %FTJHO wฐࣾͷJ04ΤϯδχΞ
   !OHULOU
   
   
   
   
   
   ʹΑΔྗ࡞
   wٕज़ॻయͰ൦෍ͨ͠
   w·ͩిࢠ൛͸༻ҙ͍ͯ͠ͳ͍Ͱ͢͝ΊΜͳ͍͞
   wڵຯ͋Δํ͸੠͔͚͍ͯͩ͘͞ʂͳΜΒ͔ͷܗͰର ԠͰ͖·͢ɻ
   wࢲ΋ஶऀͰ͢ "UPNJD
   %FTJHO
   JO
   8BOUFEMZ
10. ©2018 Wantedly, Inc.  3FQPTJUPSZ
    w Ͳ͜ʹϥΠϒϥϦΛ഑৴͢Δ͔
    w ͳΔ΂͘ηΩϡΞ͚ͩͲɺීஈ͸ηΩϡϦςΟΛҙࣝͨ͘͠ͳ͍
     6QEBUF
    w ৗʹ࠷৽ͷ΋ͷΛ҆શʹ࢖͍͍ͨɻ
 ͦͯ͠$)"/(&-0(΋ͪΌΜͱ஌Γ͍ͨɻ ߟ͑Δඞཁͷ͋Δ͜ͱ
11. ©2018 Wantedly, Inc.  3FQPTJUPSZ
    w "84
    4Λ࢖͏
    w (SBEMFͳΒ
    Tʜ
    Λ௚઀࢖༻͢Δ͜ͱ͕Մೳ Repository
12. ©2018 Wantedly, Inc.  3FQPTJUPSZ
    w "84
    4Λ࢖͏
    w (SBEMF͔Β
    TʜΛ௚઀࢖༻͢Δ͜ͱ͕Մೳ Repository
13. ©2018 Wantedly, Inc.  3FQPTJUPSZ
    w "84
    4Λ࢖͏
    w (SBEMF͔Β
    TʜΛ௚઀࢖༻͢Δ͜ͱ͕Մೳ
    w ࣾ಺ͷωοτϫʔΫ͔ΒͷΈΞΫηε͕Ͱ͖ΔΑ͏ʹ͢Δ
    w ࣾ֎͔Β͸71/Λ࢖༻͢Δ
    w $*্Ͱ͸ΫϨσϯγϟϧΛ4FDSFUT͔ΒಡΈࠐΉ Repository
14. ©2018 Wantedly, Inc.  6QEBUF
    w ৗʹ࠷৽ͷ΋ͷΛ࢖͍͍ͨ Update
15. ©2018 Wantedly, Inc.  6QEBUF
    w ৗʹ࠷৽ͷ΋ͷΛ࢖͍͍ͨ Update
16. ©2018 Wantedly, Inc.  6QEBUF
    w ৗʹ࠷৽ͷ΋ͷΛ࢖͍͍ͨ Update ͜Θ͘ͳ͍ʁ
17. ©2018 Wantedly, Inc.  6QEBUF
    w ৗʹ࠷৽ͷ΋ͷΛ࢖͍͍ͨ Update ࠷৽ͷ΋ͷΛʮ҆શʯʹ࢖͍͍ͨ
18. ©2018 Wantedly, Inc. ҆શͳϑϩʔΛߟ͑ͨ
19. ©2018 Wantedly, Inc.  ߋ৽ʹؾ͚ͮΔ
    w 1VMM
    3FRVFTU͕౤͛ΒΕΔͷͰɺҙਤͯ͠Ϛʔδ͠ͳ͍ݶΓߋ৽͞Εͳ͍
     6*ςετΛ࣮ߦͰ͖Δ
    w %FTJHO4ZTUFNϥΠϒϥϦͷߋ৽ʹΑΔͿͬյΕΛ๷͛Δ
    w εΫϦʔϯγϣοτΛϦϙδτϦ؅ཧ͓͚ͯ͠͹ɺ1VMM3FRVFTUͰࠩ෼νΣοΫͰ͖Δ
    w ͜ͷลΓ͸ؤுΓ͗͢ͳ͍ɻඞཁͳͱ͜Ζ͚ͩগͣͭ͠΍͍͚ͬͯ͹ྑ͍ͱࢥ͏ɻ
     ৗʹ࠷৽ͷσβΠϯΞοϓσʔτΛऔΓࠐΊΔ
    w σβΠφͷҙࢥΛ࠷଎ͰΞϓϦʹ൓өͰ͖Δ ҆શͳUpdateϑϩʔͷϝϦοτ
20. ©2018 Wantedly, Inc.  J04ʹ΋ಉ͡࢓૊ΈΛల։͢Δ
    w ݱࡏ͸"OESPJEͷΈͰج൫ͮ͘Γ͕ਐΜͰ͍Δɻ%FTJHO4ZTUFNࣗମ͸J04ʹ΋
 ༻ҙ͞Ε͍ͯΔͷͰಉ༷ͷ࢓૊ΈΛऔΓೖΕ͍ͨɻ
     %FTJHO4ZTUFNࣗ਎ͷߋ৽࡞ۀΛࣗಈԽ͢Δ
    w 8BOUFEMZͰ͸
    XBOUFEMZJDPOT΍XBOUFEMZDPMPSTͱ͍͏ϦϙδτϦͰϦιʔε
 ؅ཧΛ͍ͯ͠Δɻ
    w ͜ͷϦϙδτϦͷมߋΛ֤ϓϥοτϑΥʔϜͷ%FTJHO4ZTUFNϥΠϒϥϦʹ޲͚ͯ1VMM3FRVFTU
 Λ౤͛Δ࢓૊Έ͕Ͱ͖Ε͹͍ͩͿෛ୲͕ݮΔ ࠓޙͪΌΜͱ΍Γ͍ͨ͜ͱ
21. ϖʔδλΠτϧ ϖʔδαϒλΠτϧ ©2018 Wantedly, Inc. ͋Γ͕ͱ͏͍͟͝·ͨ͠