JavaScriptで要素クリック時の処理を登録するには、 addEventListener を使う on とか bindを使う（jQuery） onclick で直接関数呼び出す 主にこの3つの方法があります。 今回は...

Webアプリでサーバーを用意せずデータ保存したいとき・・・ 便利なのが Web Storage（ localStorage ）というAPI クッキーを使うより、大容量＆簡単に使えるのが利点。 でも一部だと使えないブラウザ...

JavaScriptでサーバーにバイナリデータを送信したい場合・・・ XMLHttpRequest から送信 あるいは Ajax から送信 PHP側でそれを受け取る みたいな方法が使えます。 ただその送信方法が分からず、...

同期的なコードを書きたい場合・・・ PHPだったら [crayon-5e271be300dd4693944802-i/]  とかすれば 10秒間スリープできます。 でもJavaScriptでは、仕様的な理由でsleep関...

JavaScriptで定数を作るには・・・ [crayon-5e271be3014a6227426164/] みたいに [crayon-5e271be3014ae414689751-i/]  を使うのが一般的だと思います...

あるとき突然、 JavaScript で次のエラーが発生・・・ [crayon-5e271be3019a1345960789/] Maximum call stack size exceeded 、、、？ どうやらスタッ...

例えばこの記事を書いてる現在は 2019年10月22日  、 そして僕の誕生日を仮に 1995年01月01日 とします。 そのときJavaScriptを使って、こういう風に表示してみたかったんです。 [crayon-5e...

CSSでよく出てくる単位といえば、次の２つ px ： ピクセル単位 rem ： 相対的なサイズ この２つを互いに変換したいことがありました。 意外と簡単なやり方があったので、 ここでは JavaScriptで rem ⇔...

たとえばJavaScriptで配列を扱っているとき、、、 同じ値を含めたくない、 重複してないか確認したい 、、、みたいな場面がありました。 一番簡単なのは [crayon-5e271be30256c040209609-...

JavaScriptの [crayon-5e271be302af2971797888-i/]  ってオブジェクト指向と相性が悪い・・・ 最近JSでクラス（class）を使っていて、そう感じる場面がありました。 そこでJa...