[B! AtomicDesign] kzms2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kzms2 id:kzms2

AtomicDesignã«é–¢ã™ã‚‹kzms2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ‹¡å¼µ - Extending Atomic Design | Graatï¼ˆã‚°ãƒ©ãƒ¼ãƒ„ï¼‰-ã‚°ãƒãƒ¼ã‚¹ãƒ»ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ï¼†ãƒãƒ¼ãƒ ã‚¹æ ªå¼ä¼šç¤¾
unsafe:ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ã€ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ‹¡å¼µã«ã¤ã„ã¦æ›¸ã‹ã‚ŒãŸè¨˜äº‹ Extending Atomic Designï¼ˆhttp://bradfrost.com/blog/post/extending-atomic-design/ï¼‰ ã®ç¿»è¨³ã§ã™ã€‚ ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã¯éšŽå±¤çš„ãªUI ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½œã‚‹ãŸã‚ã®æ–¹æ³•è«–ã§ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯ã€æ›¸ç±ã€ŒAtomic Designã€ã®è‘—è€… Brad Frost æ°ã«ã‚ˆã£ã¦ã€é€²åŒ–ã—ç¶šã‘ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ å‘¨ã‚Šã®è¨€è‘‰ã‚„æˆ¦ç•¥ã«ä¼´ã„ä»–ã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã«ã‚‚ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®è€ƒãˆã‚’åºƒã’ã¦ã„ãæ–¹æ³•ã‚„ã€ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹æœ€æ–°ã®è€ƒãˆãŒè¿°ã¹ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ‹¡å¼µ ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ä»Šã§ã¯6æ³ã«ãªã‚Šã¾ã—ãŸã€‚ï¼ˆã“ã‚Œã¯ã‚¸ãƒ§ãƒ¼ã‚¯ã§ã™ï¼ï¼‰ ãƒãƒ¼ãƒ ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’éšŽå±¤çŠ¶ã‹ã¤ã€ç›¸äº’ã«é–¢ä¿‚ã—åˆã£ã¦ã„ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®çµ„ã¿åˆã‚ã›ã§ã‚ã‚‹ã¨æ‰ãˆã¦ã€å®Ÿéš›ã®
kzms2 2019/12/04
DesignSystem

AtomicDesign
ãƒªãƒ³ã‚¯
Extending Atomic Design
Atomic design is now over 6 years old (which is nuts!). Iâ€™m thrilled that all these years later the methodology continues to help teams think of their user interfaces as a hierarchical, interconnected set of components that build real product screens. I thought Iâ€™d be sick of talking about this by now, but Iâ€™m still passionate about atomic design after hearing so many success stories, as well as w
kzms2 2019/12/04
DesignSystem

AtomicDesign
ãƒªãƒ³ã‚¯
Alternative Atomic Designã‚’ã•ãŒã—ã¦ | ã‚ˆã‚Šãƒ‡ã‚¶ã‚¤ãƒ³
DMMã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã€ŽReacté–‹ç™ºã€€ç¾å ´ã®æ•™ç§‘æ›¸ã€ã®è‘—è€…ã§ã‚‚ã‚ã‚‹çŸ³æ©‹å•“å¤ªã•ã‚“ã«ãŠå£°ãŒã‘é ‚ã„ã¦ã€ŽReactã¨AtomicDesignã‹ã‚‰ã¿ã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé–‹ç™ºã€ã§ãŠè©±ã‚’ã•ã›ã¦é ‚ãã¾ã—ãŸã€‚ ãƒ†ãƒ¼ãƒžã¯å€‹äººçš„ã«é–¢å¿ƒã®ã‚ã£ãŸã€ŒAtomic Designã®ä»£æ›¿ã€ã‚’é¸ã³ã¾ã—ãŸã€‚Atomic Designã¨è¨€ãˆã°ã€ã„ã¾ã‚„å›½å†…å¤–å«ã‚ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆã‚’ã™ã‚‹éš›ã«å¤šãã®äººãŒå‚ç…§ã™ã‚‹æ¦‚å¿µã§ã™ãŒã€ã™ã¹ã¦ã®ç’°å¢ƒã«é©åˆ‡ã‹ã¨è¨€ãˆã°ãã‚Œã¯ã¾ã ç–‘å•ã‚’æ®‹ã™ä½™åœ°ãŒã‚ã‚Šã¾ã™ã€‚ ã€ŒAtomic Designã‚’æŽ¡ç”¨ã—ã¦ã¿ãŸã‘ã©ã—ã£ãã‚Šã“ãªã‹ã£ãŸã®ã§è‡ªåˆ†ãŸã¡ã«åˆã£ãŸæ¦‚å¿µã‚’è€ƒãˆã¦ã¿ãŸã€ã¨ã„ã†å€‹äººãƒ»çµ„ç¹”ãŒã„ã‚‹ã®ã¯Mediumã®è¨˜äº‹ãªã©ã‚’é€šã˜ã¦çŸ¥ã£ã¦ã„ãŸã®ã§ã€ãã†ã„ã£ãŸäº‹ä¾‹ã‚’é›†ã‚ã¦ã¿ãŸã‚‰é¢ç™½ã„ã‚“ã˜ã‚ƒãªã„ã‹ãªã¨æ€ã£ãŸã®ãŒã“ã®ãƒ†ãƒ¼ãƒžã‚’é¸ã‚“ã ãã£ã‹ã‘ã§ã™ã€‚å®Œå…¨ã«è¶£å‘³ã§ã™ã€‚ Atomic Designã¸ã®ç–‘å• Atomic Designã«ã¤ã„ã¦çŸ¥
kzms2 2019/12/04
DesignSystem

AtomicDesign
ãƒªãƒ³ã‚¯
Atomic Design
Hey there! I wrote a book called Atomic Design that dives into this topic in more detail, which you can buy as anÂ ebook. Weâ€™re not designing pages, weâ€™re designing systems of components.â€”Stephen Hay As the craft of Web design continues to evolve, weâ€™re recognizing the need to develop thoughtful design systems, rather than creating simple collections of web pages. A lot has been said about creating
kzms2 2019/05/08
ãƒ–ã‚¯ãƒžã—ã¦ãªã‹ã£ãŸã€€Atomic Designã¯2013é ƒã‹ã‚‰ã‚ã‚‹ã®ã§è‰²ã€…ä»Šã®æ™‚ä»£ã«ã‚ã£ãŸè€ƒãˆã«ã™ã‚‹ã®ãŒè‰¯ã„ã¨æ€ãµï¼ˆå€‹äººçš„ã«ã¯molãªãè‰¯ã„æ´¾ï¼‰

AtomicDesign
ãƒªãƒ³ã‚¯
1