Slide 1

Slide 1 text

©2018 Wantedly, Inc. ࣾ಺ϥΠϒϥϦͷ
 Ξοϓσʔτϑϩʔ $*$%5FTU/JHIU ˏXBLXBL 3ZP4BLBHVDIJ 2018.11.08 -

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

©2018 Wantedly, Inc. 3FQPTJUPSZ w Ͳ͜ʹϥΠϒϥϦΛ഑৴͢Δ͔ w ͳΔ΂͘ηΩϡΞ͚ͩͲɺීஈ͸ηΩϡϦςΟΛҙࣝͨ͘͠ͳ͍ 6QEBUF w ৗʹ࠷৽ͷ΋ͷΛ҆શʹ࢖͍͍ͨɻ
 ͦͯ͠$)"/(&-0(΋ͪΌΜͱ஌Γ͍ͨɻ ߟ͑Δඞཁͷ͋Δ͜ͱ

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

©2018 Wantedly, Inc. J04ʹ΋ಉ͡࢓૊ΈΛల։͢Δ w ݱࡏ͸"OESPJEͷΈͰج൫ͮ͘Γ͕ਐΜͰ͍Δɻ%FTJHO4ZTUFNࣗମ͸J04ʹ΋
 ༻ҙ͞Ε͍ͯΔͷͰಉ༷ͷ࢓૊ΈΛऔΓೖΕ͍ͨɻ %FTJHO4ZTUFNࣗ਎ͷߋ৽࡞ۀΛࣗಈԽ͢Δ w 8BOUFEMZͰ͸XBOUFEMZJDPOT΍XBOUFEMZDPMPSTͱ͍͏ϦϙδτϦͰϦιʔε
 ؅ཧΛ͍ͯ͠Δɻ w ͜ͷϦϙδτϦͷมߋΛ֤ϓϥοτϑΥʔϜͷ%FTJHO4ZTUFNϥΠϒϥϦʹ޲͚ͯ1VMM3FRVFTU
 Λ౤͛Δ࢓૊Έ͕Ͱ͖Ε͹͍ͩͿෛ୲͕ݮΔ ࠓޙͪΌΜͱ΍Γ͍ͨ͜ͱ

Slide 21

Slide 21 text

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