[B! storybook] rufutaniã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

rufutani id:rufutani

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

ã‚¿ã‚°ã®çµžã‚Šè¾¼ã¿ã‚’è§£é™¤

storybookã«é–¢ã™ã‚‹rufutaniã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

Storybookã‚’å°Žå…¥ã™ã‚‹éš›ã«ã‚„ã‚‹ã¹ãã“ã¨3é¸
StorybookãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³7ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸãŸã‚ã€åŠ ç†ã€ä¿®æ£ã—ã¦ãŠã‚Šã¾ã™ã€‚ ã¾ãŸã‚³ãƒ¼ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¨ã—ã¦hygenã‚’æŽ¨å¥¨ã—ã¦ã„ã¾ã—ãŸãŒã€è¿½è¨˜å½“æ™‚2023/05æ™‚ç‚¹ã§ã¯Plopã‚’æŽ¨å¥¨ã—ã¾ã™ã€‚ ç†ç”±ã¯ã€Plopã¯ESMå¯¾å¿œãŒè‡ªç„¶ã¨ã§ãã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¯ã˜ã‚ã« ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦æ´»å‹•ã™ã‚‹ã¨ãŠãã‚‰ãè€³ã«ã™ã‚‹ã§ã‚ã‚ã†Storybookã€‚ ãã®æœ‰ç”¨æ€§ãŒèªžã‚‰ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚Œã°ã€æ™‚ã«æ‚ªåã‚‚è€³ã«ã™ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ Takepepeã•ã‚“ãŒä»¥ä¸‹ã®ã‚ˆã†ãª"ã‚ãˆã¦Storybookã‚’ä½¿ã‚ãªã„ç†ç”±ã¯ãªã‚“ã§ã™ã‹"ã¨ã„ã†ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã‚’å–ã‚‰ã‚Œã¦ãŠã‚Šã¾ã—ãŸã€‚ çµæžœã¯ã€ã€Œé¢å€’ãƒ»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆãŒé«˜ã„ã€ã§ã—ãŸã€‚ å®Ÿéš›ã«ç§ã‚‚å…ˆè¼©ã«ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚³ã‚¹ãƒˆãŒæƒ³åƒã‚ˆã‚Šè¾›ãã€ã„ã„ã‚‚ã®ã§ã¯ãªã‹ã£ãŸã¨è¨€ã‚ã‚ŒãŸã“ã¨ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã§ã™ãŒã€ç§ã¯æ‹…å½“ã—ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§Storybookã®å°Žå…¥ã«è¸ã¿åˆ‡ã‚Šã¾ã—ãŸã€‚ ãã‚Œã¯ã€ã“ã‚Œã‹ã‚‰
rufutani 2022/10/30
storybook
ãƒªãƒ³ã‚¯
First-class Vite support in Storybook
rufutani 2022/10/30
storybook

vite
ãƒªãƒ³ã‚¯
Why Storybook in 2022?
rufutani 2022/10/17
storybook

ui
ãƒªãƒ³ã‚¯
Storybookã‚’å°Žå…¥ã—ã¦ã¿ã¦ã‚ã‹ã£ãŸã€å°Žå…¥ãŠã™ã™ã‚ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ç‰¹å¾´ | Fintan
ã¯ã˜ã‚ã« è¥¿æ—¥æœ¬ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ï¼†ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³å®¤ã®å±±ç”°ã§ã™ã€‚ ç¾åœ¨ç§ãŒæ‰€å±žã—ã¦ã„ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§Storybookã‚’å°Žå…¥ã—ã¾ã—ãŸã€‚ å°Žå…¥å‰ã«æœŸå¾…ã—ã¦ã„ãŸåˆ©ç‚¹ã®ã»ã‹ã«ã‚‚ã€å°Žå…¥ã—ã¦ã¯ã˜ã‚ã¦æ°—ã¥ã„ãŸStorybookã®è‰¯ã•ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã¾ãŸã€å°Žå…¥ã—ã¦æ°—ã¥ã„ãŸç‚¹ã‚’ã‚‚ã¨ã«Storybookã®å°Žå…¥ã«å‘ã„ã¦ã„ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ç‰¹å¾´ã‚’è€ƒãˆã¾ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯ãã®2ç‚¹ã®ç´¹ä»‹ã‚’ã—ã¾ã™ã€‚ Storybookã®æ¦‚è¦ Storybookã¯UIã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«çµ„ã¿è¾¼ã¾ãšç‹¬ç«‹ã—ã¦é–‹ç™ºã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ Reactãªã©ã®UIã‚’æ§‹ç¯‰ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ç”¨ã—ã¦ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’è¡Œã†å ´åˆã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç”»é¢ã«çµ„ã¿è¾¼ã¿ã€ç”»é¢å…¨ä½“ã®å‹•ä½œã‚’ç¢ºèªã—ãªãŒã‚‰é–‹ç™ºã‚’é€²ã‚ã¦ã„ãã¾ã™ã€‚ ãã‚Œã«å¯¾ã—ã€Storybookã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã§å€‹åˆ¥ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½“ã®å‹•ä½œãƒ»UIã®ç¢ºèªãŒã§ãã¾ã™ã€‚ Storybookã‚’èµ·å‹•ã™ã‚‹ã¨ä»¥ä¸‹ã®
rufutani 2022/10/17
storybook

ui
ãƒªãƒ³ã‚¯
Storybook Tutorials
professional developers experienced with JavaScript, React and Storybook. If you're not quite there yet, visit Intro to Storybook to learn the basics! Testing UIs is awkward. Users expect frequent releases packed with features. But every new feature introduces more UI and new states that you then have to test. Every testing tool promises â€œeasy, not flaky, fastâ€, but has trade-offs in the fine prin
rufutani 2022/01/22
storybook

ui
ãƒªãƒ³ã‚¯
Nintendo Switchã®ä¸ã§ã¯ReactãŒå‹•ã„ã¦ã‚‹ï¼Nintendo eShopé–‹ç™ºç§˜è©±ã‚’èžã„ã¦ããŸ
Nintendo Switchã®ä¸ã§ã¯ReactãŒå‹•ã„ã¦ã‚‹ï¼Nintendo eShopé–‹ç™ºç§˜è©±ã‚’èžã„ã¦ããŸ ç™½çŸ³ ä¿Šå¹³ï¼ˆHTML5 Experts.jpç·¨é›†é•·ï¼‰ ã“ã‚“ã«ã¡ã¯ã€ç·¨é›†é•·ã®ç™½çŸ³ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€9æœˆ24æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸHTML5 Conference 2017ã«ç™»å£‡ã—ãŸã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆã«ã€ãŠè©±ã•ã‚ŒãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ãƒˆãƒ”ãƒƒã‚¯ã‚’ä¸å¿ƒã«èªžã£ã¦ã„ãŸã ã“ã†ã¨ã†ã„ã‚‚ã®ã§ã™ã€‚ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®å†…å®¹ã‚’ã‚ˆã‚Šæ·±ãç†è§£ã™ã‚‹æ‰‹åŠ©ã‘ã«ãªã‚‹ã ã‘ã§ãªãã€æœ¬è¨˜äº‹å˜ä½“ã§ã‚‚é¢ç™½ãèªã‚“ã§ã„ãŸã ã‘ã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€ã€ŒNintendo Switchã¨Webã€ã¨ã„ã†è¬›æ¼”ã‚’ã•ã‚Œã¦ã„ãŸä»»å¤©å ‚ã•ã‚“ã«ã€Switché–‹ç™ºã«ãŠã‘ã‚‹WebæŠ€è¡“ã®æ´»ç”¨æ–¹æ³•ã‚„ã€é–‹ç™ºç§˜è©±ã‚’ä¼ºã£ã¦ãã¾ã—ãŸã€‚ä»»å¤©å ‚ã®ãŠäºŒäººã¯äº¬éƒ½ã‹ã‚‰ã€ãƒªãƒ¢ãƒ¼ãƒˆã§ã®å–æã«å¿œã˜ã¦ã„ãŸã ãã¾ã—ãŸã€‚ Nintendo Switchã§ã¯WebæŠ€è¡“ãŒå¤§æ´»èºï¼ ç™½çŸ³ ç°¡å˜ã«è‡ªå·±ç´¹ä»‹ã‚’ãŠé¡˜ã„ã§
rufutani 2017/11/07
nintendo

ui

design

ux

game

r

react

storybook
ãƒªãƒ³ã‚¯
1