-
正規表現の内部処理が分かる便利ツールregex101を使ってみた正規表現を使っているとたまに 「内部でどんな処理をしているんだろう?」とか 「どれだけのステップ数がかかってるんだろう?」 と確認したくなる時があります。 そんな時にたまたま見つけたのが regex101 という便利ツー...
-
PHPのforeach内で連想配列の要素を削除する方法PHPのforeachはキーと値が同時に取り出せて便利な構文です。 ただループ途中で連想配列の要素を削除しようとした場合、その削除方法に悩むことがあります。 ということで記憶の整理も兼ねてforeachループ内での要素の...
-
jQueryで子要素のイベントを親要素に伝えないようにする方法jQueryでボタンがクリックされたりとかリンクが押されたりしたとき、 そのイベントというのはその下にある親要素にまで伝播してしまいます。 子要素だけで処理したいのに下の要素まで余計なイベントは発生させたくないですよね。...
-
javascript内でjsコードを実行するには?2通りの方法を紹介javascriptは基本的にファイルから読み込んだりPHPとかに直書きする場合がほとんどです。 でも何らかの事情でjsコード側からjsコードを実行したい時もありますよね? 例えば要素を動的に追加して動的にスクリプトを実...
-
PHPのprint_r関数で改行を表示する2つの方法PHPでのデバッグはほとんどの場合、デバッグ用の関数を使って画面に直接表示して行います。 特にprint_r関数を使うと変数の内容が分かりやすく見れるから便利ですよね。 ただこの関数には1つだけ使いにくい点があって、それ...
-
JavaScriptで配列をソート(並び替え)するメソッドまとめJavaScriptでは配列に対して次の2つの並び替え用のメソッドが用意されています。 reverseメソッド sortメソッド 配列だと要素の並び替えする機会が多いのでこのメソッドはよく使うかもしれません。 ということ...
-
普通のCSSで変数が使える!?カスタムプロパティの使い方と対応状況今までCSS内で変数を使うにはSassとかの専用のツールが必要でした。 でもこれはツールを使っているので元のCSSで直接変数を使っている訳じゃありません。 ですが新しいCSSではなんと特別なツールを使わなく...
-
jQueryでイベントが発火しないときの簡単な対処法「ボタンにイベントを設定したはずなのに発火しない」 「チェックボックスにチェックが入ってもイベントが起きない」 こういう風になぜかイベントが発火しないことはjQueryを使っているとちょくちょく遭遇します。 しかもエラー...
-
JavaScriptで処理時間を計測する本当に正しい方法どの処理にどれだけ時間がかかっているのか・・・調べたいことってありますよね? でも正しい計測方法を知っていないと精度が悪かったり余計な手間がかかってしまうかもしれません。 ということでJavaScriptでの本当に正しい...
-
javascriptのforEach関数内でcontinueのように処理を飛ばす方法JavaScriptだと配列とかの要素を順々に取り出すのに forEach関数 が使えます。 ただ少し不便なのがfor文とかみたいに continue が使えないことなんですよね。 というわけで forEach 内でco...