Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
デザインシステム仕切り直し
Search
Tsuyoshi HARA
November 19, 2023
Technology
3.4k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
デザインシステム仕切り直し
JSConf JP 2023 のスポンサーセッションで発表した、ウォンテッドリーのデザインシステムについての取り組み・失敗についてのスライドです。
Tsuyoshi HARA
November 19, 2023
Transcript
69 slides
©2023 Wantedly, Inc. σβΠϯγεςϜΓ͠ +4$POG+1εϙϯαʔηογϣϯ Nov 19, 2023 - Tsuyoshi
Hara
©2023 Wantedly, Inc. ݪ߶࢜ 5TVZPTIJ)BSB !DIMPF 8BOUFEMZ *OD 'SPOUFOE$IBQUFS-FBE αʔϏεάϩʔεΛ͠ͳ͕ΒɺΥϯςουϦʔશମͷ
ϑϩϯτΤϯυͷվળʹऔΓΜͰ͍Δɻ ࠷ۙͷझຯ#"#:.&5"- ࠷ۙؾʹͳ͍ͬͯΔٕज़(SBQI2-.FTI ࣗݾհ
©2023 Wantedly, Inc. σβΠϯγεςϜ࣮ݱʹ͚ͨ ࢼߦࡨޡɾࣦഊͷྺ࢙ ϝΠϯςʔϚ
©2023 Wantedly, Inc. ࣍ ΥϯςουϦʔͷհ ΥϯςουϦʔͷσβΠϯγεςϜ ͜Ε·ͰͷσβΠϯγεςϜ࣮ݱͷऔΓΈ
͜Ε͔Β
©2023 Wantedly, Inc. ࣍ ΥϯςουϦʔͷհ ΥϯςουϦʔͷσβΠϯγεςϜ ͜Ε·ͰͷσβΠϯγεςϜ࣮ݱͷऔΓΈ
͜Ε͔Β
6 © 2021 Wantedly, Inc. ڀۃͷదࡐదॴʹΑΓɺ γΰτͰίίϩΦυϧͻͱΛ;͢ OUR MISSION ࢲͨͪͷϛογϣϯ
WHY ʛ ࢲͨͪͷϛογϣϯ / ղܾ͍ͨ͠՝
©2023 Wantedly, Inc. ձࣾʹ༡ͼʹߦ͜͏ ňΧδϡΞϧ໘ஊʯͱ͍͏ࣄ୳͠ͷ৽ج४ • ਓͱνʔϜΛʮ͍ʯͰϚονϯά • ňΛฉ͖ʹߦ͘ʯମݧΛ௨ͯ͡ϑϥοτͳग़ձ͍Λग़ ਐԽΛଓ͚ΔUIͱج൫
• ίϯςϯπ͕ө͑ΔϞμϯͰγϯϓϧͳUIදݱ • ΑΓຊ࣭తͳϚονϯάΛՄೳʹ͢ΔਪનΞϧΰϦζϜ ఏڙϓϩμΫτ ݸਓ͚
©2023 Wantedly, Inc. WHATʛ ݸਓ͚αʔϏε / ๏ਓ͚αʔϏε ͨΒ͘ਓͷ جຊ ID
PROFILE ఏڙϓϩμΫτ ݸਓ͚ ҰਓͻͱΓͷັྗΛΘΓ͘͢ • ͍ͱߦಈΛ࣠ʹͦͷਓͷετʔϦʔ͕ݟ͑Δ
©2023 Wantedly, Inc. ఏڙϓϩμΫτ ࠾༻ͷ͋ΓํΛม͑Δ SaaSϓϩμΫτ HIRING ๏ਓ͚ 4ສࣾͷاۀϢʔβʔ •
ITɾελʔτΞοϓاۀΛத৺ʹ༷ʑͳձࣾͰ׆༻͞Ε͍ͯ·͢ Ռใुͳ͠ͷఆ੍ֹྉۚϞσϧ • ӡ༻ͷ࣍ୈͰɺ͑͏΄Ͳ࠾༻ޮՌΛൃش͠·͢
©2023 Wantedly, Inc. ೖࣾޙͷఆணɺ ׆༂Λଅ͢ ENGAGEMENT ఏڙϓϩμΫτ ๏ਓ͚ ɾϞνϕʔγϣϯɾϚωδϝϯταʔϏεʮPulseʯ Slack࿈ܞͰϝϯόʔͷௐࢠΛνΣοΫɻশࢍ͠߹͏จԽΛҭΉň͕͢͞ʂʼnػೳɻ
ɾΦϯϥΠϯࣾใαʔϏεʮStoryʯ ͚ࣾͷετʔϦʔߘͰڞײΛੜΈग़͠ɺϝϯόʔؒͷҙࢥૄ௨Λଅਐɻ ɾརްੜαʔϏεʮPerkʯ ϫʔΫʗϥΠϑͷ྆໘ͰҰਓͻͱΓͷઓΛࢧ͑Δଟ༷ͳαʔϏεΛಛผྉۚͰɻ
©2023 Wantedly, Inc. ࣍ ΥϯςουϦʔͷհ ΥϯςουϦʔͷσβΠϯγεςϜ ͜Ε·ͰͷσβΠϯγεςϜ࣮ݱͷऔΓΈ
͜Ε͔Β
©2023 Wantedly, Inc. 6*ΛσβΠϯ͢Δ্Ͱͷڞ௨ͷߟ͑ํͱπʔϧηοτ ΥϯςουϦʔͷ6*σβΠϯγεςϜ୯ͳΔʮίϯ ϙʔωϯτΧλϩάʯͰͳ͘ɺίϯϙʔωϯτͷߏ ཁૉɾݪଇ͔ΒͳΔͷɻ جຊͷ֓೦͕͋Δ্ʹ'JHNBͷ࣮8FC 3FBDU ࣮
ͳͲ͕͋Δͱ͍͏Ґஔ͚ͮɻ ΥϯςουϦʔͷσβΠϯγεςϜ
©2023 Wantedly, Inc. 6*ΛσβΠϯ͢Δ্Ͱͷ ڞ௨ͷߟ͑ํͱπʔϧηοτ ΥϯςουϦʔͷσβΠϯγεςϜ
©2023 Wantedly, Inc. 4VSGBDF ͯ͢ͷίϯϙʔωϯτͷϕʔεͱͳΔ֓೦ɻ ϘλϯςΩετϑΟʔϧυ4VSGBDFΛϕʔεͱͯ͠ɺػೳΛ࣋ͭίϯϙʔωϯτʹͳ͍ͬͯΔͱ͍͏ߟ͑ํɻ 4VSGBDFσβΠϯγεςϜͷίϯϙʔωϯτηοτ͚ͩʹऩ·ΔͷͰͳ͘ɺ6*σβΠϯγεςϜͷج൫ͱͳΔ ॏཁͳ֓೦ɻ ڞ௨ͷߟ͑ํ
©2023 Wantedly, Inc. 5PVDI"SFB ڞ௨ͷߟ͑ํ Ϙλϯͷ֎ଆʹଘࡏ͢ΔෆՄࢹ͕ͩΫϦοΫՄೳͳྖҬͷ͜ͱɻ ϞόΠϧʹ͓͍ͯͷૢ࡞ੑΛ্͛ΔͨΊʹಋೖ͞Ε͍ͯΔཁૉɻ ԼͷΑ͏ͳϘλϯ͕ԣฒͼʹͳΔ໘ʹ͓͍ͯɺͦΕͧΕͷϘλϯͷNBSHJOΛऔΔͷͰͳ͘ 5PVDI"SFBΛ࣋ͬͨ#VUUPOΛͭԣฒͼʹ͢ΔͱσβΠϯ௨Γʹ࣮Ͱ͖Δɻ
©2023 Wantedly, Inc. πʔϧͱΞηοτ ֤ϓϥοτϑΥʔϜ͚ʹ࣮͞Εͨͷ w 'JHNB্ͷίϯϙʔωϯτΞηοτ w 8FC͚ͷ࣮ 3FBDU
w J04ΞϓϦ͚ͷ࣮ w "OESPJEΞϓϦ͚ͷ࣮
©2023 Wantedly, Inc. ࣮ྫ FMFWBUJPO TIBQF3 CBDLHSPVOEXIJUF"MQIB
©2023 Wantedly, Inc. σβΠφʔ͕6*σβΠϯ͢Δͷͱ ಉ͡ߟ͑ํͰ࣮Λ͢Δ ΥϯςουϦʔͷσβΠϯγεςϜ
©2023 Wantedly, Inc. ΥϯςουϦʔͷσβΠϯγεςϜ 6*ΛσβΠϯ͢Δ্Ͱͷڞ௨ͷߟ͑ํͱπʔϧηοτ
©2023 Wantedly, Inc. ͳͥ6*σβΠϯγεςϜΛ࡞Δͷ͔ 8IZ8F#VJMEB%FTJHO4ZTUFN
©2023 Wantedly, Inc. త w ϒϥϯυදݱ8BOUFEMZͱͯ͠ͷݟͨͱৼΔ͍ͷҰ؏ੑΛอͭ w ϕʔγοΫͳϢʔβϏϦςΟͷ୲อ w σβΠϯΞτϓοτͷޮԽ
w ΤϯδχΞͱͷϑϩϯτΤϯυ։ൃɺίϛϡχέʔγϣϯɺϝϯςφϯεͷޮԽ ͳͥσβΠϯγεςϜΛ࡞Δͷ͔
©2023 Wantedly, Inc. 8BOUFEMZͱͯ͠ͷݟͨͱৼΔ͍ͷҰ؏ੑΛอͭ ΥϯςουϦʔ͕ੈͷதʹग़͍ͯ͋͘͠ΒΏΔΞτ ϓοτ͕Ұ؏͍ͯ͠Δ͜ͱ͕ɺϒϥϯσΟϯάʹܨ͕ͬ ͍ͯ͘ɻ σβΠϯγεςϜΛ༻͢Δ͜ͱͰɺݟͨͱৼΔ͍ ʹҰ؏ੑΛ࣋ͨͤΔ͜ͱ͕Ͱ͖Δɻ ͳͥσβΠϯγεςϜΛ࡞Δͷ͔
©2023 Wantedly, Inc. ϕʔγοΫͳϢʔβϏϦςΟͷ୲อ ը໘ػೳʹΑͬͯόϥόϥͳ6*Λఏڙ͢Δ͜ͱͳ͘ɺҰͭͷը໘Ͱ͍ํΛ֮͑ͨΒผͷػೳಉ͡ཁྖͰ͑ΔΑ͏ʹɻ ϘλϯɺςΩετϑΟʔϧυɺΞΠίϯͳͲҰ؏ͨ͠ݟͨͰఏڙ͢Δ͜ͱͰͦΕΛՄೳʹ͢Δɻ ͳͥσβΠϯγεςϜΛ࡞Δͷ͔
©2023 Wantedly, Inc. σβΠϯΞτϓοτͷޮԽ w ࡉ͔͍ܗͰ·ͣɺϓϩμΫτͱͯ͠େͳମݧʹϑΥʔΧεͰ͖ΔΑ͏ʹɻ w ෳͷϓϩμΫτΛ·͍ͨͰɺڞ௨ͷߟ͑ํͰରԠͰ͖ΔΑ͏ʹɻ ͳͥσβΠϯγεςϜΛ࡞Δͷ͔
©2023 Wantedly, Inc. ։ൃɺίϛϡχέʔγϣϯɺϝϯςφϯεͷޮԽ w ΤϯδχΞͱσβΠφʔ͕ޮΑ͘ίϛϡχέʔγϣϯ͢ΔͨΊͷڞ௨ݴޠͱͳΔɻ w 6*σβΠϯγεςϜʹΑΓɺίϯϙʔωϯτͷ࡞ΓํʹҰ؏ͨ͠ϧʔϧ͕ੜ·ΕΔɻ w ͜ͷϧʔϧΛΓɺ͍͜ͳ͢ʢ͍͜ͳͤΔπʔϧ͕ଘࡏ͢Δʣ͜ͱͰɺ୭Ͱʮ8BOUFEMZ
Β͍͠ 6* ίϯϙʔ ωϯτʯ͕࡞ΕΔɻ ྫɿ ʮ͜ͷςΩετ௨ৗ#MBDL"MQIBͰɺϚεΦʔόʔ͢Δͱ#MBDL"MQIBʹͳΔΑ͏ʹ͍ͯͩ͘͠͞ɻʯ ʮ͜ͷϘλϯFMFWBUJPOͰɺϚεΦʔόʔ͢ΔͱFMFWBUJPOʹ͍ͯͩ͘͠͞ɻʯ ͳͥσβΠϯγεςϜΛ࡞Δͷ͔
©2023 Wantedly, Inc. ࣍ ΥϯςουϦʔͷհ ΥϯςουϦʔͷσβΠϯγεςϜ ͜Ε·ͰͷσβΠϯγεςϜ࣮ݱͷऔΓΈ
͜Ε͔Β
©2023 Wantedly, Inc. ίϯϙʔωϯτηοτͷσβΠϯ͕ੜ ࣌ͷσβΠϯϚωʔδϟʔ͕ ʮ͜͏͍͏ͷ͕͋ͬͨΒɺϓϩμΫτσβΠϯ͢Δͱ ͖ʹָͰ͖ͨͳʙʯ ͱߟ͑ɺੜͨ͠ίϯϙʔωϯτηοτɻ ࣌4LFUDI্ʹ͋Γɺ;FQMJOΛͬͯΤϯδχΞʹ ڞ༗͞Ε͍ͯͨɻ
ϓϩμΫτ্ͰΘΕͦ͏ͳɺҰ௨Γͷίϯϙʔωϯτ ηοτͱελΠϧΨΠυ͕࡞ΒΕ͍ͯͨɻ σβΠϯγεςϜͷ͜Ε·Ͱ
©2023 Wantedly, Inc. ίϯϙʔωϯτηοτͷ3FBDU࣮͕ੜ લϖʔδͷσβΠϯΛͱʹɺ3FBDU Λͬͨίϯϙʔ ωϯτϥΠϒϥϦ͕։ൃ͞Εͨɻ ϘλϯςΩετϑΟʔϧυͱ͍ͬͨجຊత͔ͭ༻ස ͕ߴ͍ίϯϙʔωϯτ͕࣮͞Ε͍ͯͨɻ ࣾ༻ʹϓϥΠϕʔτͳOQNύοέʔδͱͯ͠৴͞
Ε͍ͯͨɻ σβΠϯγεςϜͷ͜Ε·Ͱ
©2023 Wantedly, Inc. σβΠϯγεςϜΛͬͨ ϓϩμΫτ։ൃ͕ελʔτ ืू࡞ͱ͍͏ػೳΛόοΫΤϯυؚΊͯϦχϡʔΞϧ ͢Δͱ͍͏ϓϩδΣΫτ͕։࢝ɻ σβΠϯγεςϜΛͬͨ 6* ʹ৽͞Εɺ࣮ʹલ
ड़ͷ 3FBDU ࣮ͷίϯϙʔωϯτηοτ͕༻͞ΕΔ Α͏ʹɻ ޙʹεΧτػೳͷϦχϡʔΞϧ͋Γɺ ͭͷػೳ͕σβΠϯγεςϜΛͬͨͷͱͳͬͨɻ σβΠϯγεςϜͷ͜Ε·Ͱ
©2023 Wantedly, Inc. େن6*৽ϓϩδΣΫτʹ͓͍ͯ σβΠϯγεςϜٸ֦େ ࠾༻ཧը໘ͷ6*Λ৽͢ΔϓϩδΣΫτ͕࣮ࢪ͞Εɺ ओཁͳػೳͷଟ͕͘σβΠϯγεςϜΛͬͨ6*ʹͳͬ ͨɻ σβΠϯγεςϜͷ͜Ε·Ͱ
©2023 Wantedly, Inc. d৽نͷػೳ։ൃʹ͓͍ͯ σβΠϯγεςϜ͕༻͞ΕΔ͜ͱ͕ελϯμʔυʹ ͔Β։ൃ͕࢝·ͬͨ&OHBHFNFOUΛؚΊɺΥ ϯςουϦʔʹ͓͍ͯ৽ͨʹػೳ։ൃ͢Δͱ͖ʹσβ ΠϯγεςϜΛ༻͢Δ͜ͱ͕ελϯμʔυͱͳͬͨɻ ओཁͳػೳʹ͓͍࣮ͯ֬ʹσβΠϯγεςϜ͕ΘΕ ΔΑ͏ʹͳ͍ͬͯΔɻ
σβΠϯγεςϜͷ͜Ε·Ͱ
©2023 Wantedly, Inc. ֦େͷཪଆͰ σβΠϯγεςϜͷ͜Ε·Ͱ
©2023 Wantedly, Inc. 3FBDU൛ίϯϙʔωϯτηοτ։ൃ ̎ͷࣦഊ σβΠϯγεςϜͷ͜Ε·Ͱ
©2023 Wantedly, Inc. ࣌ͷ3FBDU൛ίϯϙʔωϯτηοτ W φΠʔϒͳ࣮Ͱ͋ͬͨɻ ݟͨ͋ΔఔͷϨϕϧͰ࠶ݱͰ͖͍͕ͯͨɺσβΠφʔͷߟ͑ํॏཁͳཁૉ͕ൈ͚ͯ͠·͍ͬͯͨɻ ॏཁͳ֓೦Ͱ͋Δ4VSGBDF5PVDI"SFB͕ͳ͍ঢ়ଶͩͬͨɻ ݟͨతʹσβΠϯͱಉ͡Α͏ͳͷ͕Ͱ͖͍ͯΔ͕ɺ࡞ΓํɾΈ্͛ํʹΛ͚ΔͱσβΠφʔͷߟ͑ํ
ͱҧ͍ͬͯͨɻ σβΠϯγεςϜͷ͜Ε·Ͱ
©2023 Wantedly, Inc. ࣦഊྫ5PVDI"SFBͷ֓೦͕ͳ͍ɻ σβΠϯγεςϜͷ͜Ε·Ͱ ઌड़ͨ͠Α͏ͳϘλϯ͕ԣฒͼʹͳΔέʔεʹ͍ͭͯɺผ్NBSHJOΛ͚ͭΔඞཁ͕͋ͬͨɻ ͔͠͠ͳ͕ΒͦΕσβΠφʔͷίϯϙʔωϯτͷΈ্͛ํͱ߹͍ͬͯͳ͔ͬͨɻ
©2023 Wantedly, Inc. 6*ΛσβΠϯ͢Δ্Ͱͷ ڞ௨ͷߟ͑ํͱπʔϧηοτ ΥϯςουϦʔͷσβΠϯγεςϜʢ࠶ܝʣ
©2023 Wantedly, Inc. 6*ΛσβΠϯ͢Δ্Ͱͷ ڞ௨ͷߟ͑ํͱπʔϧηοτ ΥϯςουϦʔͷσβΠϯγεςϜʢ࠶ܝʣ
©2023 Wantedly, Inc. ݟ͚ͨͩἧ͍ͬͯͯҙຯ͕ͳ͍ φΠʔϒͳ࣮͔Βͷ٫
©2023 Wantedly, Inc. 3FBDU࣮ڞ௨ͷߟ͑ํΛөͨ͠ πʔϧηοτͰͳ͍ͱ͍͚ͳ͍ φΠʔϒͳ࣮͔Βͷ٫
©2023 Wantedly, Inc. 3FBDU࣮࠶νϟϨϯδ W ڞ௨ͷߟ͑ํΛөͨ͠πʔϧηοτͰ͋ΔͨΊʹɺίϯϙʔωϯτηοτΛ࡞ͬͨσβΠφʔ ͱڞʹ֓೦Λཧ͠3FBDU൛ίϯϙʔωϯτηοτͷ࣮࠶νϟϨϯδΛ࣮ࢪɻ 4VSGBDF5PVDI"SFB͜ͷίϯϙʔωϯτηοτʹ࠾༻͞Εͨɻ φΠʔϒͳ࣮͔Βͷ٫
©2023 Wantedly, Inc. ͋Δఔཧʹ͍͕ۙͮͨʜ φΠʔϒͳ࣮͔Βͷ٫
©2023 Wantedly, Inc. 3FBDU࣮࠶νϟϨϯδࣦഊ σβΠφʔͷࢥҰఆऔΓࠐΉ͜ͱ͕Ͱ͖ͨɻ 4VSGBDF5PVDI"SFBͱ͍ͬͨϕʔεͱͳΔߟ͑ํऔΓࠐ·ΕɺϓϩμΫτ։ൃʹ׆͔͢͜ͱ͕Ͱ͖ͨɻ Ұํɺίϯϙʔωϯτηοτͱͯ͠ͷ͍উखͷѱ͞ɺαʔυύʔςΟϥΠϒϥϦͷաͷґଘͳͲͷ͕ݦࡏ Խɻ 4VSGBDFΛ࡞ΔͨΊʹϥΠϒϥϦ෦ͷ "1*
Λ༻͠ͳ͍ͱ͍͚ͳ͔ͬͨΓɺηϚϯςΟοΫ)5.-Ͱॻ͖ͮΒ͘ͳͬ ͯ͠·ͬͨΓɻ ࠶ʑνϟϨϯδ͕ඞཁʹʜɻ φΠʔϒͳ࣮͔Βͷ٫
©2023 Wantedly, Inc. վળྫ5PVDI"SFBͷಋೖ φΠʔϒͳ࣮͔Βͷ٫ 5PVDI"SFBͷ֓೦͕࣮ʹಋೖ͞Εɺઌड़ͨ͠Α͏ͳϘλϯ͕ԣฒͼʹͳΔέʔεͰͷσβΠϯͷ࠶ݱ্͕ɻ
©2023 Wantedly, Inc. ࣦഊྫϛεΛ༠ൃ͢Δ"1* φΠʔϒͳ࣮͔Βͷ٫ λΠϙάϥϑΟελΠϧͰ͋ͬͯɺ)5.-ཁૉͱແ͕ؔͩɺڧ͘ඥ͍ͮͯ͠·͍ͬͯͨɻ దͳ)5.-ΛͬͨϚʔΫΞοϓ͕Ͱ͖ͳ͍"1*ͱͳ͍ͬͯͨɻ
©2023 Wantedly, Inc. 3FBDU࣮࠶ʑνϟϨϯδ W લϖʔδͷΛղܾ͢Δ͘ੜ·Εͨ3FBDU࣮ɻ ίϯϙʔωϯτηοτͷߟ͑ํͷ࠶ཧϞσϦϯά͠͠Λͨ͠ΓɺϥΠϒϥϦͷґଘΛݮΒͨ͠Γͱ͍͏վળ͕ࢪ ͞Εͨɻ ͜ͷόʔδϣϯ͕ࠓͷΥϯςουϦʔͰ༻͕ਪ͞ΕΔύοέʔδͱͳ͍ͬͯΔɻ φΠʔϒͳ࣮͔Βͷ٫
©2023 Wantedly, Inc. վળྫ4VSGBDFΛ؆୯ʹ࡞ΕΔΑ͏ʹ φΠʔϒͳ࣮͔Βͷ٫ ίϯϙʔωϯτηοτͷத͚ͩͰͳ͘ɺϓϩμΫτίʔυ্Ͱ͑ΔΑ͏ʹͳΓɺ࠶ݱ্͕ɻ
©2023 Wantedly, Inc. վળྫ)5.-ཁૉΛ φΠʔϒͳ࣮͔Βͷ٫ ̎Ͱ๊͑ͯͨϛεΛ༠ൃ͢Δ"1*ΛվળɻηϚϯςΟοΫ)5.-Λ࣮ݱͰ͖ΔΑ͏ʹͳͬͨɻ ϥΠϒϥϦ෦Ͱ$440CKFDUΛߏங͢Δ෦ͱɺ3FBDUίϯϙʔωϯτͱͯ͠ฦ٫͢Δ෦Λɻ
©2023 Wantedly, Inc. 3FBDU࣮·ͱΊ ݟͨ ڞ௨ͷߟ͑ͷ ࣮ݱ ͍উख W ˓
✘ ˓ W ˓ ˓ ✘ W ˓ ˓ ˓
©2023 Wantedly, Inc. ֶΜͩ͜ͱ 8IBUXFMFBSOFE
©2023 Wantedly, Inc. σβΠφʔͷࢥΛ͔ͬ͠Γ௫Ήඞཁ͕͋Δɻ ݟ͚ͨͩἧ͑ͯҙຯ͕ͳ͍ɻ ΥϯςουϦʔͷσβΠϯγεςϜɺ'JHNBͷ্ʹ͋ΔίϯϙʔωϯτΛݟ͚ͨͩἧ࣮͑ͯ͢ΕΑ͍ͱ͍͏ ͷͰͳ͔ͬͨɻ σβΠφʔ͕ߟ͑Δ6*ͷΈํͷ௨Γʹɺ6*Λ࣮͍ͯ͘͠ʹσβΠφʔ͕ߟ͑ΔσβΠϯγεςϜͷࢥΛ࣮ʹ ࠶ݱ͢Δඞཁ͕͋Δɻ σβΠϯγεςϜͷ࣮͕ͣΕΔͱɺͦΕΛͬͯ࡞ΒΕͨϓϩμΫτͷ6*ζϨ͍ͯ͘ɻ
ֶΜͩ͜ͱ
©2023 Wantedly, Inc. σβΠϯγεςϜͷΩοΫΦϑΛ࣮ࢪ͠ ڞ௨ೝࣝΛ࣋ͭ͜ͱ͔Βελʔτ͢Δ͖ͩͬͨɻ ΥϯςουϦʔͰҰਓͷσβΠφʔ͕ίϯϙʔωϯτΛηοτΛ࡞Δͱ͜Ζ͔Β࢝·ΓɺͦΕ͕҉తʹ·ͬͯ ͍ͬͨɻ ຊʹॏཁͳ֓೦ͷೝࣝΛཱ֬͠ͳ͍··ɺݟ͚ͨͩΛઌߦͯ͠ਐΊͯ͠·ͬͨͷ͕ྑ͘ͳ͔ͬͨɻ ϓϩμΫτ։ൃʹؔΘΔΤϯδχΞɾσβΠφʔ͕σβΠϯγεςϜʹ͍ͭͯڞ௨ͷೝࣝΛ࣋ͯΔΑ͏ͳऔΓΈ͕ඞཁ ͩͬͨɻ
Ͳ͏͢ΕΑ͔͔ͬͨʁ
©2023 Wantedly, Inc. ֶΜͩ͜ͱ զʑͷࣦഊɿଊ͑ํ͕ؒҧ͍ͬͯͨɻ
©2023 Wantedly, Inc. ֶΜͩ͜ͱ ΥϯςουϦʔͷσβΠϯγεςϜ ͜͏ଊ͑Δͷ͕ਖ਼ղͩͬͨ
©2023 Wantedly, Inc. ࣍ ΥϯςουϦʔͷհ ΥϯςουϦʔͷσβΠϯγεςϜ ͜Ε·ͰͷσβΠϯγεςϜ࣮ݱͷऔΓΈ
͜Ε͔Β
©2023 Wantedly, Inc. %FTJHO4ZTUFN(VJME ͜Ε͔Β
©2023 Wantedly, Inc. %FTJHO4ZTUFN(VJME (VJME Ϊϧυ ͱΥϯςουϦʔͰ࠾༻͞Ε͍ͯΔ৫Ϟσϧͷ͍ͪܗଶɻ ͜Ε·Ͱେখ߹ΘͤͯԿσβΠϯγεςϜΛվળ͠Α͏ͱ͢Δಈ͖͕͋ΓɺͦΕͧΕҰఆͷՌΛ͖ͯͨ͠ɻ ͨͩ͠ܧଓతʹϝϯςφϯε͍͚ͯ͠Δମ੍Ͱͳ͔ͬͨɻ ݱঢ়๊͍͑ͯΔΛղফ͠ɺࠓޙϓϩμΫτ։ൃʹྑ͍ӨڹΛ༩͍͚͑ͯΔΑ͏ʹൃͨ͠৫ɻ
͜Ε͔Β
©2023 Wantedly, Inc. %FTJHO4ZTUFN(VJME ͜Ε͔Β
©2023 Wantedly, Inc. ہॴతɾࢄൃతʹ͕ٞߦΘΕɺ݁ͷ·ͱ·Γ͕ ͳ͍ঢ়ଶͰ͋Δɻ ࣮ऀͷେ͕ୀ৬͓ͯ͠ΓɺϩετςΫϊϩδʔ ʹͳͬͯ͠·͍ͬͯΔɻ %FTJHO4ZTUFN(VJMEൃͷ͖͔͚ͬ
©2023 Wantedly, Inc. ہॴతɾࢄൃతʹ͕ٞߦΘΕɺ݁ͷ·ͱ·Γ͕ ͳ͍ঢ়ଶͰ͋Δɻ લड़ͷΑ͏ͳ3FBDU࣮ͷվળɺࢄൃతʹҰ෦ͷ8FCϑϩϯτΤϯυΤϯδχΞͱσβΠφʔؒͰߦΘΕ͖ͨɻ ͦͷ͍ٞΘΏΔ4JOHMF4PVSDFPG5SVUIͷΑ͏ͳυΩϡϝϯτʹ·ͱ·Δ͜ͱ͕ͳ͘ɺٞʹࢀՃ͍ͯ͠ͳ͔ͬͨ ϝϯόʔ͕ΩϟονΞοϓ͢Δͷ͕͔ͬͨ͠ɻ ·ͨσβΠφʔɾ8FC.PCJMFΤϯδχΞࡾऀ͕Ұಉʹձ͢໘͕ͳ͘ڞ௨ͷߟ͑Λڞ༗͠ʹ͔ͬͨ͘ɻ %FTJHO4ZTUFN(VJMEൃͷ͖͔͚ͬ
©2023 Wantedly, Inc. ࣮ऀͷେ͕ୀ৬͓ͯ͠ΓɺϩετςΫϊϩδʔʹ ͳͬͯ͠·͍ͬͯΔɻ ॳظͷσβΠϯγεςϜΛࢧ͑ͨϝϯόʔ͕͍ͳ͘ͳΓɺॳߟ͑ΒΕ͍ͯͨࢥʹͨͲΓண͚ͳ͘ͳͬͯ͠·͍ͬͯ Δɻ ͪΖΜաڈͷϝϯόʔͷߟ͑ํ͕།Ұઈରͷਖ਼ղͱ͍͏Θ͚Ͱͳ͍ɻࠓ͍Δϝϯόʔ͕ڞ༗Ͱ͖Δ৽͍͠ߟ͑ํɾσ βΠϯγεςϜΛߏங͢ΔͨΊʹٞΛਂΊ͍ͯ͘ɻ %FTJHO4ZTUFN(VJMEൃͷ͖͔͚ͬ
©2023 Wantedly, Inc. %FTJHO4ZTUFN(VJMEൃͷ͖͔͚ͬ ͜Ε·Ͱͷ৫ ͦΕͧΕͷνʔϜ͕ͦΕͧΕͷϓϥοτϑΥʔϜ͚࣮Λ։ൃ͍ͯͨ͠ɻ ͜ΕͰʮڞ௨ͷߟ͑ʯͱ͍͏ͷΛڞ༗͠ʹ͍͘ମ੍ͩͬͨɻ ίϯΣΠͷ๏ଇʮγεςϜઃܭ ΞʔΩςΫνϟ ɺ৫ߏΛөͤͨ͞ͷʹͳΔʯͦͷͷͷߏʹͳ͍ͬͯͨɻ
©2023 Wantedly, Inc. %FTJHO4ZTUFN(VJMEൃͷ͖͔͚ͬ ͜Ε͔Βͷମ੍ σβΠφʔɾ8FCϑϩϯτΤϯυΤϯδχΞɾJ04"OESPJEΤϯδχΞ͕ἧͬͨঢ়ଶͰڞ௨ͷߟ͑ํΛ࡞͍ͬͯ͘ɻ ࣮ΑΓઌʹɺڞ௨ͷߟ͑ํΛ͑ΒΕΔΑ͏ʹɻ
©2023 Wantedly, Inc. %FTJHO4ZTUFN(VJME
©2023 Wantedly, Inc. ·ͱΊ $PODMVTJPO
©2023 Wantedly, Inc. ·ͱΊ w ΥϯςουϦʔͷσβΠϯγεςϜʮڞ௨ͷߟ͑ํͱπʔϧηοτʯ w ࣦഊΛΓӽ͑ͳ͕ΒσβΠϯγεςϜʹରͯ͠ͷཧղΛਂΊ͍ͯͬͨɻ w Ұ෦ͷ༗ࢤͰͳ͘৫ͱͯ͠վળͰ͖ΔΑ͏ʹνϟϨϯδதɻ
©2023 Wantedly, Inc. ͓Βͤ
©2023 Wantedly, Inc. 8F`SFIJSJOH ͓Βͤ
©2023 Wantedly, Inc. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
©2023 Wantedly, Inc. ͓ΘΓ
More Decks by Tsuyoshi HARA
See All by Tsuyoshi HARA
Design System Guild の1年を振り返る
chloe463
0
200
スキーマ駆動で加速するフロントエンド開発
chloe463
0
470
Wantedly のフロントエンド領域の取り組みと課題
chloe463
0
260
GraphQL Fragment Colocation の話
chloe463
2
1.3k
Wantedlyのフロントエンド領域の取り組みと課題
chloe463
0
8.7k
5分でできる生産性改善~ESLint Custom Rule を作ろう~
chloe463
0
4.3k
GraphQLサーバーのスキーマファースト開発を半年経て
chloe463
2
2.7k
Other Decks in Technology
See All in Technology
長い仕事を任せる (Workflows、クラウドセッション、Kiro Web) | 目指せ Kiro マスター 10
inariku
PRO
3
180
【Oracle AI SPOTLIGHT ウェビナー】【特別開催:日本語で解説!】Oracle AI World 2026 最新情報フィードバック
oracle4engineer
PRO
1
200
Quick Automate | 目指せ Quick マスター 12
inariku
PRO
1
110
Kiro アップデート 2026 年 11 月号 (11 月 8 日時点) | 目指せ Kiro マスター アップデート編
inariku
PRO
2
110
SSFの現在地 ― CAEP/RISCからAI Identityへ
oidfj
0
430
Reticulum, le réseau cypherpunk dont vous avez besoin !
rlifchitz
0
140
cdkd (CDK Direct)
gotok365
4
310
Context Ontology Accelerator 入門 (業務データの意味を、AI エージェントに渡す)
inariku
PRO
3
670
Claude Codeで作ったアプリを安全に公開する/Built with Claude Japan 2026
yoshidashingo
0
240
JAWSコミュニティに 参加して1年経った結果
ssakita
0
140
Steering と Hook (チームの決まりを守らせる) | 目指せ Kiro マスター 06
inariku
PRO
2
120
人間+AIを「チーム」としてプロセスを再設計する
littlehands
0
270
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
GitHub's CSS Performance
jonrohan
1033
470k
RailsConf 2023
tenderlove
30
1.6k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
1.1k
Navigating Team Friction
lara
192
16k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.3k
What's in a price? How to price your products and services
michaelherold
247
13k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
620
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
A designer walks into a library…
pauljervisheath
211
25k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
660