« プログラミング講座(203) 人間にしかできない何か | トップページ | JavaScript (45) スクロール時の不具合を改修 »

2020/11/30

JavaScript (44) ドラッグアンドドロップを使ってみた

BASIC の構文解析の途中ですが、話題を変えます。

コロナ禍でオフラインのワークショップが開きにくい状況なので、オンラインでワークショップができないか研究を始めることにしました。カードを使ったワークショップを Zoom や Skype などのオンライン会議ツールで実施するときに、JavaScript と Ruby でオンラインのカードシステムを作れないか、検討しようと思います。

まずはクライアント側でいろいろ実験をやってみます。カードはイメージ(ビットマップ)を使うとしたとき、HTML5 + JavaScript ではイメージには元々ドラッグ可能という設計になっているので、これを試してみたいと思います。

最初の実験結果をこちらに公開しました。

Dragndrop01

ドラッグアンドドロップに関するイベントリスナーを onload の時点で準備するだけです。そもそも HTML でイメージを配置するだけで、ドラッグはできます(ただ、ドロップしても何も起きませんが)。

今回の実験は単純にカードを画面上で移動するだけでしたが、システムとしてはディーラ役が複数のメンバに対してカードを分配する機能も必要になるでしょう。ディーラやメンバがそれぞれの URL にアクセスしてもらういわばクラウド型のシステムにする予定です。

関連項目

|

« プログラミング講座(203) 人間にしかできない何か | トップページ | JavaScript (45) スクロール時の不具合を改修 »

JavaScript」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




« プログラミング講座(203) 人間にしかできない何か | トップページ | JavaScript (45) スクロール時の不具合を改修 »