BCD Design ã«ã‚ˆã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®åˆ†é¡ž - Qiitaatoms ã‚’ atoms ã§ã‚り続ã‘ã•ã›ã‚‹ãŸã‚ã®å·¥å¤«ã¯ä»¥å‰è¨˜äº‹ã«æ›¸ã„ãŸã®ã§å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„。 AtomicDesign ã® atom よりå°ã•ãªä¸–ç•Œã®æ‰‰ã‚’é–‹ã 軸ã®è»¢æ› 粒度軸é‡è¦–ã‹ã‚‰æ¦‚念軸é‡è¦–㸠以下ã¯ç°¡å˜ãªãƒ–ãƒã‚°ã‚µãƒ¼ãƒ“スã§ä½œæˆã™ã‚‹ã§ã‚ã‚ã†ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’5ã¤ã®æ–¹æ³•ã§åˆ†é¡žã—ãŸä¾‹ã§ã™ã€‚ 粒度軸ã§åˆ†é¡žã—ã¦ã‚‚ã€æ¦‚念軸ã®åˆ†é¡žã‚’ã—ãªã„ã¨ã‚レイãªæ§‹é€ ã«ã¯ãªã‚‰ãªã„ 概念軸ã§åˆ†é¡žã™ã‚‹ã¨ã€ç²’度軸ã§åˆ†é¡žã—ãªãã¦ã‚‚ã‹ãªã‚Šã‚レイãªæ§‹é€ ã«ãªã‚‹ 概念軸ã¨ç²’度軸ã§åˆ†é¡žã™ã‚‹ã¨ã€éžå¸¸ã«ãƒãƒ©ãƒ³ã‚¹ã®å–ã‚ŒãŸæ§‹é€ ã«ãªã‚‹ 概念軸ã¨é–¢å¿ƒã§åˆ†é¡žã™ã‚‹ã¨ã€ã‚¹ã‚±ãƒ¼ãƒ«ã«å¼·ããªã‚‹ 5 概念軸ã¨é–¢å¿ƒã¨ç²’度軸ã§åˆ†é¡žã™ã‚‹ã¨ã€ã‚¹ã‚±ãƒ¼ãƒ«ã«å¼·ãã€é–¢å¿ƒã‚’ã¾ã¨ã‚ã¤ã¤ç²’度ã®æ©æµã‚‚得られる 5 ãªãœç²’度軸より概念軸ãªã®ã‹ 粒度軸ã®ä¸ã§æ¦‚念軸ã®åˆ†é¡žã‚’行ㆠ概念軸ã®ä¸ã§ç²’度軸ã®åˆ†é¡žã‚’行ㆠã“ã®2ã¤ã®ä¸€ç•ªå¤§ããªé•ã„ã¯ã€é–¢å¿ƒã®ã¾ã¨ã¾ã‚Šã§ã™ã€‚ DDD ã®åŸºæœ¬ã§ã‚‚ã‚ã‚‹
Atomic Designã‚’ã‚„ã‚ã¦ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹é€ を見直ã—ãŸè©±ï½œé£Ÿã¹ãƒã‚° フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
原åã®å†å®šç¾© - Atomic ReDesign -
https://rc-code.info/ui_ux/post-199/
Atomic Designã®æ—¥æœ¬èªžã‚¹ãƒ©ã‚¤ãƒ‰ã«æ£ã—ã•ã‚’求ã‚ã‚‹ã®ã¯é–“é•ã£ã¦ã„ã‚‹ã ã‚ã†ã‹ - Qiita
Atomic Design を実案件ã«å°Žå…¥ - UI コンãƒãƒ¼ãƒãƒ³ãƒˆã®ç²’度を明確化ã—ãŸçµæžœã¨å‰¯ç”£ç‰©
React Component 視点ã§ã®ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®è§£é‡ˆã¨ã„ãã¤ã‹ã®ç–‘å• - mizchi's blog
{{#tags}}- {{label}}
{{/tags}}