plarail_hangout https://blog.hatena.ne.jp/plarail_hangout/ Engineering Tech Dojo https://tech.fun-toy-life.com/ TypeScript JavaScript TypeScriptのドラッグ&ドロップ：HTML5 Drag and Drop API入門 ライブラリなしにドラッグ&ドロップを実装する最小コードです。 基本実装：要素を別の場所に移動する <!-- index.html --> <div id="source" draggable="true">ドラッグしてね</div> <div id="target">ここにドロップ</div> const source = document.getElementById('source')! const target = document.getElementById('target')! // ドラ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.fun-toy-life.com%2Fentry%2F2026%2F06%2F08%2F092009" title="TypeScriptのドラッグ&amp;ドロップ：HTML5 Drag and Drop API入門 - 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> https://cdn-ak.f.st-hatena.com/images/fotolife/p/plarail_hangout/20260711/20260711144608.gif Hatena Blog https://hatena.blog 2026-06-08 09:20:09 rich https://tech.fun-toy-life.com/entry/2026/06/08/092009 1.0 100%