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

1回クリックされると無効化され、2回以上はクリックできないボタンの作り方を解説。入力フォームで使えば、送信ボタンが複数回クリックされても同じ内容の重複送信を防げます。HTMLのinput要素で作成したボタンに対して、JavaScriptを使ってdisabled ...

Web自動化をやっていると、ほぼ必ず壁に当たります。 「element.click() を呼んでも反応しない」「dispatchEvent(new MouseEvent('click')) でもダメ」「画面上は押せるのに、スクリプトだと押せない」。 結論から言うと、“JavaScriptのクリック” と “ユーザー入力として ...

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

画像のクリック後にページを移動せず、その場で拡大画像を表示できるLightbox系スクリプトのおすすめ4本を紹介。JavaScriptを読み込むタグと短いHTMLを書くだけで簡単に使えます。jQueryを使う定番のLightbox2や、動画のポップアップも可能なColorbox、スマホ対応で ...

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

Googlebot(グーグルボット)とは、Googleのウェブクロール用ロボットのことで、Googleの検索用インデックスに新しいページや更新されたページを次々とダウンロードして回収していくための一連のプログラムとプロセスのことで、Googlebotによってインターネット ...