ブラウザを動かすことができるJavaScriptを勉強します。 HTMLやCSSで作られたものを動かします。 ・四角をクリックしたら、回転したら丸になる。 いってみましょう。 boxというクラスを作り、サイズと色をつけて、後で動きをつけていくので、「cursor: pointer ...

Web開発を始めたばかりの頃、最初に覚えるイベントは間違いなく「クリック（click）」でしょう。 ボタンを押して送信する、リンクを開く。これだけで多くのことができます。 しかし、少しリッチなWebアプリを作ろうとすると、クリックだけでは実現でき ...

ボタンの個数分ループしているfor文から、addEventListnerを外します。 btnAction() 関数を作成します。 その中に、イベントリスナーと、classList.toggleを入れています。 For文には、作成したbtnAction()関数の呼び出しを追加します。 btnAction()呼び出し時に、各ボタンの ...

デザイナーと名が付く職種にはさまざまなものがありますが、この数年で劇的に市場のニーズが高まったのが「Webデザイナー」でしょう。 ネットワークの通信速度が一昔前に比べて格段に速くなり、スマートフォンが驚く速さで普及したことで、ユーザーが ...

今回は、YAHOO.util.Eventのメソッドを利用して、カーソルでクリックした場所を取得し、そこへYAHOO.util.Motionを使って移動してみます。 ( 注意 : このページでは、クリックすると、クリックされた位置を示すダイアログが表示されます。) 今回は、YAHOO.util.Eventの ...