{"width":"100%","url":"https://tech.fun-toy-life.com/entry/2026/07/11/145857","author_url":"https://blog.hatena.ne.jp/plarail_hangout/","author_name":"plarail_hangout","provider_name":"Hatena Blog","type":"rich","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/p/plarail_hangout/20260711/20260711142652.gif","description":"TypeScript\u30c9\u30e9\u30c3\u30b0&\u30c9\u30ed\u30c3\u30d7\u767a\u5c55\uff1a\u30b4\u30fc\u30b9\u30c8\u8981\u7d20\u3067\u30ab\u30f3\u30d0\u30f3\u30dc\u30fc\u30c9\u3092\u5b9f\u88c5\u3059\u308b HTML5 Drag and Drop API\u5165\u9580\u306e\u767a\u5c55\u7de8\u3067\u3059\u3002\u30de\u30a6\u30b9\u30a4\u30d9\u30f3\u30c8\uff08mousedown\u30fbmousemove\u30fbmouseup\uff09\u3092\u4f7f\u3063\u3066\u30b4\u30fc\u30b9\u30c8\u8981\u7d20\u3092\u30ab\u30fc\u30bd\u30eb\u306b\u8ffd\u5f93\u3055\u305b\u308b\u5b9f\u88c5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002 HTML5 Drag API\u3068\u306e\u9055\u3044 HTML5 Drag and Drop API\u306f\u30d6\u30e9\u30a6\u30b6\u304c\u30c9\u30e9\u30c3\u30b0\u753b\u50cf\u306e\u63cf\u753b\u3092\u62c5\u5f53\u3059\u308b\u305f\u3081\u3001\u898b\u305f\u76ee\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306b\u9650\u754c\u304c\u3042\u308a\u307e\u3059\u3002\u30de\u30a6\u30b9\u30a4\u30d9\u30f3\u30c8\u3067\u81ea\u524d\u5b9f\u88c5\u3059\u308b\u3068\uff1a \u30b4\u30fc\u30b9\u30c8\u8981\u7d20\u304c\u30ab\u30fc\u30bd\u30eb\u306b\u3074\u3063\u305f\u308a\u8ffd\u5f93\u3059\u308b \u30c9\u30e9\u30c3\u30b0\u4e2d\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u81ea\u7531\u306b\u5236\u5fa1\u3067\u304d\u308b canvas \u3084 SVG \u8981\u7d20\u3082\u554f\u2026","provider_url":"https://hatena.blog","blog_title":"Engineering Tech Dojo","categories":["TypeScript","JavaScript"],"height":"190","version":"1.0","blog_url":"https://tech.fun-toy-life.com/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.fun-toy-life.com%2Fentry%2F2026%2F07%2F11%2F145857\" title=\"TypeScript\u30c9\u30e9\u30c3\u30b0&amp;\u30c9\u30ed\u30c3\u30d7\u767a\u5c55\uff1a\u30b4\u30fc\u30b9\u30c8\u8981\u7d20\u3067\u30ab\u30f3\u30d0\u30f3\u30dc\u30fc\u30c9\u3092\u5b9f\u88c5\u3059\u308b - 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>","published":"2026-07-11 14:58:57","title":"TypeScript\u30c9\u30e9\u30c3\u30b0&\u30c9\u30ed\u30c3\u30d7\u767a\u5c55\uff1a\u30b4\u30fc\u30b9\u30c8\u8981\u7d20\u3067\u30ab\u30f3\u30d0\u30f3\u30dc\u30fc\u30c9\u3092\u5b9f\u88c5\u3059\u308b"}