JavaScriptには正規表現パターンを作る方法は２つあります。 なんでわざわざ２通りの方法があるかというと用途によって使い分けるため またどちらを使うかによってもパフォーマンス的な違いが出てきます。 そういう訳でJS...

jQueryでドラッグできる要素を作るのにdraggableは便利ですよね。 でもただドラッグ要素を作るだけだとその要素自体が移動してしまうのが少し困ります。 という訳でdraggableで作った要素をドラッグしたときに...

draggableを使ってると悩むことがあってそれが z-index の指定方法です。 ドラッグ要素を最前面に表示したいけどなぜか後ろに表示される・・・ と僕自身も悩むことがあったので、その場合の解決策をここでは紹介しま...

最近jQueryのdraggableでドラッグできる要素を使っていてあるトラブルに直面しました。 それはドラッグ要素の幅がドラッグしたときに元よりも小さくなってしまう問題です。 という訳でその解決法を見つけたのでここで紹...

jQueryオブジェクト　⇒　HTML文字列 HTML文字列　⇒　jQueryオブジェクト このように互いに変換したい場合、いくつかのjQuery関数を組み合わせて使えば簡単に変換可能です。 ということでここではその変換...

タブメニューはオシャレで機能的なUIを作るのに便利ですよね。 ただ自力で作成するのは現実的ではないのでjQuery-UIを使うのが一番楽だと思います。 という訳でjQuery-UIを使って切り替えできるタブメニューを作る...

PHPではマジック定数を使うことでソースファイルについてのメタ情報を調べることができます。 メタ情報というのは例えばファイル名・ディレクトリ名とか関数名とかクラス名のこと 例えば [crayon-673f4e03af61...

正規表現を使っているとたまに 「内部でどんな処理をしているんだろう？」とか 「どれだけのステップ数がかかってるんだろう？」 と確認したくなる時があります。 そんな時にたまたま見つけたのが regex101 という便利ツー...

PHPのforeachはキーと値が同時に取り出せて便利な構文です。 ただループ途中で連想配列の要素を削除しようとした場合、その削除方法に悩むことがあります。 ということで記憶の整理も兼ねてforeachループ内での要素の...

jQueryでボタンがクリックされたりとかリンクが押されたりしたとき、 そのイベントというのはその下にある親要素にまで伝播してしまいます。 子要素だけで処理したいのに下の要素まで余計なイベントは発生させたくないですよね。...