{"categories":["dnd-kit"],"description":"dnd-kit \u306e DragOverlay \u3092\u4f7f\u3063\u3066\u3001\u30c9\u30e9\u30c3\u30b0\u4e2d\u306e\u30d7\u30ec\u30d3\u30e5\u30fc\u8868\u793a\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u305f\u306e\u3060\u304c\u3001\u30c9\u30ed\u30c3\u30d7\u76f4\u5f8c\u306b DragOverlay \u304c\u4e00\u77ac\u6d88\u3048\u3066\u518d\u63cf\u753b\u3055\u308c\u308b\u306e\u3067\u300c\u30c1\u30e9\u3064\u304d\u300d\u304c\u6c17\u306b\u306a\u3063\u305f \u539f\u56e0\u306f\u30c9\u30e9\u30c3\u30b0\u7d42\u4e86\u6642\uff08onDragEnd\uff09\u306b activeId \u3092\u5373\u5ea7\u306b null \u306b\u3057\u3066\u3044\u308b\u3053\u3068\u3060\u3063\u305f \u8868\u793a\u5236\u5fa1\u7528\u306e state \u3092\u5206\u3051\u308b \u306a\u306e\u3067\u30c9\u30e9\u30c3\u30b0\u72b6\u614b\u3068\u63cf\u753b\u5236\u5fa1\u3092\u5225\u306e state \u3067\u7ba1\u7406\u3057\u3001dropEnd\u3067\u5373\u5ea7\u306b overId \u3092 null \u306b\u3059\u308b\u306e\u3067\u306f\u306a\u304f 50ms \u307b\u3069\u9045\u5ef6\u3057\u3066 null \u306b\u3059\u308b\u3068\u3088\u304b\u3063\u305f \u5b9f\u88c5\u4f8b const [activeId, setActiveId] = use\u2026","blog_url":"https://uga-box.hatenablog.com/","width":"100%","author_name":"uggds","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fuga-box.hatenablog.com%2Fentry%2F2025%2F04%2F11%2F000000\" title=\"\u3010dnd-kit\u3011DragOverlay \u304c \u30c9\u30ed\u30c3\u30d7\u76f4\u5f8c\u306b\u30c1\u30e9\u3064\u304f - UGA Boxxx\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","height":"190","version":"1.0","image_url":null,"published":"2025-04-11 00:00:00","author_url":"https://blog.hatena.ne.jp/uggds/","title":"\u3010dnd-kit\u3011DragOverlay \u304c \u30c9\u30ed\u30c3\u30d7\u76f4\u5f8c\u306b\u30c1\u30e9\u3064\u304f","type":"rich","blog_title":"UGA Boxxx","provider_name":"Hatena Blog","url":"https://uga-box.hatenablog.com/entry/2025/04/11/000000","provider_url":"https://hatena.blog"}