「Web開発・javascript」カテゴリーアーカイブ

Bootstrap5のCarouselが初期表示時にスワイプを検知しない

画像の切り替えを行うため、Bootstrap5のCarousel（カルーセル）を使っていたのですが、画面が表示されたあとに画像をスワイプしても切り替わらない症状が発生しました。画像切り替えのボタンを一回クリックすると、そ… 続きを読む »

Webサイト上でスライドショーを表示する場合、自分はよくslick を使うのですが、スマホで表示した場合、ピンチアウトやピンチインによるコンテンツの拡大や縮小ができないことに気づきました。なんでじゃろと調べていたところ、… 続きを読む »

Vue.jsではwatchで変数を監視し、値が変化したら処理を実行することが可能です。しかし、監視対象がオブジェクトの場合、普通に下記のように記述しても、オブジェクト内のプロパティの値が変わっても検知してくれません。オ… 続きを読む »

Chromeのデベロッパーツールを使いながら、Javascriptのデバッグをすることはほとんどの人が行っていると思います。しかし、フォームの送信時の処理でエラーが発生したりすると、一瞬しかエラーメッセージが表示されなく… 続きを読む »

JavaScriptでカスタムdata属性にセットされている値を取得するときは、次のように行います。 [HTML] [JavaScript] [結果] このようにカスタムデータ属性の名前が「data-〇〇〇」であれば、J… 続きを読む »

スマホサイトで現在地を取得するときは、JavaScriptで navigator.geolocation.getCurrentPosition を使うことになるのですが、これが動作しないときがあります。それはSSLで保… 続きを読む »

Google mapsを使っていて、マップの倍率を操作するsetZoomとgetZoomが使用できないことがありましたので、そのときの対策方法です。まず、動かなかったコードですが、次のようになります。 map.fitB… 続きを読む »

jQueryで要素自身も含めたhtmlを取得する方法です。通常、要素内のhtmlを取得する場合は、次のようにします。 [js] var elmHtml = $("#elm").html(); [/j… 続きを読む »