以前、QUnitを使ってTDD（テスト駆動開発）を実践してみた。 その時に残った課題として、DOMをテストする方法が分からない、というのがあった。 numb86-tech.hatenablog.com その後DOMやイベントをテストする方法を学んだので、ドラッグアンドドロップを題材…

HTML5には、ブラウザ上でのドラッグアンドドロップを実現するためのDrag & Drop API（以下、DnD API）が用意されている。 draggable属性 まずはHTMLの要素にdraggable属性を設定して、その要素がドラッグ可能かどうかを指定する。 真偽値で設定。 <div id="box1" draggable="true">box1</div> <div id="box2" draggable="false">box2</div>…

前回の記事で、DOM操作をテストする方法が分かっていないことに気付いた。 現実的に考えて、クライアントサイドJavaScriptでコーディングしていく上で、DOM要素やそれに紐付いたイベントを避けて通ることは出来ない。 これらをテストできなければ、テストで…

QUnitやTDDの概要は分かったが、まだまだ、テストのためのテストをやっている段階。 どうやって実務に活かせばいいのかは分かっていない。 そこで、このページの内容を読んでみた。 実践TDD! テスト駆動開発入門 : アシアルブログ 非常に分かりやすくて、実…

HTML5で実装されたAPIの一つである、Web Storageについて。 HTML5について そもそもHTML5とは何か。 現行のHTMLのバージョンのことで、その大きな特徴は、様々なAPIが実装されたこと。 これまでのように文書作成だけに主眼を置くのではなく、ウェブアプリケ…