javascriptは基本的にファイルから読み込んだりPHPとかに直書きする場合がほとんどです。 でも何らかの事情でjsコード側からjsコードを実行したい時もありますよね？ 例えば要素を動的に追加して動的にスクリプトを実...

PHPでのデバッグはほとんどの場合、デバッグ用の関数を使って画面に直接表示して行います。 特にprint_r関数を使うと変数の内容が分かりやすく見れるから便利ですよね。 ただこの関数には１つだけ使いにくい点があって、それ...

JavaScriptでは配列に対して次の２つの並び替え用のメソッドが用意されています。 reverseメソッド sortメソッド 配列だと要素の並び替えする機会が多いのでこのメソッドはよく使うかもしれません。 ということ...

今までCSS内で変数を使うにはSassとかの専用のツールが必要でした。 でもこれはツールを使っているので元のCSSで直接変数を使っている訳じゃありません。   ですが新しいCSSではなんと特別なツールを使わなく...

「ボタンにイベントを設定したはずなのに発火しない」 「チェックボックスにチェックが入ってもイベントが起きない」 こういう風になぜかイベントが発火しないことはjQueryを使っているとちょくちょく遭遇します。 しかもエラー...

どの処理にどれだけ時間がかかっているのか・・・調べたいことってありますよね？ でも正しい計測方法を知っていないと精度が悪かったり余計な手間がかかってしまうかもしれません。 ということでJavaScriptでの本当に正しい...

JavaScriptだと配列とかの要素を順々に取り出すのに forEach関数 が使えます。 ただ少し不便なのがfor文とかみたいに continue が使えないことなんですよね。 というわけで forEach 内でco...

jQueryで要素の操作に欠かせないもの・・・それがjQueryオブジェクトです。 これがあるからこそ要素の操作が簡単になる訳ですが、気を付けないといけないことがあります。 それは空かどうかを判定するのに [crayon...

JavaScriptで配列に加えてよく使うデータ構造が連想配列と呼ばれるものです。 ただ配列と比べると少し複雑なので扱いが難しく感じることもあるかもしれません。 ということで自分の記憶を整理も兼ねて連想配列の作り方や扱い...

MutationObserverはDOM要素の変化を監視するために追加されたJavaScriptのAPIです。 要素の変化とか追加・削除まで感知できるとても便利なAPIなんですが、１つ問題があります。 それはコールバック...