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

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

Ryo Sakaguchi
November 08, 2018

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

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

Ryo Sakaguchi

November 08, 2018
Tweet

More Decks by Ryo Sakaguchi

Other Decks in Programming

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