JavaScript

JavaScript

jQueryでHTMLの要素を特定の場所に移動する方法

「HTMLの構造は変えられないけど、この要素を別の場所に移動したい」ということがあったので、jQueryで実装する方法を紹介します。 ...
JavaScript

jQueryでe.preventDefault()を解除する方法

jQueryを書いていて「クリック時にスマホ表示はイベントを発生させたいけどpcはイベントを解除したい」という時がありました。 要する...
JavaScript

【それ大丈夫?】jQueryのaddClass()でフェードインする際の正しいやり方を解説

jQueryのaddClass()を使ってフェードインするのは難しくないですが、CSSのスタイルは意識しておかないと中途半端におかしな挙動に...
JavaScript

slickのCannot read property ‘unslick’ of undefinedエラーを直す方法

slickを使っていたら「Uncaught TypeError: Cannot read property 'unslick' of und...
JavaScript

jQueryで特定の行数以上のテキストを「続きを読む」で表示する方法

今回はjQueryで特定の行数以上になったらテキストをトリミングし、「続きを読む」をクリックしたら全文表示させる方法を紹介します。 文...
JavaScript

【React】react-routerでリロードするとページが表示されないエラーの対処法

今回はreact-routerの遷移先のURLでリロードするとページが表示されないエラーや、ブラウザの戻る・進むボタンを使うとページが表示さ...
JavaScript

【React】react-routerの使い方を丁寧に解説

今回はReact初心者に向けてreact-routerを使ったルーティング(ページ遷移)のやり方を解説します。 react-rou...
JavaScript

【JavaScript】canvas Cannot read property ‘getContext’ of nullの解決方法

今回はjsの「canvas Cannot read property 'getContext' of null」というエラーの対処法を紹介し...
JavaScript

【jQuery】クリック時にscrollLeftで左右スクロールする方法

今回はjQueryでクリック時に左右にスクロールする方法を解説します。 クリック時に右から左へスクロール 「横スクロールできる領...
JavaScript

Reactでコンポーネントの外側がクリックされたかどうかを判定する方法

今回はReactでコンポーネントの外側がクリックされたかどうかを判定する方法を解説します。モーダルの外側をクリックした時にモーダルを閉じると...
JavaScript

Reactで子コンポーネントから親のステートを操作する方法

今回はReactで子コンポーネントから親コンポーネントのステートを操作する方法を解説します。 サンプルとしてクリックした回数をカウント...
JavaScript

Reactで親から子コンポーネントのメソッドを実行する方法

今回はReactで子コンポーネントに書いたメソッドを親コンポーネントで実行する方法を解説します。 サンプルとして、子コンポーネントでア...
JavaScript

ReactのWarning: A component is changing an uncontrolled input of type text to be controlled.を解決したい

Reactでアプリを作っていたらこんなエラーが出ました↓ Warning: A component is changing an unco...
JavaScript

【jQuery】offset().topが効かない原因と対処法!

jQueryのoffset().topを使ってこんなコードを書いていました。 var position = $('.element').o...
JavaScript

jQueryオブジェクトや変数を同時に複数指定する方法

var $a = $('.a'); var $b = $('.b'); $a.css('backgroundColor', '#ff...
JavaScript

【初心者向け】jQueryが動かない時の対処法4選!

jQueryを初めて使う時、「動かねーよクソが」となるのは全員が通る道です。 というわけで、jQueryが動かない時の対処法を4つまと...
JavaScript

【jQuery】index()が効かない時の対処法(index is not a function)

jQueryでindex()を使おうとしたら「index is not a function」と怒られてしまったことがあったので、その対処法...
JavaScript

slickでクリックした要素のインデックス番号の画像を表示する方法

slickのdotsの部分を任意の要素に変えたい...でも1つのタグとかじゃなくてパネルみたいにブロック要素をdotsみたいに機能させたい....
JavaScript

【jQuery】fadeIn()が効かない場合の対処法を4つ解説!

今回はjQueryのfadeIn()が効かない場合の対処法を紹介します! うまく効かなくてハマってしまった人は原因があるはずなので見て...
JavaScript

【簡単】jQueryでモーダルを作る方法【背景固定付き】

今回はjQueryを使ったモーダルの作り方を紹介します。 作りたいモーダルはこんな感じ。 ボタンクリックでモーダルがフェ...