{"image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/x/x7ddf74479jn5/20241212/20241212162655.png","provider_url":"https://hatena.blog","blog_url":"https://tech.yappli.io/","blog_title":"Yappli Tech Blog","author_url":"https://blog.hatena.ne.jp/x7ddf74479jn5/","published":"2024-12-18 10:00:00","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.yappli.io%2Fentry%2Fstorybook-hand-writing\" title=\"Storybook\u306eDocs\u3092\u81ea\u52d5\u751f\u6210\u306b\u983c\u3089\u305a\u6ce5\u81ed\u304f\u30ea\u30c3\u30c1\u306b\u624b\u66f8\u304d\u3059\u308b\u65b9\u6cd5 - Yappli Tech Blog\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_name":"Hatena Blog","version":"1.0","author_name":"x7ddf74479jn5","width":"100%","type":"rich","url":"https://tech.yappli.io/entry/storybook-hand-writing","categories":["\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9"],"height":"190","title":"Storybook\u306eDocs\u3092\u81ea\u52d5\u751f\u6210\u306b\u983c\u3089\u305a\u6ce5\u81ed\u304f\u30ea\u30c3\u30c1\u306b\u624b\u66f8\u304d\u3059\u308b\u65b9\u6cd5","description":"\u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3 \u524d\u7f6e\u304d \u57fa\u672c\u65b9\u91dd \u60f3\u5b9a\u8aad\u8005 \u66f8\u304f\u3053\u3068 \u66f8\u304b\u306a\u3044\u3053\u3068 \u5b8c\u6210\u5f62 \u53c2\u8003\u30ea\u30f3\u30af \u4f5c\u308a\u65b9 \u74b0\u5883\u69cb\u7bc9 \u74b0\u5883 \u521d\u671f\u5316 Storybook\u306b\u8868\u793a\u3059\u308b\u307e\u3067 Story\u3092\u64cd\u4f5c\u53ef\u80fd\u306b\u3059\u308b \u672c\u984c ArgsTable\u306e\u57fa\u672c\u7684\u306a\u66f8\u304d\u65b9 \u5fc5\u9808\u306e\u30de\u30fc\u30af\u3092\u8ffd\u52a0 \u30ab\u30c6\u30b4\u30ea\u30fc\u5206\u3051 \u5171\u901a\u306e\u60c5\u5831\u3092meta\u306b\u79fb\u52d5 \u578b\u5b9a\u7fa9\u306e\u5909\u66f4 \u30d1\u30fc\u30c4\u306eProps\u3092\u8ffd\u52a0 \u4f9d\u5b58\u95a2\u4fc2\u306e\u3042\u308bProps\u3068\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u306e\u4fee\u6b63 \u6982\u8981\u306e\u8ffd\u8a18 Tips \u304a\u7d04\u675f \u30e2\u30c1\u30d9\u30fc\u30b7\u30e7\u30f3 \u524d\u7565\u3001\u30e4\u30d7\u30ea #1 Advent Calendar 2024\u306e18\u65e5\u76ee\u306e\u8a18\u4e8b\u3067\u3059\u3002shadcn/ui(Radix UI)\u306a\u3069\u30b3\u30f3\u30dd\u30b8\u30b7\u30e7\u30f3\u30d1\u30bf\u30fc\u30f3\u3067\u306e\u5229\u7528\u304c\u524d\u63d0\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u306f\u6b21\u306e\u7406\u2026"}