[B! UI] mozy_okã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mozy_ok id:mozy_ok

UIã«é–¢ã™ã‚‹mozy_okã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

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

ã€Œã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ãƒžãƒ¼ãƒˆã€ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ãã‚‹ã¾ã§ã€€ãƒ©ãƒ•ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰å®Œæˆå½¢ã¾ã§ã®è»Œè·¡ - ãƒã‚°ãƒŸãƒ¼Tech
2018å¹´9æœˆ26æ—¥ã€ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰æ ªå¼ä¼šç¤¾ãŒä¸»å‚¬ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã€ŒCookpad Tech Kitchenã€ãŒé–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚ç¬¬18å›žã¨ãªã‚‹ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯ã€Œç”Ÿé®®é£Ÿå“EC ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ãƒžãƒ¼ãƒˆã®é–‹ç™ºç§˜è©±ã€ã€‚7æœˆã«ç™ºè¡¨ã—ãŸã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã®æ–°è¦äº‹æ¥ã€ç”Ÿé®®é£Ÿå“ãƒãƒƒãƒˆã‚¹ãƒ¼ãƒ‘ãƒ¼ã€Œã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ãƒžãƒ¼ãƒˆã€ã®é–‹ç™ºã®è£å´ã«ã¤ã„ã¦ã€äº‹æ¥è²¬ä»»è€…ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŸã¡ãŒèªžã‚Šå°½ãã—ã¾ã™ã€‚ã€Œã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ãƒžãƒ¼ãƒˆã§ã‚¢ãƒ—ãƒªã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ãŸè©± ã€ã«ç™»å ´ã—ãŸã®ã¯ã€ç±³ç”°å“²ä¸ˆæ°ã€‚ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ãƒžãƒ¼ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒä»Šæ—¥ã®å½¢ã«è‡³ã‚‹ã¾ã§ã«ã‚„ã£ãŸã“ã¨ã‚’èªžã‚Šã¾ã™ã€‚è¬›æ¼”è³‡æ–™ã¯ã“ã¡ã‚‰ ãƒ©ãƒ•ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ€ã†å˜åˆ†æ¥½ã—ã¿ãªãŒã‚‰ã¤ãã‚‹ç±³ç”°å“²ä¸ˆæ°ï¼ˆä»¥ä¸‹ã€ç±³ç”°ï¼‰ï¼šåƒè¶ŠãªãŒã‚‰è‡ªå·±ç´¹ä»‹ã‚’ã•ã›ã¦ã„ãŸã ãã¾ã™ã¨ã€ç§ã¯ç±³ç”°ã¨ç”³ã—ã¾ã™ã€‚5æœˆ1æ—¥ã«å…¥ç¤¾ã—ãŸã¨ã“ã‚ãªã®ã§ã€4ã€5ãƒ¶æœˆãã‚‰ã„ã‚„ã£ã¦ã„ã‚‹ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼Ÿï¼ˆç¬‘ï¼‰ã€‚æˆ‘ã€…ã®ãƒãƒ¼ãƒ ã¯è·ã«ã‚ã¦ã‚‰ã‚Œãªã„ä»•äº‹ãŒå¤šãã¦ã€ã‚¨ãƒ³ã‚¸
mozy_ok 2018/11/22
ãƒ‡ã‚¶ã‚¤ãƒ³

Sketch

UX

UI
ãƒªãƒ³ã‚¯
element-ui demo
mozy_ok 2018/10/10
element

vue

UI
ãƒªãƒ³ã‚¯
18F: Digital service delivery | Building a large-scale design system: How we created a design system for the U.S. government
An official website of the United States government Hereâ€™s how you know The .gov means itâ€™s official. Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure youâ€™re on a federal government site. The site is secure. The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted sec
mozy_ok 2018/03/02
service

UI

UX

design system

design

è¡Œæ”¿ãƒ»æ”¿åºœãƒ»è‡ªæ²»ä½“
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (9)

UIã«é–¢ã™ã‚‹mozy_okã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ã€å®Œäº†ã€‘3æœˆ26æ—¥(æœ¨)15:00é ƒã‹ã‚‰30åˆ†ç¨‹åº¦ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŸã‚ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã‚’ã¤ã‘ã‚‰ã‚Œãªã„æ™‚é–“å¸¯ãŒç™ºç”Ÿã—ã¾ã™

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (9)

UIã«é–¢ã™ã‚‹mozy_okã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ã€Œã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ãƒžãƒ¼ãƒˆã€ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ãã‚‹ã¾ã§ã€€ãƒ©ãƒ•ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰å®Œæˆå½¢ã¾ã§ã®è»Œè·¡ - ãƒ­ã‚°ãƒŸãƒ¼Tech

element-ui demo

18F: Digital service delivery | Building a large-scale design system: How we created a design system for the U.S. government

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (9)

UIã«é–¢ã™ã‚‹mozy_okã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ã€Œã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ãƒžãƒ¼ãƒˆã€ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ãã‚‹ã¾ã§ã€€ãƒ©ãƒ•ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰å®Œæˆå½¢ã¾ã§ã®è»Œè·¡ - ãƒã‚°ãƒŸãƒ¼Tech

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹