あまねみ

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

あまねみ

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

マガジン

記事一覧

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

配列の中身を串刺しにして取り出す array_column という関数があるのだが、 あまねみさん的にはこの関数が微妙に使いにくい。 なぜかと言うとこの関数、もとの配列のキー…

あまねみ
3年前

jQueryでクラスを削除する

【JavaScript jQuery3.4.1】 何をいまさらとお思いかもしれないですが、jQueryでクラスを削除する方法について少し書きたいと思います。 $("div").removeClass("sample");…

あまねみ
4年前
1

閑話(小ネタ)

プログラミングする人とテストする人は絶対分けるべき。 自分でテストすると必要なテストの洗い出しに地味に失敗する。 基本的にはテストの専門部署を作るべき。 小さい会…

あまねみ
4年前

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

【JavaScript jQuery3.4.1】 前回の続き。 前回のプログラムに、ちょっとした機能を追加してみる。 箱をぶん投げる仕組みをなんとなく作りたくなったので、とりあえずド…

あまねみ
4年前

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

【JavaScript jQuery3.4.1】 やぁみんな。久しぶり。jQueryしてる? というわけで今日は、jQuery使う人なら何かと使うことになりそうなドラッグ判定の比較的かんたんな作…

あまねみ
4年前
1

ちょっと休憩。

先日、jQueryでまたも不自明な現象に出会う。 ほんとに謎だったんで詳細は書かないけど、ざっくり言うと var x = $("#hoge").attr("str").indexOf("xxx"); ってしようと…

あまねみ
4年前
1

scrollTopの罠

【jQuery3.3.1 JavaScript】 jQueryで画面をスクロールさせたりするというのはよくある話。ところが、ブラウザ間誤差でハマるケースを紹介しておく。 まぁ、これもいろい…

あまねみ
4年前

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

【jQuery JavaScript】 どうも。みなさん、座標とってます? おしゃれなサービスをjQueryで取ろうと思ったら、マウスの座標をとらなきゃいけなくなることってあると思うん…

あまねみ
4年前

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

【JavaScript】 JavaScriptに限らず、プログラムにおいてfor文はいろいろなところで登場する。あまねみさんはwhile文を書くのが好きではないので、基本的にすべてfor文で…

あまねみ
4年前
1

setTimeoutとsetInterval

【javascript】 最初に書いておくと、特殊な事情がない限りjavascriptでsetIntervalをしないことをオススメする。 ※多分ネット上に同じようなこと色々書いてあると思うけ…

あまねみ
4年前
1

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

【JavaScript】 あまねみさんはお仕事でIE対応をすることが多いので、IEでも使える汎用的な記述法をすることが多いです。 あと、色々覚えるのが嫌いで、関数とか覚える個…

あまねみ
4年前
1

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

昔はjQueryで何でも書いていたけど、記述の簡便さとか、処理速度の速さとか、プログラム的な事故を発生させることを防ぐためだとか、色んな理由でCSSとjQueryの役割分担を…

あまねみ
4年前
1

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

【jQuery-3.4.1】 jQueryを使用していると、最近のChromeではパフォーマンスを落とさないようにするため、preventDefault()できないようにしてあって困る事がある。 そう…

あまねみ
4年前
1

jQueryについて

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

あまねみ
4年前

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

配列の中身を串刺しにして取り出す array_column という関数があるのだが、
あまねみさん的にはこの関数が微妙に使いにくい。

なぜかと言うとこの関数、もとの配列のキーを参照しないで、インデックスの振り直しをしてしまうのだ。そのため、可逆性を保つためにいちいちidを振っておかなくてはいけない。

そこで、以下のような類似関数を作ったので提示しておく。​

function my_array

もっとみる

jQueryでクラスを削除する

【JavaScript jQuery3.4.1】
何をいまさらとお思いかもしれないですが、jQueryでクラスを削除する方法について少し書きたいと思います。

$("div").removeClass("sample");

はい。divに設定してあるsampleクラスが削除されます。
当たり前な感じの基本形ですね。
では次に、複数のクラスをまとめて消したい場合、

$("div").remove

もっとみる

閑話(小ネタ)

プログラミングする人とテストする人は絶対分けるべき。
自分でテストすると必要なテストの洗い出しに地味に失敗する。
基本的にはテストの専門部署を作るべき。

小さい会社だからって油断するな。
今の時代いつ大きくなるかわからん。
大きい会社に突然なっても問題ないような仕組みをあらかじめ作っておくんだ。
とんでもない(プログラム的に)負の遺産を抱えることになるぞ。

フレームワークは便利だが、脆弱性が無

もっとみる

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

【JavaScript jQuery3.4.1】

前回の続き。

前回のプログラムに、ちょっとした機能を追加してみる。
箱をぶん投げる仕組みをなんとなく作りたくなったので、とりあえずドラッグしてる最中のドラッグ速度を調べるプログラムを書いてみる。
ざっくり書くとこんな感じだ。

var point = false;var pointdd = Array(0, 0);var pointd0 = f

もっとみる

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

【JavaScript jQuery3.4.1】

やぁみんな。久しぶり。jQueryしてる?
というわけで今日は、jQuery使う人なら何かと使うことになりそうなドラッグ判定の比較的かんたんな作り方について語っていこう。

ここでは、以前作ったgetCursor(e)を使っていく。うん。
色々と便利なので多分今後も使うよ。

とりあえず、<div id="box"></div>だけ書かれたhtm

もっとみる

ちょっと休憩。

先日、jQueryでまたも不自明な現象に出会う。
ほんとに謎だったんで詳細は書かないけど、ざっくり言うと

var x = $("#hoge").attr("str").indexOf("xxx");

ってしようとしたら、
indexOfなんてありませんっていうエラーを食らったんだ。

いやいや、わけわからんよ。ちょっと焦っててtypeofとか調べなかったんだけど、

var a = $("#h

もっとみる

scrollTopの罠

【jQuery3.3.1 JavaScript】

jQueryで画面をスクロールさせたりするというのはよくある話。ところが、ブラウザ間誤差でハマるケースを紹介しておく。
まぁ、これもいろいろなところで記載されている話な気がするのでメモ程度だが。

画面全体のスクロールについて、IE,Edgeとそれ以外で仕様が違っているようだ。下記のような形で簡単なテストができる。

$(function(){

もっとみる

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

【jQuery JavaScript】

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

もっとみる

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

【JavaScript】

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

いろんな参考書等に書いてあるとおり

もっとみる

setTimeoutとsetInterval

【javascript】

最初に書いておくと、特殊な事情がない限りjavascriptでsetIntervalをしないことをオススメする。
※多分ネット上に同じようなこと色々書いてあると思うけど

あと、実行はとりあえず無名関数でやれ(Stringで関数名を指定するな)

function f(){ console.log("!"); setTimeout(function(){f(

もっとみる

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

【JavaScript】

あまねみさんはお仕事でIE対応をすることが多いので、IEでも使える汎用的な記述法をすることが多いです。
あと、色々覚えるのが嫌いで、関数とか覚える個数が少なくなるようにしていたりします。

例えば、最近のプログラムではアロー関数やlet,constなどを使いますが、あまねみさんはvarとfunctionで済ませています。(厳密には挙動が違うのでちゃんと理解して適切な書き

もっとみる

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

昔はjQueryで何でも書いていたけど、記述の簡便さとか、処理速度の速さとか、プログラム的な事故を発生させることを防ぐためだとか、色んな理由でCSSとjQueryの役割分担をするようになった。
昔のCSSは色や形状を扱うだけっていうイメージだけだったけれど、最近ではjQueryに変わって動きを扱うことも増えた。

例えば、「ホバーしたらフェードアウトさせる」という場合はjQueryでは

$("b

もっとみる

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

【jQuery-3.4.1】

jQueryを使用していると、最近のChromeではパフォーマンスを落とさないようにするため、preventDefault()できないようにしてあって困る事がある。
そう。あれだ。
「Unable to preventDefault inside passive event listener due to target being treated as passiv

もっとみる

jQueryについて

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

というお知らせ。