JSConf JP 2024 ã«ã¦ç™»å£‡ã—ãŸè³‡æ–™ã§ã™ã€‚ スピーカーノートã¯ã“ã¡ã‚‰ -> ï¾ï¾€ï¾žï¾…ｲﾖ
Storybook ã¨ã®ä¸Šæ‰‹ãªå‘ãåˆã„方を考ãˆã‚‹
JSConf JP 2024 ã«ã¦ç™»å£‡ã—ãŸè³‡æ–™ã§ã™ã€‚ スピーカーノートã¯ã“ã¡ã‚‰ -> ï¾ï¾€ï¾žï¾…ｲﾖ
Storybook è…らã›ãªã„
ã“ã®è¨˜äº‹ã¯ æ ªå¼ä¼šç¤¾ã‚†ã‚ã¿ã®23å’ Advent Calendar 2023 8日目ã®è¨˜äº‹ã§ã™ã€‚ ç¾ä»£ã®Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ãŠã„ã¦ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®åŠ¹çŽ‡çš„ãªç®¡ç†ã¨å¯è¦–化ãŒæ±‚ã‚られるä¸ã€Storybookã¯é–‹ç™ºè€…ã«ã¨ã£ã¦æ¬ ã‹ã›ãªã„ツールã¨ãªã£ã¦ã„ã¾ã™ã€‚Storybookã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’アプリケーションã‹ã‚‰éš”離ã—ã¦å˜ä½“ã§è¡¨ç¤ºã§ãるツールã§ã™ã€‚ ã—ã‹ã—ã€ã“ã®ã‚ˆã†ã«æœ‰ç”¨ãªStorybookãŒã€Œè…ã£ã¦ã—ã¾ã†ã€ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã€Œè…ã‚‹ã€ã¨ã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’Storybookã«è¡¨ç¤ºã™ã‚‹ãŸã‚ã®è¨å®šã§ã‚ã‚‹StoryãŒæœ€æ–°ã®çŠ¶æ…‹ã«æ›´æ–°ã•ã‚Œã¦ã„ãªã„ã€ã¾ãŸã¯ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã¨ã£ã¦è² 債ã«ãªã£ã¦ã„る状態を指ã—ã¾ã™ã€‚例ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªçŠ¶æ…‹ãŒã€Œè…ã£ã¦ã„ã‚‹ã€çŠ¶æ…‹ã«ã‚ãŸã‚Šã¾ã™ã€‚ npm run storybook ã™ã‚‹ã¨ãã‚‚ãもエラーãŒã§ã¦è¡¨ç¤ºã•ã‚Œãªã„ Storyã®å˜åœ¨ã—ãªã„コンãƒãƒ¼ãƒãƒ³ãƒˆã‚„コンãƒãƒ¼ãƒãƒ³ãƒˆ
Storybook 7 ã‚’ Vue 3 + TypeScript ã§ã¯ã˜ã‚よã†ï¼
想定èªè€…や使ã„æ–¹ãªã©ã«ã¤ã„ã¦ã¯ã€Œã¯ã˜ã‚ã«ã€ã®ç« ã‚’ã”覧ãã ã•ã„。
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Storybookã®å®ŸåŠ›ã‚’フル活用ã™ã‚‹Chromatic
{{#tags}}- {{label}}
{{/tags}}