あまねみ

プログラマーみたいな感じの人。

あまねみ

プログラマーみたいな感じの人。

マガジン

最近の記事

PHPのarray_columnが微妙に使いにくいと思った話。

配列の中身を串刺しにして取り出す array_column という関数があるのだが、 あまねみさん的にはこの関数が微妙に使いにくい。 なぜかと言うとこの関数、もとの配列のキーを参照しないで、インデックスの振り直しをしてしまうのだ。そのため、可逆性を保つためにいちいちidを振っておかなくてはいけない。 そこで、以下のような類似関数を作ったので提示しておく。​ function my_array_column($array, $needle, $id = false){ $

    • jQueryでクラスを削除する

      【JavaScript jQuery3.4.1】 何をいまさらとお思いかもしれないですが、jQueryでクラスを削除する方法について少し書きたいと思います。 $("div").removeClass("sample"); はい。divに設定してあるsampleクラスが削除されます。 当たり前な感じの基本形ですね。 では次に、複数のクラスをまとめて消したい場合、 $("div").removeClass("sample1 sample2"); はい。という感じで、sam

      • 閑話(小ネタ)

        プログラミングする人とテストする人は絶対分けるべき。 自分でテストすると必要なテストの洗い出しに地味に失敗する。 基本的にはテストの専門部署を作るべき。 小さい会社だからって油断するな。 今の時代いつ大きくなるかわからん。 大きい会社に突然なっても問題ないような仕組みをあらかじめ作っておくんだ。 とんでもない(プログラム的に)負の遺産を抱えることになるぞ。 フレームワークは便利だが、脆弱性が無いわけじゃない。 フレームワークは脆弱性が発見されると同じ手段で一斉攻撃される場

        • jQueryでドラッグの速度を調べる

          【JavaScript jQuery3.4.1】 前回の続き。 前回のプログラムに、ちょっとした機能を追加してみる。 箱をぶん投げる仕組みをなんとなく作りたくなったので、とりあえずドラッグしてる最中のドラッグ速度を調べるプログラムを書いてみる。 ざっくり書くとこんな感じだ。 var point = false;var pointdd = Array(0, 0);var pointd0 = false;function spcount(){ if(point == fal

        PHPのarray_columnが微妙に使いにくいと思った話。

        マガジン

        • jQueryとJavaScriptを考える
          10本

        記事

          jQueryで作るドラッグ判定のよくあるやつ

          【JavaScript jQuery3.4.1】 やぁみんな。久しぶり。jQueryしてる? というわけで今日は、jQuery使う人なら何かと使うことになりそうなドラッグ判定の比較的かんたんな作り方について語っていこう。 ここでは、以前作ったgetCursor(e)を使っていく。うん。 色々と便利なので多分今後も使うよ。 とりあえず、<div id="box"></div>だけ書かれたhtmlを想定しておく。 このdivに、次のようなスタイルを設定して単純な四角を用意す

          jQueryで作るドラッグ判定のよくあるやつ

          ちょっと休憩。

          先日、jQueryでまたも不自明な現象に出会う。 ほんとに謎だったんで詳細は書かないけど、ざっくり言うと var x = $("#hoge").attr("str").indexOf("xxx"); ってしようとしたら、 indexOfなんてありませんっていうエラーを食らったんだ。 いやいや、わけわからんよ。ちょっと焦っててtypeofとか調べなかったんだけど、 var a = $("#hoge").attr("str") + ""; var x = a.indexO

          ちょっと休憩。

          scrollTopの罠

          【jQuery3.3.1 JavaScript】 jQueryで画面をスクロールさせたりするというのはよくある話。ところが、ブラウザ間誤差でハマるケースを紹介しておく。 まぁ、これもいろいろなところで記載されている話な気がするのでメモ程度だが。 画面全体のスクロールについて、IE,Edgeとそれ以外で仕様が違っているようだ。下記のような形で簡単なテストができる。 $(function(){ $(document).on("click","html",functio

          scrollTopの罠

          たぶん色んな人が書いてるけどJavaScriptでカーソルの座標を取るのは実はめんどくさいやつ

          【jQuery JavaScript】 どうも。みなさん、座標とってます? おしゃれなサービスをjQueryで取ろうと思ったら、マウスの座標をとらなきゃいけなくなることってあると思うんですよ。 ところが、いろんなサービスに対応させようとすると、実は座標を取るだけで一苦労なんですけど、だいたい必要最小限なことしか書いてないんですよね。 昔のブラウザ(Android2系とか)で座標取る人とかもういないとは思いますけど、そういうのもひっくるめて座標取れるようにした関数を色んな情報

          たぶん色んな人が書いてるけどJavaScriptでカーソルの座標を取るのは実はめんどくさいやつ

          for文とは何かをちゃんと理解しておくことは大切なことなのかもしれない。

          【JavaScript】 JavaScriptに限らず、プログラムにおいてfor文はいろいろなところで登場する。あまねみさんはwhile文を書くのが好きではないので、基本的にすべてfor文で書いている(やめてくれ)。あまねみ式プログラミングは、極力覚えることを減らしたいので、応用範囲の広いfor文をきっちり覚えることでwhile文を使わないのだ(おかしい)。 いろんな参考書等に書いてあるとおり、の説明をすると for(var i=1; i<=10; ++i) {

          for文とは何かをちゃんと理解しておくことは大切なことなのかもしれない。

          setTimeoutとsetInterval

          【javascript】 最初に書いておくと、特殊な事情がない限りjavascriptでsetIntervalをしないことをオススメする。 ※多分ネット上に同じようなこと色々書いてあると思うけど あと、実行はとりあえず無名関数でやれ(Stringで関数名を指定するな) function f(){ console.log("!"); setTimeout(function(){f();}, 1000);}f(); これが基本形。 f()を実行すると1秒ごとに

          setTimeoutとsetInterval

          あまねみ式プログラム記述法

          【JavaScript】 あまねみさんはお仕事でIE対応をすることが多いので、IEでも使える汎用的な記述法をすることが多いです。 あと、色々覚えるのが嫌いで、関数とか覚える個数が少なくなるようにしていたりします。 例えば、最近のプログラムではアロー関数やlet,constなどを使いますが、あまねみさんはvarとfunctionで済ませています。(厳密には挙動が違うのでちゃんと理解して適切な書き方をしましょう) あまねみさん的に書くと、 var x = 100;var

          あまねみ式プログラム記述法

          最近のjQueryはCSSを基本に考える

          昔はjQueryで何でも書いていたけど、記述の簡便さとか、処理速度の速さとか、プログラム的な事故を発生させることを防ぐためだとか、色んな理由でCSSとjQueryの役割分担をするようになった。 昔のCSSは色や形状を扱うだけっていうイメージだけだったけれど、最近ではjQueryに変わって動きを扱うことも増えた。 例えば、「ホバーしたらフェードアウトさせる」という場合はjQueryでは $("body").fadeOut(); こんな感じ。 これを、CSSで書いてみると

          最近のjQueryはCSSを基本に考える

          jQueryを使っていてpreventDefault()が効かなくて困るやつ

          【jQuery-3.4.1】 jQueryを使用していると、最近のChromeではパフォーマンスを落とさないようにするため、preventDefault()できないようにしてあって困る事がある。 そう。あれだ。 「Unable to preventDefault inside passive event listener due to target being treated as passive.」 とか言われて怒られるやつだ。 以前国内の記事を検索したときには簡単に対

          jQueryを使っていてpreventDefault()が効かなくて困るやつ

          jQueryについて

          最近、jQueryを使うケースが少なくなっていると聞いてちょっとさみしい。 jQuery使いが減っても困るため、これからjQueryについての記事を書いていこうかと思います。 というお知らせ。

          jQueryについて