Скачать с ютуб まぁまぁムズいけどドラッグアンドドロップを作ってみる【draggable,dragstart,dragend,dragover】 в хорошем качестве

まぁまぁムズいけどドラッグアンドドロップを作ってみる【draggable,dragstart,dragend,dragover】

画像素材と完成版のコードはこちら↓ https://drive.google.com/drive/folder... 関連動画はこちら↓ querySelectorとは？：   • 難しそうに見えるけどJavaScriptの基本なんて言うてこんなもん【qu...   クラス名を続けて書く指定方法：   • CSSのセレクタで絶対にしてはいけない勘違い   orEachの使い方：   • JavaScriptの繰り返し処理って兄弟みたいな文法が多いよねｗ【for...   この動画ではHTMLの「draggable」属性を使って、要素をドラッグ可能にする方法を解説します。 さらにJavaScriptでドラッグアンドドロップの操作の検出やコントロールに役立つ「dragstart」や「dragend」などのイベントも学んでいきます。 また要素を他の要素の上にドロップする際に発生する「dragover」イベントについての考え方とドロップさせる条件について簡単に実装してみます。 この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。 学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。 また僕自身がreactの予備知識は必要ありませんので、 同じような初心者の方はもちろん、 「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。 ブログ：https://lorem-co-ltd.com/ 引用元：   • How To Build Sortable Drag & Drop Wit...   Twitter：  / rubyprogram   #ドラッグアンドドロップ #draggable 　#dragstart #dragend #dragover #web制作 #webデザイン #webデザイナー #javascript #コーディング