[B! atomicdesign] seckieã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

seckie id:seckie

atomicdesignã«é–¢ã™ã‚‹seckieã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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}}

Atomic Designã‚’åˆ†ã‹ã£ãŸã¤ã‚‚ã‚Šã«ãªã‚‹
ã€ŒAtomic Designã€ï¼ˆã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰ã¨ã„ã†è¨€è‘‰ãŒã—ã°ã—ã°èžã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚å®Ÿéš›ã«ã¡ã‚‡ã£ã¨ã—ãŸãƒˆãƒ©ã‚¤ã‚¢ãƒ«ã‚’ã—ã¤ã¤ã€Atomic Design ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚
seckie 2020/06/16
atomicdesign
ãƒªãƒ³ã‚¯
Yahoo! JAPAN ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’ Atomic Design ã¨ Reactãƒ»Reduxãƒ»TypeScript ã§ä½œã‚Šå¤‰ãˆãŸãŠè©±
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã“ã‚“ã«ã¡ã¯ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚å²¡éƒ¨å’Œæ˜Œï¼ˆ@kzms2ï¼‰ã¨ç”³ã—ã¾ã™ã€‚ ä»Šå›žãŠè©±ã—ã™ã‚‹å†…å®¹ã¯ã‚¿ã‚¤ãƒˆãƒ«ã§ã»ã¼å…¨éƒ¨è¿°ã¹ã¦ã„ã‚‹ã®ã§ã™ãŒã€PC ç‰ˆ Yahoo! JAPAN ã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’ 2019 å¹´ 10 æœˆ 1 æ—¥ã«åˆ·æ–°ã€ä¸»ã«é–‹ç™ºç’°å¢ƒã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ãŸçµŒç·¯ã¨æŽ¡ç”¨ã—ãŸæŠ€è¡“ã«é–¢ã—ã¦ã®ãŠè©±ã§ã™ã€‚ è¦‹ãŸç›®ã«é–¢ã—ã¦ã¯ç‰¹ã«å¤§ããªå¤‰åŒ–ã¯ãªã‹ã£ãŸã®ã§ã€æ°—ãŒä»˜ã‹ãªã‹ã£ãŸæ–¹ã‚‚å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãªãœåˆ·æ–°ã—ãŸã‹ Yahoo! JAPAN ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã¯ 2008 å¹´ 1 æœˆ 1 æ—¥ã«å¤§è¦æ¨¡ãªãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’è¡Œã„ã¾ã—ãŸã€‚ãã®é ƒã‹ã‚‰ã‚ã‚‹ç¨‹åº¦ã®æ”¹ä¿®ã¯ã‚ã£ãŸã‚‚ã®ã®ã€åŸºæœ¬çš„ã«ã¯ã‚³ãƒ¼ãƒ‰ã®ç¶™ãŽè¶³ã—ã§ä¿®æ£ã‚’åŠ ãˆã¦ã„ã‚‹çŠ¶æ…‹ã§ã—ãŸã€‚ ï¼ˆå‚ç…§ï¼›Yahoo! JAPAN ãƒˆãƒƒãƒ—
seckie 2019/12/03
redux

typescript

react

yahoo

atomicdesign
ãƒªãƒ³ã‚¯
Atomic Designã¨CSSè¨è¨ˆ | ç¬¬1å›ž Atomic Designã¨ã¯ä½•ã‹
Atomic Designã¨CSSè¨è¨ˆ ç¬¬1å›ž Atomic Designã¨ã¯ä½•ã‹ ã€ŒAtomic Designã€ã¨ã„ã†è¨€è‘‰ã‚’èžã„ãŸã“ã¨ãŒã‚ã‚‹äººã¯å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€å®Ÿéš›ãã‚ŒãŒã©ã®ã‚ˆã†ãªã‚‚ã®ãªã®ã‹ã€ç†è§£ã—ã«ãã„éƒ¨åˆ†ãŒã‚ã‚Šã¾ã™ã€‚æœ¬è¨˜äº‹ã§ã¯Atomic Designã«ã¤ã„ã¦å¦ã³ã€ãã‚Œã‚’CSSè¨è¨ˆã«æ´»ã‹ã™ã«ã¯ã©ã†ã—ãŸã‚‰ã‚ˆã„ã‹ã‚’è€ƒãˆã¾ã™ã€‚ ã¯ã˜ã‚ã« Atomic Designã¨ã„ã†è¨€è‘‰ã‚’èžã„ãŸã“ã¨ãŒã‚ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚Atomic Designã¨ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’ä¸å¿ƒã¨ã—ãŸè¨è¨ˆã®æ–¹æ³•ã«ã¤ã„ã¦æ›¸ã‹ã‚ŒãŸæ›¸ç±ã§ã™ã€‚ Atomic Design by Brad Frost è‘—è€…ã®Brad Frostæ°ã¯ã€æ›¸ç±ã®å†…å®¹ã‚’ã™ã¹ã¦Webä¸Šã§å…¬é–‹ã—ã¦ã„ã‚‹ãŸã‚ã€ä¸Šè¨˜ã‚µã‚¤ãƒˆã§èªã‚€ã“ã¨ãŒã§ãã¾ã™ã€‚ Atomic Designã«ã¤ã„ã¦Webã§æ¤œç´¢ã—ã¦ã„ã‚ã„ã‚ãªè¨˜äº‹ã‚’çœºã‚ã¦ã„ã‚‹ã¨ã€ã“ã®Atomic Designã®è¨è¨ˆæ€æƒ³ãŒã‚³
seckie 2019/05/19
atomicdesign
ãƒªãƒ³ã‚¯
Atomic Design by Brad Frost
We're tasked with making interfaces for more users in more contexts using more browsers on more devices with more screen sizes and more capabilities than ever before. That's a daunting task indeed. Thankfully, design systems are here to help. Atomic Design details all that goes into creating and maintaining robust design systems, allowing you to roll out higher quality, more consistent UIs faster
seckie 2019/05/19
atomicdesign
ãƒªãƒ³ã‚¯
ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ | UX TIMES
UIã¯å°ã•ãªæ§‹æˆè¦ç´ ã®å…¥ã‚Œåã®çµ„ã¿åˆã‚ã›ã¨ã„ã†è€ƒãˆã‚’å…ƒã«ã€åŒ–å¦ã®ãƒ¡ã‚¿ãƒ•ã‚¡ãƒ¼ã‚’ç”¨ã„ã¦éšŽå±¤ã¨ç²’åº¦ã‚’å®šç¾©ã—ãŸè¨è¨ˆæ‰‹æ³• ç”»é¢ã‚’æ§‹æˆã™ã‚‹è¦ç´ ã‚’ã€åŽŸåï¼ˆAtomï¼‰åˆ†åï¼ˆmoleculeï¼‰æœ‰æ©Ÿä½“ï¼ˆorganismï¼‰ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼ˆTemplatesï¼‰ãƒšãƒ¼ã‚¸ï¼ˆPagesï¼‰ã®5ã¤ã®éšŽå±¤ã«åˆ†ã‘ã€æœ€çµ‚çš„ãªUIã¨UIã®åŸºç¤Žã¨ãªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’åŒæ™‚ã«ä½œæˆã™ã‚‹è¨è¨ˆæ–¹æ³•ã§ã€ã‚¢ãƒ¡ãƒªã‚«ã®Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼Brad Frostãƒ–ãƒ©ãƒƒãƒ‰ãƒ»ãƒ•ãƒã‚¹ãƒˆæ°ãŒè€ƒæ¡ˆãƒ»æå”±ã—ãŸã€‚ å…¬é–‹ã—ã¦ã„ã‚‹ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®é›»åæ›¸ç±ã§ã¯ã€ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®å®Ÿè·µãƒ—ãƒã‚»ã‚¹ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¦ã€Œã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®æœ¬è³ªã¯UIã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¢ãƒ‡ãƒ«ã«éŽãŽãªã„ã€ã¨è¿°ã¹ã¦ã„ã‚‹ã€‚ ã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³èª•ç”Ÿã®èƒŒæ™¯ ç´™ã¨ã„ã†ãƒ¡ãƒ‡ã‚£ã‚¢ã«ãŠã‘ã‚‹ãƒšãƒ¼ã‚¸ã¨ã„ã†ãƒ¡ã‚¿ãƒ•ã‚¡ãƒ¼ã®å´©å£Š 1991å¹´ã«WWWãƒ¯ãƒ¼ãƒ«ãƒ‰ãƒ»ãƒ¯ã‚¤ãƒ‰ãƒ»ã‚¦ã‚§ãƒ–ã®èª•ç”Ÿå½“æ™‚ã«ã¯ã‚¦ã‚§ãƒ–ã®æ¦‚å¿µãŒæ–¬æ–°éŽãŽã¦ç†è§£ã§ããªã‹ã£ãŸ
seckie 2019/05/19
atomicdesign
ãƒªãƒ³ã‚¯
Atomic Designã‚’æŽ¡ç”¨ã—ãŸWebé–‹ç™ºã«ãŠã‘ã‚‹istyleã®ç¾çŠ¶ã¨èª²é¡Œã€€å°Žå…¥ã®çµŒç·¯ã‹ã‚‰åŠ¹æžœã¾ã§ - ãƒã‚°ãƒŸãƒ¼Tech
Atomic Designã‚’æŽ¡ç”¨ã—ãŸWebé–‹ç™ºã«ãŠã‘ã‚‹istyleã®ç¾çŠ¶ã¨èª²é¡Œ å°Žå…¥ã®çµŒç·¯ã‹ã‚‰åŠ¹æžœã¾ã§ istyleã«ãŠã‘ã‚‹Atomic Designåˆ©ç”¨ã®ç¾çŠ¶ã¨èª²é¡Œ 2018å¹´10æœˆ18æ—¥ã€Roppongi DesignersãŒä¸»å‚¬ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDesigner X Engineer Development #01ã€ãŒé–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã©ã®ã‚ˆã†ã«é–‹ç™ºã‚’é€²ã‚ã¦ã„ãã‹ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ—ãƒãƒ€ã‚¯ãƒˆã«è½ã¨ã—è¾¼ã‚€ãƒ—ãƒã‚»ã‚¹ã«ã¤ã„ã¦ã€ã©ã®ã‚ˆã†ãªè¨è¨ˆæ–¹æ³•ãƒ»ãƒ„ãƒ¼ãƒ«ãƒ»ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œãªã£ã¦ã„ã‚‹ã‹ã‚’å…±æœ‰ã™ã‚‹å‹‰å¼·ä¼šã€‚ä»Šå›žã¯ã€5ç¤¾ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒé›†ã„ã€è‡ªç¤¾ã«ãŠã‘ã‚‹å”åŒã®ç¾çŠ¶ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã€Œistyleã«ãŠã‘ã‚‹Atomic Designåˆ©ç”¨ã®ç¾çŠ¶ã¨èª²é¡Œã€ã«ç™»å ´ã—ãŸã®ã¯ã€æ ªå¼ä¼šç¤¾ã‚¢ã‚¤ã‚¹ã‚¿ã‚¤ãƒ«ã®é«˜ç”°åå¹³æ°ã€ç´°æ±Ÿä½³èœç¾Žæ°ã€ç«¹å†…ç¾Žå¸†æ°ã®3åã€‚åŒç¤¾ã«ãŠã‘ã‚‹æ–°è¦ã®é–‹ç™ºã§Atom
seckie 2019/01/31
atomicdesign
ãƒªãƒ³ã‚¯
Vue.js ã‹ã‚‰ã¿ãŸ AtomicDesign
ã“ã®è¨˜äº‹ã¯Vue.js #3 Advent Calendar 2017ã®13æ—¥ç›®ã®è¨˜äº‹ã§ã™ Atomic Designè‡ªä½“ã®è¨˜äº‹ã¯è‰²ã€…ã‚ã‚Šã¾ã™ã®ã§ã€ã“ã®è¨˜äº‹ã§ã¯AtomicDesignã§è¨è¨ˆã—ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’Vue.jsã§å®Ÿéš›ã«é‹ç”¨ã—ã¦ã¿ã¦æ„Ÿã˜ãŸäº‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸ å®Ÿéš›ã«ã©ã‚“ãªæ„Ÿã˜ã«ãªã‚‹ã‹çµè«–ã‹ã‚‰è¨€ã†ã¨ã€Atomã¨Moleculeã«Storeã‚’æŒãŸã›ãšã€‚ Organismsã¨Templateã‚ãŸã‚Šã®ç²’åº¦ã§Storeã‚’åˆ©ç”¨ã™ã‚‹ã¨IAçš„ã«ã‚‚åŽã¾ã‚ŠãŒã„ã„æ§˜ã«æ€ãˆã¾ã™ã€‚æ˜¯éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ãƒ„ãƒƒã‚³ãƒŸå…¥ã‚Œã¾ã—ã‚‡ã†ã€‚ Vueã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’AtomicDesignã§å®Ÿè£…ã™ã‚‹ã¨ã ã„ãŸã„ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚Atomã®å½¹å‰²è‰²ãƒ»ã‚¿ã‚¤ãƒãƒ»ãƒœã‚¿ãƒ³å›ºå®šæ–‡è¨€ãªã© ç›´æŽ¥æç”»è¦ç´ ã«ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æç”»è¦ç´ ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºè¡Œè¦ªè¦ç´ ã‹ã‚‰ã®ãƒ‡ãƒ¼ã‚¿å—ã‘å–ã‚Šç™»å ´ç®‡æ‰€ãŒã™ã”ãå¤šã„ã®ã§ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¬ã‚¹ã‚’å¾¹åº•ã™ã‚‹Storeã¿ã¡ã‚ƒãƒ€ãƒ¡çµ¶å¯¾ï¼
seckie 2018/09/23
vue.js

atomicdesign
ãƒªãƒ³ã‚¯
1