
ã°ã©ãã£ãã¯å°æ»ã ã£ãã®ã«ãããã¯ããã¶ã€ããŒãéžãã ç§ãž
ãã®èšäºã¯ãOneç³»ãããã¯ãã®ãã¶ã€ããŒnoteãªã¬ãŒäŒç»ãã®2æ¥ç®ã®èšäºã§ãã
Sansanã§ãããã¯ããã¶ã€ããŒãšããŠåãå§ããŠ2幎ç®ãå€å·ã§ãã
ç§ã¯ä»ããããã¯ãã®äžé åãä»»ããããšã³ãžãã¢ããããã¯ããããŒãžã£ãŒãšé£æºããªããããã®ã¥ããã«æ²¡é ããæ¯æ¥ãéã£ãŠããŸãã
ãããæ°åã§å
¥ç€Ÿããåœåã¯ãã°ã©ãã£ãã¯ãå°æ»ããŠããããšããããWebãUIã®ç¥èãã»ãšãã©ãŒãã
å³ãå·Šãåãããããèªåã«ãã¶ã€ããŒãšããŠã®äŸ¡å€ãçã¿åºããã®ãããšãäžå®ãæããããšãå€ããããŸããã
æ¯ãè¿ããšãã§ããããšã¯æ Œæ®µã«å¢ããŠããŸãã
ãããšåæã«ãåœåæãæããŠããããããã¯ããã¶ã€ããŒåããšãå®éã®ä»äºã«ã¯å€§ããªã®ã£ãããããããšã«ãæ°ã¥ããŸããã
ãã®ã®ã£ãããã®ããããŠãç§ãã©ã®ããã«äŸ¡å€ãçã¿åºããŠããã®ãã
è¿·ããªãããæé·ããŠãã2幎éã§åŸãåŠã³ããåœæã®èªåã«äŒããã€ããã§ç¶ŽããŸãã
åœåã®ã®ã£ãã
1. æ³åããŠãããã¶ã€ããŒåãšã®éã
å ¥ç€Ÿåããããã¯ããã¶ã€ããŒã¯ãUIãçŸããæŽããä»äºãã ãšæã£ãŠããŸããã
ãããå®éã«æãåãããããŒã ã§è°è«ãéããäžã§ãæ¬åœã«æ±ããããŠããã®ã¯ããããã¯ãå šäœã®äœéšããã¶ã€ã³ããåé¡ã解決ããããšã ãšæããããã«ãªããŸããã
ãã¶ã€ã³ã®è¯ãæªããæ±ºããã®ã¯ãèªåã§ã¯ãªããŠãŒã¶ãŒã
䜿ãããããæ©èœã®è³ªããããã¯ãå
šäœã®äŸ¡å€ãã©ãé«ãŸããââ
ããã«ãããã¯ããã¶ã€ããŒã®æ¬åœã®åœ¹å²ããããšæããŸãã

2. ãããã¯ããã¶ã€ã³ã¯ãèããâäœããã®ãµã€ã¯ã«ãåãç¶ããããš
å
¥ç€Ÿåœåãå
茩ãã¶ã€ããŒãããâ» PDCAãæ©ãåããªããšãïŒããšäœåºŠãèšãããŸããã
ããããåœæã®ç§ã¯ããã®èšèã®æ¬åœã®æå³ãçè§£ããããŠããŸããã§ããã
åŠçæä»£ã¯ããšã«ãããå®æåºŠã®é«ããã®ãäœãããšããæåªå
ã ã£ãããã«æããŸãã ãŸãã¯æãåãããæéããããŠæŽç·ŽãããŠããã
ããããæéããããã°ãããã»ã©è¯ããã®ãçãŸãããšä¿¡ããŠããéšåãããããŸããã
éãããæéã®äžã§é©åãªèª²é¡ãèšå®ãããäœãäœãã¹ããããæéã§å®çŸ©ãæé©ãªããã¡ãèšèšããŠããããããŠããŠãŒã¶ãŒã®åå¿ãèŠãªããåžžã«æ¹åãéããããšã
æåã¯ãã®ã¹ããŒãæã«æžæããŸããããä»ã§ã¯ãããããèãæããŠããäœããããšããã¶ã€ã³ã®æ¬è³ªãªã®ã ãšæããŠããŸãã
æé·ããããã®åãçµã¿
ã€ã³ãããç·š
1幎ç®ã¯ã»ãšãã©ç¥èããªãç¶æ
ããã®ã¹ã¿ãŒãã ã£ããã
ããŒã«ã®äœ¿ãæ¹ãUI/UXã®æŠå¿µããããã¯ãéçºã®æµããªã©ããã¹ãŠãåããŠã§ããã
åãããªãããšã ããã®äžã§ããŸãåãçµãã ã®ã¯
ãå¿
èŠãªç¥èãäœç³»çã«ã€ã³ãããããããšãã§ãã
ç¹ã«éèŠã ãšæããã®ã¯ã以äžã®3ã€ã§ãã
1. UI/UXãžã®çè§£
ç§ã¯å€§åŠã§ãã°ã©ãã£ãã¯ãã¶ã€ã³ãäœç³»çãªãã¶ã€ã³ãåŠãã§ãããã®ã®ããããã¯ããã¶ã€ã³ã«å¿ èŠãªUIUXã®ç¥èãè«ççæèãäžè¶³ããŠãããšæããŠããŸããã
ããã§ãããŒã ã§å匷äŒãšããŠæžç±ãWebææã掻çšããäœç³»çãªç¥èã身ã«ã€ãããšãšãã«ãäžã®äžã«ã¯ã©ããã£ãUIãååšããŠããŠãããªããã®UIãåªããŠããã®ãïŒããèšèªåããèšç·Žãè¡ããŸããã
ãã ç¥èãè©°ã蟌ãã ãã§ãªããåŠãã ããšãå®åã®äžã§å®è·µããããšã§ãããŠãŒã¶ãŒã«ãšã£ãŠè¯ãäœéšãšã¯äœãïŒããå°ããã€èããããããã«ãªã£ãŠãããŸããã
åå¿è
ã«ããããã®æžç±
2. ããŒã«ã®ç¿åŸïŒFigmaïŒ
ãããã¯ããã¶ã€ããŒãšããŠå®åãé²ããããã§ãFigmaã®ç¿åŸã¯äžå¯æ¬ ã§ãã
ããããæåã¯ãªããªã䜿ãããªããã詊è¡é¯èª€ã®é£ç¶ã
ããã§ãå
茩ãã¶ã€ããŒããWebææã»Udemyã®è¬åº§ã玹ä»ããŠããããåŠç¿ãé²ããŸããã
ãã åŠã¶ã ãã§ã¯ãªããå®éã®æ¡ä»¶ã§Figmaãç©æ¥µçã«æŽ»çšããã¹ã©ã€ãå¶äœãã¯ã€ã€ãŒãã¬ãŒã äœæãªã©ãããããå Žé¢ã§ãæãåãããŠæ £ããããšããæèããŸããã

ãã®éçšã¯ãFigmaã®äœ¿çšã«æ
£ããä»ã§ãã·ã§ãŒãã«ãããã³ã³ããŒãã³ãã®æŽ»çšã«å€§ãã«åœ¹ç«ã£ãŠããŸãã
3. ãŠãŒã¶ãŒçè§£ïŒãã¡ã€ã³ç¥èïŒ
ãããã¯ããã¶ã€ããŒãšããŠä»äºãããäžã§ãããŠãŒã¶ãŒãæ·±ãçè§£ããããšã¯ãã¶ã€ã³ã®è³ªãå·Šå³ãããããšãæ¥ã 匷ã宿ããŠããŸãã
äŸãã°ç§ãæ åœããŠããã€ã³ãã€ã¹ç®¡çãµãŒãã¹ãBill Oneãã§ããã°ãçµçéšéåãã®ãããã¯ããªã®ã§ãæ¥åãããŒãç¥ããªããã°é©åãªUIã¯èšèšã§ããŸããã
ãã®ãããç°¿èšã®å匷ãããããçµçæ åœè ã«ãã¢ãªã³ã°ãè¡ãããšãéµã§ããã
ããã«ãã£ãŠãŠãŒã¶ãŒã®æèãæ¥åãããŒãå ·äœçã«ã€ã¡ãŒãžã§ããããã«ãªããçµæãšããŠããŠãŒã¶ãŒã®èŠç¹ã«ç«ã£ããã¶ã€ã³ãèããããããã«ãªã£ãŠãããŸããã
ã¢ãŠããããç·š
ãã¶ã€ã³ã·ã¹ãã ã®èšèš
ãã¶ã€ã³æ¥åã§UIãèšèšããäžã€äžã€ãããããã¯ãã®çè§£ãèªèº«ã®æé·ã«ã€ãªãã£ãããšã¯èšããŸã§ããããŸããã
äžã§ãããã¶ã€ã³ã·ã¹ãã ã®ã³ã³ããŒãã³ãèšèšã¯ããšã³ãžãã¢ã®èŠç¹ãåãå
¥ãã倧ããªãã£ããã§ããã
ã©ãèšèšããã°æ±çšçã«æŽ»çšããããUIã³ã³ããŒãã³ãã«ãªããïŒ
ãšã³ãžãã¢ãå®è£ ãããã圢ã«ãªã£ãŠãããïŒ
ãªã©ãéçºã®ãããããããå®è£ ã®è² æ ããæèããããšã§ãWebãã¶ã€ã³ãããäœç³»çã«çè§£ã§ããããã«ãªã£ããšæããŠããŸãã
äŸãã°ããã©ãŒã ã®å ¥åããã¿ã³ã®ãã¶ã€ã³ãäžè²«ããã³ã³ããŒãã³ããšããŠæŽçããããšã§ãéçºã¹ããŒããåäžãããã¶ã€ããŒã»ãšã³ãžãã¢éã®èªèã®ãºã¬ãæžããããšãã§ããŸãã
ããã«ããã¶ã€ã³ã®äžè²«æ§ãä¿ã€ããšã¯ããŠãŒã¶ãŒã«çµ±äžãããäœéšã®æäŸã«ã€ãªãããŸãã
ããããèŠç¹ãæã€ããšããããããã¯ããã¶ã€ã³ããèŠãç®ãæŽããããšãã§ã¯ãªãããããã¯ãå šäœã®å質ããŠãŒã¶ãŒäœéšãæ¯ããããšã§ãããšæ°ã¥ãããšãã§ããŸããã
One Design System
https://www.figma.com/community/file/1444244378036640509/sansan-one-design-system-community
ã®ã£ããã®äžã§æãããããã¯ããã¶ã€ã³ã®æ¥œãã
ãã¶ã€ã³ã®é¢çœãã¯ãå ±åµã®äžã«ãã
åãã¯ãæãæããŠãããããã¯ããã¶ã€ã³ãšçŸå®ãšã®ã®ã£ããã«é©ããŸããããããããã®äžã§ã確ããªæ¥œãããæããç¬éããããŸããã
ããã¯ãèªåã ãã§ã¯çã¿åºããªãã£ããã®ãã仲éãšã®å ±åµãéããŠããã¡ã«ãªãããš ã§ãã
åŠçæä»£ã®ãã¶ã€ã³ã¯ãã»ãšãã©ãå人ã§å®çµãããã®ã§ããã
ãããããããã¯ãéçºã®çŸå Žã§ã¯ããšã³ãžãã¢ãPMãã«ã¹ã¿ããŒãµããŒããªã©ãç°ãªãèŠç¹ãæã€äººã
ãšååããããšã§ãæ³åãããªãã£ãã¢ã€ãã¢ãçãŸããŸãã
äžäººã§ã¯ãã©ãçããªãã£ã解決çããããŒã ã®å¯Ÿè©±ã®äžã§åœ¢ã«ãªã£ãŠããã
ãã®ç¬éã«ç«ã¡äŒããããšãããããã¯ããã¶ã€ããŒãšããŠã®äœããã®ééå³ã ãšæããŸãã
ãŸããå®éã«ãŠãŒã¶ãŒãããŒã ã®ã¡ã³ããŒãã
ããã®æ©èœãããã䜿ããããã
ããã®ã³ã³ããŒãã³ãã®ãããã§éçºãã¹ã ãŒãºã«ãªã£ãã
ãšãã£ãèšèãããã£ããšããèªåãäœã£ããã¶ã€ã³ããããžã¥ã¢ã«ã ãã§ã¯ãªãã誰ãã®èª²é¡è§£æ±ºã«çŽæ¥ã€ãªãã£ãŠãã ã®ã ãšå®æãããŠãããŸãã

ãã®2幎éã§ãç§ã¯ããããã¯ããã¶ã€ã³ãšã¯äœãïŒããšããåãã®çããå°ããã€èŠã€ããŠããŸããã
ããã¯ãåãªãèŠãç®ã®çŸããã§ã¯ãªãããããã¯ãã®æ¬è³ªãæããããŒã ãšå ±ã«ããè¯ãäœéšãçã¿åºããŠããããšã
ç§ã¯ãããããSansanã§ããã¶ã€ã³ã®åãä¿¡ãããããã¯ãã®äŸ¡å€ãæå€§åããããšã«ææŠãç¶ããŠããããã§ãã