{"type":"rich","provider_name":"Hatena Blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.fun-toy-life.com%2Fentry%2F2026%2F06%2F12%2F090419\" title=\"Storybook\u5165\u9580\uff1aReact TypeScript\u3067\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306eStory\u3092\u66f8\u304f - Engineering Tech Dojo\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","title":"Storybook\u5165\u9580\uff1aReact TypeScript\u3067\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306eStory\u3092\u66f8\u304f","author_name":"plarail_hangout","published":"2026-06-12 09:04:19","author_url":"https://blog.hatena.ne.jp/plarail_hangout/","categories":["React","TypeScript","\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9"],"blog_title":"Engineering Tech Dojo","provider_url":"https://hatena.blog","description":"Storybook\u5165\u9580\uff1aReact TypeScript\u3067\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306eStory\u3092\u66f8\u304f Storybook\u3068\u306f Storybook\u306fUI\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u30a2\u30d7\u30ea\u304b\u3089\u5207\u308a\u96e2\u3057\u3066\u3001\u72ec\u7acb\u3057\u305f\u74b0\u5883\u3067\u958b\u767a\u30fb\u78ba\u8a8d\u3067\u304d\u308b\u30c4\u30fc\u30eb\u3067\u3059\u3002 \u901a\u5e38\u306e\u958b\u767a\uff1a\u30a2\u30d7\u30ea\u3092\u8d77\u52d5 \u2192 \u7279\u5b9a\u306e\u753b\u9762\u307e\u3067\u9077\u79fb \u2192 \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u78ba\u8a8d Storybook\uff1a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u76f4\u63a5\u958b\u3044\u3066props\u3092\u5909\u3048\u306a\u304c\u3089\u78ba\u8a8d \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u5168\u72b6\u614b\uff08\u30d0\u30ea\u30a2\u30f3\u30c8\u30fb\u30a8\u30e9\u30fc\u30fb\u7a7a\u72b6\u614b\u306a\u3069\uff09\u3092\u4e00\u89a7\u3067\u304d\u308b \u30c7\u30b6\u30a4\u30ca\u30fc\u3068\u306e\u78ba\u8a8d\u30fb\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3068\u3057\u3066\u4f7f\u3048\u308b React\u30fbVue\u30fbAngular\u306a\u3069\u4e3b\u8981\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306b\u5bfe\u5fdc \u30bb\u30c3\u30c8\u30a2\u30c3\u30d7 Vite + React + Ty\u2026","version":"1.0","width":"100%","height":"190","image_url":null,"url":"https://tech.fun-toy-life.com/entry/2026/06/12/090419","blog_url":"https://tech.fun-toy-life.com/"}