JavaScript

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を使ったモーダルの作り方を紹介します。 作りたいモーダルはこんな感じ。 ボタンクリックでモーダルがフェ...
JavaScript

HTMLで作ったテーブルにソート機能を追加する「Tablesorter」の使い方

今回はHTMLで作ったテーブルにソート機能を追加するjQueryプラグイン「Tablesorter」の使い方を解説します。 Table...
JavaScript

【初心者向け】プラグインなし!クリックで切り替わる基本的なタブの作り方【jQuery】

タブは狭い画面に多くの情報を載せることができるので結構重宝します。 今回はタブをクリックすると表示内容が切り替わる基本的なタブを作って...
JavaScript

jQueryのanimate()でbackgroundColorが動作しない理由と対策

jQueryのanimate()を使ってbackgroundColorやcolorを変更しようとしてもできないという事態が起こると思います。...
JavaScript

【jQuery】プラグインなし!タブのクリックで左右にスワイプする簡単なスライダーを作ってみる

スライダーとかを実装するならプラグインを使ったほうが絶対に完成度が高いしラクなのでが、いかんせんプラグインの使い方がよくわからない(小声) ...