{"url":"https://www.simple-web-system.work/entry/2024/07/22/160848","author_name":"shojisuba","provider_name":"Hatena Blog","author_url":"https://blog.hatena.ne.jp/shojisuba/","version":"1.0","title":"Claude Artifacts\u3092\u4f7f\u3063\u3066\u3044\u3044\u611f\u3058\u306eWeb\u30b5\u30a4\u30c8\u3092\u4f5c\u6210\u3059\u308b\u5099\u5fd8\u9332","height":"190","categories":[],"blog_url":"https://www.simple-web-system.work/","provider_url":"https://hatena.blog","image_url":null,"published":"2024-07-22 16:08:48","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.simple-web-system.work%2Fentry%2F2024%2F07%2F22%2F160848\" title=\"Claude Artifacts\u3092\u4f7f\u3063\u3066\u3044\u3044\u611f\u3058\u306eWeb\u30b5\u30a4\u30c8\u3092\u4f5c\u6210\u3059\u308b\u5099\u5fd8\u9332 - simple-web-system technology\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","width":"100%","description":"\u4ee5\u4e0b\u4f5c\u3063\u3066\u307f\u3066\u611f\u3058\u305f\u3053\u3068\u3092\u3056\u3063\u304f\u308a\u7d39\u4ecb \u7d50\u69cb\u7c21\u5358\u306b\u3067\u304d\u308b\u304b\u3089\u9762\u767d\u3044 HTML\u3067\u4f5c\u308b\u3002React\u3067\u4f5c\u3089\u306a\u3044 React\u3060\u3068cdn\u304c\u4f7f\u3048\u306a\u3044\u306e\u3067\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u7528\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u9650\u3089\u308c\u3066\u3057\u307e\u3046\u3002 HTML\u3067\u4f5c\u308b\u3053\u3068 UI\u30e9\u30a4\u30d6\u30e9\u30ea\u7528\u306bCSS\u3092\u8aad\u307f\u8fbc\u3080\u5834\u5408\u306f\u3001Safari\u3084webkit\u7cfb\u306e\u30d6\u30e9\u30a6\u30b6\u3092\u4f7f\u3046 \u5b9f\u969b\u306bChrome\u7b49\u3067TailwindCSS\u3092\u4f7f\u3063\u3066Claude Artifacts\u3092\u4f7f\u3063\u3066Web\u30b5\u30a4\u30c8\u3092\u4f5c\u3063\u3066\u307f\u308b\u3068\u308f\u304b\u308b\u304c\u3001\u30c7\u30b6\u30a4\u30f3\u304c\u9069\u7528\u3055\u308c\u3066\u3044\u306a\u3044\u306e\u304c\u308f\u304b\u308b\u3002 \u524d\u306e\u8a18\u4e8b\u3067\u7d39\u4ecb\u3057\u305f\u3051\u3069\u3001Chrome\u3084Firefox\u3060\u3068CSP\u3067CSS\u304c\u8aad\u307f\u8fbc\u307e\u308c\u306a\u304b\u3063\u305f\u308a\u3059\u308b\u3002 Safari\u3068\u304bGnome\u306e\u30d6\u30e9\u30a6\u30b6\u3060\u2026","type":"rich","blog_title":"simple-web-system technology"}