jQuery

JavaScript

click()の使い方〜JavaScript

jQueryでクリックイベントを設置するには、on()を使ったりclick()を使ったりします。 今回はclick()の使い方の説明です。 通常、click()は次のような記述をします。jQuery基礎で学ぶおなじみの書き方です。 ...
jQuery

jQuery〜マウスの移動が終わったら何か行う:mousemoveの応用

「マウスを動かしている間だけ何かを実行して、マウスの移動が終了すると何かの実行を止めたい」 例えば、マウスを移動している時だけ背景を「青色」にしてマウスを止めたら「ピンク色」にするということです。 この案件、簡単に実現できそうですが、結...
jQuery

リクルート A3RT Image Search APIを活用した画像検索

リクルート A3RT Image Search APIを活用した画像検索を作成しました。 あまり精度はよくないと思いますが、遊んで見てください。 Image Search APIを活用した画像検索
jQuery

NTT docomoの雑談対話APIを使ったAI Bot

***NTT docomoの雑談対話APIは2018年6月末に廃止されたため、当該サンプルも削除しました。(2018年6月) NTT docomoの雑談対話APIを使ったAI Botを作りました。 AI Bot 雑談(NTT Doc...
jQuery

jQueryで動的に高さを取得するときにハマる問題点

jQueryでブラウザのスクロール量を取得するには、スクロールすると発生する「scrollイベント」と「scrollTop()メソッド」を使うことで値を取得することができます。 また、ある要素の位置を動的に取得することは「offset()...
jQuery

slickの使い方〜jQuery(動画解説あり)

新しく動画つきの記事を書きました。新しく動画つきの記事を書きました。 受講生の作品づくりにも人気のものですが、なぜか導入が上手くいかないという質問が多いので導入方法を動画にしました。 slick導入の基本 解説のペ...
jQuery

リクルートA3RTを使ったAI Bot

リクルートA3RTを使った簡単なAI Botを作成しました。サンプル Sample置き場に置いていますので、暇なとき会話してみてください。
jQuery

animate()メソッドのプロパティの値に「toggle」キーワードを使うと便利〜jQuery

jQueryでスライドして表示非表示を切り替えるにはslideDown()やslideUp(),あるいはslideToggle()などのメソッドを使用することで簡単に実現できます。簡単で便利ですから頻繁に活用されるものと思われますが横方向に...
jQuery

not(“:animated”)とstop()の使い分けについて〜jQuery

not(":animated")とstop()の使い分けについて説明します。 :not(:animated)は、アニメーション中ではない時にアニメーションの命令を受け付けることです。 従って、現在行っているアニメーションは最後ま...
HTML&CSS

Google Mapのスクロールを止める方法

Google Map共有機能の「地図を埋め込む」を使って、サイトにMapを表示する場合iframeが使用されます。 簡単に導入することができて便利に使えますのでさまざまなサイトで活用されています。 ところが、ひとつ問題点があります。...
スポンサーリンク
タイトルとURLをコピーしました