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

開発プロセスの判断を「速」にするデザインシステム

Avatar for getsukikyu getsukikyu
December 09, 2021

 開発プロセスの判断を「速」にするデザインシステム

2021.12.09 Pepabo Tech Conference #18 で発表した資料です。

Avatar for getsukikyu

getsukikyu

December 09, 2021
Tweet

More Decks by getsukikyu

Other Decks in Design

Transcript

  1. 2 ࣗݾ঺հ ECࣄۀ෦ ࢁྛ ѯ Yamarin Akane σβΠϯϦʔυͱͯ͠ɺECࣄۀ෦ͷσβΠϯ૊৫ ΍αʔϏεશମͷσβΠϯΛݟ͍ͯΔɻ ͨ·ʹPdM΋΍ͬͯΔɻ

    • ೋਓͷଉࢠ͕͓Γɺࠓ೥4݄ʹҭٳ͔Β෮ؼ • ΞαώεʔύʔυϥΠΛѪ͢ΔϏʔϧΫζ • Twitter : @getsukikyu 2011೥ த్ೖࣾ
  2. ΧϥʔϛʔγϣοϓͷσβΠϯγεςϜ - Ͳ͏΍ͬͯਐΊ͍ͯΔ͔ 15 αʔϏεଆͰ௚ۙඞཁͳΨΠυϥΠϯ΍Ξηοτ͕ൃੜͨ͠৔߹͸ɺInhouseͷಋೖΛ଴ ͭͷͰ͸ͳ͘αʔϏεଆͰఆٛͨ͠΋ͷΛInhouseʹٯ༌ೖ͍ͯ͠Δɻ ྫ͑͹ɺػೳ։ൃதʹ Card UI ͕ඞཁʹͳ͕ͬͨInhouseͰ͸·ͩ༻ҙ͞Ε͍ͯͳ͔ͬͨ

    ͨΊɺΧϥʔϛʔγϣοϓଆͰΨΠυϥΠϯɾΞηοτԽΛલఏʹਐΊΔͳͲɻ Flippers͔ΒInhouse΁ͷٯ༌ೖ Ұ౓ͷ࢖͍੾ΓͰ͸ͳ͘ɺҰൠԽͯ͠ଞαʔϏεͰ΋ల։͢Δ͜ͱΛલఏʹ࡞Δ ڞ༗ࢿ࢈͕஝ੵ͞ΕΔ͜ͱͰ৽͍͠औΓ૊ΈΛখ͘͞ૣ࢝͘ΊΔ͜ͱ͕Մೳʹ
  3. ΧϥʔϛʔγϣοϓͷσβΠϯγεςϜ - ಋೖɾӡ༻ͷ࢓૊Έͮ͘Γ 17 ։ൃ؀ڥ΍ίʔυͷߏ଄ͳͲ͕αʔϏεʹΑͬͯҟͳΓɺಋೖ΁ͷোนͱͳ͍ͬͯΔɻ ͢Ͱʹӡ༻͞Ε͍ͯΔαʔϏε΁ͷInhouseಋೖ • σβΠϯΤϯδχΞʹΑΔࢧԉ • αʔϏεଆͷUXΤϯδχΞϦϯάΛΤΩεύʔτεΩϧ*ͱ͢ΔσβΠφʔͱڠྗ͠ɺσβΠϯΤϯδ

    χΞ͕؀ڥߏஙͳͲͷαϙʔτΛ͢Δɻ • FlavorΛҰׅஔ׵͢ΔͨΊͷFigmaϓϥάΠϯʮAjihenʢຯมʣʯ • FlavorΛهड़ͨ͠JSONϑΝΠϧͳͲΛΞοϓϩʔυͯ͠σβΠϯτʔΫϯΛ্ॻ͖͢Δ͜ͱ͕Ͱ͖Δɻ Inhouse։ൃνʔϜʹΑΔಋೖࢧԉ *ϖύϘͰ͸σβΠϯʹඞཁͳεΩϧͷྖҬΛఆΊ͍ͯ·͢ʛPepabo DesignʮSkill Areaʯ
  4. ΧϥʔϛʔγϣοϓͷσβΠϯγεςϜ - ಋೖɾӡ༻ͷ࢓૊Έͮ͘Γ 19 • ։ൃʹར༻͍ͨ͠΋ͷ͸ɺnpm moduleԽ͢Δ͜ͱͰڞ௨ར༻Ͱ͖Δ࢓૊ΈΛ༻ҙ • FlavorʢColor΍TypographyʣͳͲ •

    ։ൃʹࢀর͍ͨ͠΋ͷ͸ɺґཔ΍ϨϏϡʔͷࡍʹνΣοΫ͢ΔϑϩʔΛ༻ҙ • ϥΠςΟϯάελΠϧΨΠυͳͲ αʔϏεʹؔΘΔΈΜͳͱҰॹʹӡ༻͍ͯͨ͘͠Ίͷ࢓૊Έͮ͘Γ σβΠϯγεςϜ͸ʮ࡞Δʯ͚ͩͰ͸ͳ͘ɺӡ༻͞ΕΔʮ࢓૊Έʯ΋େ੾