皆さん、こんにちは。KDDIウェブコミュニケーションズの阿部です。私は、JavaScriptの基礎セミナーを大阪市が運営するiMedioで、かれこれ4年ほど定期開催してきましたが、今月もそのセミナー内であった質問を紹介したいと思います。先日掲載した「JavaScriptの ...

ウェブサイトのユーザビリティを向上させる一つの方法として、ユーザーがリンクをクリックした際にローディングアニメーションを表示することがあります。これにより、ユーザーは次のページがロードされていることを認識でき、操作が反応している ...

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

こんにちは、ぽめら です。 本記事は「1日1ハンズオン」企画、第45回です！ 引き続きJavaScriptの基礎を少し振り返ってみています👀 今日はDOM編です。 前回は、JavaScriptの基礎を触って振り返っていました。 今回のテーマはDOMの実装を振り返ってみようかな ...

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

Xでポスト はてなブックマークでブックマーク ページのURLをコピー 以下がダブルクリックを発火させるためのコード例である。 new MouseEvent() を使って、dblclick イベントを生成する。 view デフォルトがnullなため、windowを指定する。 dispatchEventでイベントを発火 ...