[B! designsystem] moqadaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

moqada id:moqada

designsystemã«é–¢ã™ã‚‹moqadaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

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

ã€ŒDesign Systemsã€è¼ªèªä¼šã¾ã¨ã‚ - UGAP Engineer's Blog
ã¯ã˜ã‚ã« WEBã‚µã‚¤ãƒˆã®ãƒšãƒ¼ã‚¸ã‚’åŠ¹çŽ‡ã‚ˆãé–‹ç™ºã—ãŸã‚Šã€ãƒ–ãƒ©ãƒ³ãƒ‰æ¯€æãªãæ‹¡å¼µã—ã¦ã„ããŸã‚ã«ã¯ã€ ãã®ãƒšãƒ¼ã‚¸ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒ‘ãƒ¼ãƒ„ï¼ˆãƒœã‚¿ãƒ³ã‚„ã€è‰²ã€ãƒ•ã‚©ãƒ³ãƒˆãªã©ï¼‰ã‚’ç¹°ã‚Šè¿”ã—ä½¿ã„å›žã›ã‚‹ã‚ˆã†ã«ç®¡ç†ã—ã¦ãŠãã“ã¨ãŒé‡è¦ã§ã™ã€‚ ãŸã ã€ãã®ç¹°ã‚Šè¿”ã—ã¦ä½¿ã†ãƒ‘ãƒ¼ãƒ„ã‚’ã©ã®ç²’åº¦ã§ä½œæˆã€ä¿å˜ã€å…±æœ‰ã€ä½¿ç”¨ã™ã‚‹ã‹ã‚’ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ¡ãƒ³ãƒãƒ¼é–“ã§æ±ºã‚ã¦ãŠã‹ãªã„ã¨ã€ã ã‚“ã ã‚“ã¨å´©å£Šã—ã¦ã„ãã¾ã™ã€‚ ã©ã®ã‚ˆã†ãªãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã€ãã‚Œã‚’å¤‰æ›´ã€ä¿å˜ã€å…±æœ‰ã€ä½¿ç”¨ã™ã‚‹ã‹ã®ãƒ«ãƒ¼ãƒ«ã‚’å®šã‚ã¦æ˜Žæ–‡åŒ–ã™ã‚‹ã“ã¨ã‚’ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã€ã¨ã„ã„ã¾ã™ã€‚ ä»Šå›žã€ã“ã®ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã€ã«ã¤ã„ã¦ã€å…·ä½“çš„ã«ã©ã®ã‚ˆã†ãªã“ã¨ã‚’æ˜Žæ–‡åŒ–ã™ã‚‹ã¹ãã‹ã‚’ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é–“ã§èªè˜åˆã‚ã›ã‚‹ã‚’ã™ã‚‹ãŸã‚ã«ã€ŒDesign Systemsã€ã¨ã„ã†æœ¬ã®è¼ªèªä¼šã‚’è¡Œã„ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã¯æœ¬ã®ã¾ã¨ã‚ã¨æ„Ÿæƒ³ã®è¨˜äº‹ã«ãªã‚Šã¾ã™ã€‚ æ¥å‹™æ™‚é–“å†…ã§æ¯Žé€±ï¼‘æ™‚é–“ã‚’ã¤ã‹ã£ã¦ï¼‘ç« ãšã¤å£°ã«å‡ºã—ã¦èªã¿
moqada 2019/08/02
designsystem
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ãŒä½œã‚Šå‡ºã™æ˜Žæ–‡åŒ–ã¸ã®é“
æ˜Žæ–‡åŒ–ã‚’ãƒ†ãƒ¼ãƒžã«ã—ã¦ã„ãŸ2016å¹´ ä»Šå¹´ã®åˆã‚ãƒ‡ã‚¶ã‚¤ãƒ³ SDK ã®ã‚ˆã†ãªã‚‚ã®ãŒæ¬²ã—ã„ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚é–‹ç™ºè€…ã‹ã‚‰ææ¡ˆã•ã‚Œã¦ã„ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å¯„ã‚Šã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¯ã‚³ãƒ¼ãƒ‰ã®å“è³ªç®¡ç†ã¨ã€è¦‹ãŸç›®ã®å†ç¾æ€§ã‚’é«˜ã‚ã‚‹ä¸Šã§æœ‰åŠ¹ãªæ‰‹æ®µã§ã™ã€‚ã—ã‹ã—ã€ã“ã‚Œã ã¨ã‚³ãƒ¼ãƒ‰ã‚’ç†è§£ã—ã¦ã„ã‚‹ã“ã¨ãŒã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®åˆ©ç”¨ãƒ»é–¢ä¸Žã®å¤§å‰æã«ãªã‚Šã¾ã™ã€‚ã™ã¹ã¦ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚³ãƒ¼ãƒ‰ã‹ã‚‰å§‹ã¾ã‚‹ã¨ã¯é™ã‚‰ãªã„ã§ã™ã—ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚ã‚Œã° Sketch ã‚„ Photoshop ã¨ã„ã£ãŸæ—¥ã€…ä½¿ã†ãƒ„ãƒ¼ãƒ«ã‚’æ´»ç”¨ã—ã¦æœ€ä½Žé™ã®å“è³ªã‚’ä¿ã¤æ‰‹æ®µãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ å…±é€šè¨€èªžã‚’ä½œã£ã¦ã„ãã€‚ ã“ã‚Œã¯æ–‡å—é€šã‚Šè¨€è‘‰ã ã‘ã§ãªãã€UI ã‚’å§‹ã‚ãŸè¦–è¦šçš„ãªéƒ¨åˆ†ãªã©ã€ä»Šã¾ã§å¥½ã¿ã‚„æ„Ÿè¦šã§æ¸ˆã¾ã›ã¦ã„ãŸã“ã¨ã‚‚ãã¡ã‚“ã¨è¨€è‘‰ã«ã™ã‚‹ã“ã¨ã‚‚æŒ‡ã—ã¦ã„ã¾ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³æ‰¹è©•ã‚‚å…±é€šè¨€èªžã‚’ä½œã‚Šä¸Šã’ã‚‹ãŸã‚ã«å¿…è¦ãªãƒ—ãƒã‚»ã‚¹ã§ã™ã€‚ å»ºç¯‰å®¶ã‚¯ãƒªã‚¹ãƒˆãƒ•ã‚¡ãƒ¼ãƒ»ã‚¢ãƒ¬ã‚°ã‚¶ãƒ³ãƒ€ãƒ¼ã®è‘—æ›¸ã€ŒPattern Languag
moqada 2019/07/11
design

designsystem
ãƒªãƒ³ã‚¯
Building Design Systems with Atomic Design
CÑ…ÐµÐ¼Ð°Ñ‚Ð¸Ð·Ð°Ñ†Ð¸Ñ Ð¿Ñ€Ð¾Ñ†ÐµÑÑÐ¾Ð² Ð¸Â Ð¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ñ‚ÐµÐ»ÑŒÑÐºÐ¾Ð³Ð¾ Ð¾Ð¿Ñ‹Ñ‚Ð° ÑÂ ÐšÐ°Ñ€Ñ‚Ð¾Ð¹Â Ð¿Ñ€Ð¾Ñ†ÐµÑÑÐ°-Ð¾Ð¿Ñ‹Ñ‚Ð°
moqada 2019/02/12
atomicdesign

designsystem

presentation
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã‚’ã¤ãªãã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®é‹ç”¨è¨è¨ˆ
# ThinkAtomicDesign ã§ãŠè©±ã—ãŸè³‡æ–™ã§ã™ã€‚ https://thinkatomicdesign.connpass.com/event/115574/
moqada 2019/02/12
designsystem

atomicdesign

presentation

ui
ãƒªãƒ³ã‚¯
atama plusç¤¾ã§1ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ æ§‹ç¯‰ã«å–ã‚Šçµ„ã‚€ãƒ¬ãƒãƒ¼ãƒˆ Â· Design Systems JP
moqada 2019/01/28
design

designsystem

team
ãƒªãƒ³ã‚¯
Dealing with Dependencies Inside Design Systems â€“ EightShapes â€“ Medium
#5 of 6 of the series Releasing Design Systems: Outputs | Cadence | Versions | Breaking | Dependencies | Process Within a component library, what component has the most dependents (other components in the library that include it)? â€œButton!â€ is a knee-jerk response. Good guess! Buttons are reused heavily by many other components. "How about paragraph?" someone suggests. Not exactly. Paragraph is us
moqada 2018/12/02
designsystem
ãƒªãƒ³ã‚¯
Design Better | The Curiosity Department | Substack
Design BetterHosted by Eli Woolery and Aarron Walter, the Design Better podcast explores creativity at the intersection of design and techno logy.
moqada 2018/12/02
design

designsystem

document
ãƒªãƒ³ã‚¯
Building a Scalable Design System with Sketch - Speaker Deck
Design Systems have reached peak popularity. It seems that every design team has either built one, is building one, or wants to build one. With the releâ€¦
moqada 2018/12/01
designsystem

presentation

design
ãƒªãƒ³ã‚¯
Atlassianã¯ã©ã®ã‚ˆã†ã«ã—ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½œã‚Šä¸Šã’ãŸã‹
AtlassianãŒãƒ‡ã‚¶ã‚¤ãƒ³ã«æ³¨åŠ›ã—å§‹ã‚ãŸ2012å¹´ã€æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ•ã¨ã—ã¦JÃ¼rgen Spanglæ°ãŒé›‡ã‚ã‚Œã¾ã—ãŸã€‚å½¼ãŒå§‹ã‚ãŸæœ€åˆã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ï¼‘ã¤ã¯ã€æ–°ã—ã„ä¼šç¤¾å†…ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã§ã‚ã‚‹Atlassianãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ï¼ˆADGï¼‰ã®ä½œæˆã§ã—ãŸã€‚ å½“æ™‚Atlassianã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã‚’æ‹¡å¤§ã™ã‚‹éš›ã«å…±é€šã™ã‚‹ã€ã„ãã¤ã‹ã®å›°é›£ã«ç›´é¢ã—ã¦ã„ã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã°ã‚‰ã¤ãï¼šå½“æ™‚ã¯45ç¨®é¡žã®ç•°ãªã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãŒã‚ã‚Šã¾ã—ãŸã€‚ ãƒ„ãƒ¼ãƒ«ã®ä¸è¶³ï¼šè¤‡æ•°ã®è£½å“ã«ã¾ãŸãŒã£ã¦ä»•äº‹ã‚’æ‹¡å¤§ã™ã‚‹ãŸã‚ã«ã€ãƒãƒ¼ãƒ ã¯ã‚ˆã‚Šå¼·åŠ›ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’å¿…è¦ã¨ã—ã¦ã„ã¾ã—ãŸã€‚ ä½™è¨ˆãªè³ªå•ï¼šAtlassianã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ã€ã€Œã©ã®ãƒœã‚¿ãƒ³ã‚’ä½¿ã†ã¹ãã‹ã€ãªã©ã®ã‚ˆãã‚ã‚‹è³ªå•ã«ç”ãˆã‚‹æ™‚é–“ã‚’æ¸›ã‚‰ã—ã¦ã€ã‚³ã‚¢ãªå•é¡Œã«ã‚ˆã‚Šå¤šãã®æ™‚é–“ã‚’è²»ã‚„ã—ãŸã„ã¨æœ›ã‚“ã§ã„ã¾ã—ãŸã€‚ ã‹ã¤ã¦Nathan Curtisæ°ã¯ã€ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã¨ã¯ã€è£½å“ã‚’æä¾›ã™ã‚‹ãŸã‚ã®
moqada 2018/12/01
designsystem

design
ãƒªãƒ³ã‚¯
UXPin | The Full-Stack UX Design Platform
Download our free report on how leaders and design system contributors from enterprise companies like Caterpillar, PayPal, or Weir Group build and grow design systems. Learn key lessons on design system maturity and operations.
moqada 2018/12/01
designsystem

design
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ŽAdeleã€ç™»å ´ã€‚å„ç¤¾ãŒå…¬é–‹ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’æ¨ªä¸²ã§æ¤œç´¢ãƒ»å‚ç…§å¯èƒ½ã«ï½œdesigning
ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ŽAdeleã€ç™»å ´ã€‚å„ç¤¾ãŒå…¬é–‹ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’æ¨ªä¸²ã§æ¤œç´¢ãƒ»å‚ç…§å¯èƒ½ã« ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ãƒ„ãƒ¼ãƒ«ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ åˆ¶ä½œãƒ„ãƒ¼ãƒ«ã‚’æä¾›ã™ã‚‹UX Pinã¯ã€æ§˜ã€…ãªä¼æ¥ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ãŒå…¬é–‹ã—ã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ç‰ã‚’ã¾ã¨ã‚ãŸã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ŽAdeleã€ã‚’å…¬é–‹ã—ãŸã€‚ ãƒªãƒªãƒ¼ã‚¹å½“åˆã¯43ã®ã‚·ã‚¹ãƒ†ãƒ ãŒç™»éŒ²ã€‚æ¤œç´¢æ©Ÿèƒ½ãŒå……å®Ÿã—ã¦ãŠã‚Šã€ãƒ¬ãƒã‚¸ãƒˆãƒªã®ç¨®é¡žã‹ã‚‰ä½¿ç”¨è¨€èªžã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®æœ‰ç„¡ã€JSã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ç¨®åˆ¥ã€ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚„ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚„UIã‚ãƒƒãƒˆã®æœ‰ç„¡ãªã©ã€è¨ˆ30ã®åˆ‡ã‚Šå£ã§æ¤œç´¢ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ ã‚·ã‚¹ãƒ†ãƒ ã®ä¸€è¦§ç”»é¢ ç¾çŠ¶ç™»éŒ²ã•ã‚Œã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã¯ã€ŽBBCã€ã‚„ã€ŽBuzzFeedã€ã¨ã„ã£ãŸãƒ¡ãƒ‡ã‚£ã‚¢ã‹ã‚‰ã€ŽTrelloã€ã€ŽDropboxã€ã€ŽFirefoxã€ã€ŽSalesforceã€ãª
moqada 2018/12/01
design

designsystem
ãƒªãƒ³ã‚¯
AtlassianãŒãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®æ§‹ç¯‰ã‹ã‚‰å¦ã‚“ã ã“ã¨
10å¹´ä»¥ä¸Šã®æ³æœˆã‚’çµŒã¦ã€Atlassianã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯å¾ã€…ã«æ”¹è‰¯ãƒ»æ´—ç·´ã•ã‚Œã¦ã„ãã¾ã—ãŸã€‚ãã†ã„ã£ãŸæµã‚Œã®ä¸ã§ã€Atlassianã¯ã€2012å¹´ã«æœ€åˆã®å…¬å¼ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½œæˆã—ã¾ã—ãŸã€‚å½“æ™‚ã®æœ€å„ªå…ˆã®ç›®çš„ã¯ã€Atlassianã®ã™ã¹ã¦ã®è£½å“ã§ä¸€è²«æ€§ã‚’ç¢ºç«‹ã™ã‚‹ã“ã¨ã§ã—ãŸã€‚æœ€åˆã®ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã€ã¯ã€å®Ÿéš›ã«ã¯å¾“æ¥çš„ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã«è¿‘ã„ã‚‚ã®ã§ã—ãŸã€‚ æ¬¡ã®ï¼•å¹´é–“ã§ã€Atlassianã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™ºã¨èª¿æ•´ã‚’è¡Œã„ã€æœ‰ç›Šãªæ•™è¨“ã‚’å¦ã³ã¾ã—ãŸã€‚ãã‚Œã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã¯ä¸€è²«æ€§ã®ç¶æŒã ã‘ã«ã¨ã©ã¾ã‚‰ãªã„åŠ¹æžœãŒã‚ã‚‹ã¨ã„ã†ã“ã¨ã§ã—ãŸã€‚2017å¹´ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ã€è£½å“ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‹ã‚‰ãƒ•ãƒªã‚¯ã‚·ãƒ§ãƒ³ã‚’æ¸›ã‚‰ã™ã“ã¨ã«é‡ç‚¹ãŒç½®ã‹ã‚Œã¾ã—ãŸã€‚ãã—ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã‚’è£œå®Œã™ã‚‹UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã€ŒAtlaskitã€ãŒè¿½åŠ ã•ã‚Œã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ã‚¹ãƒ†ãƒ ã®æ©Ÿèƒ½ãŒå®šç¾©ã•ã‚Œã¾ã—ãŸã€‚ Atlaskitã§ã¯ã€æ¨™æº–ã¨ãªã‚‹UIã‚³ãƒ³ãƒ
moqada 2018/12/01
design

designsystem
ãƒªãƒ³ã‚¯
1