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

ローカル環境（PC環境）だと動いていたAjaxが・・・ なぜかWebViewだと動かない Android実機だと通信失敗する 色々試したけど通信できない こういうトラブルに遭遇したことがありました。 でも解決方法が分かっ...

Web開発の心強い味方と言えば、Chrome開発者ツール ページ内の要素を書き換えできり、 要素のスタイル(CSS)を変えたり、 ユーザーエージェントを変えたり、 コンソール内でスクリプト実行したり、 これを使うとWeb...

CSSで便利なのが :[crayon-5e271bf0cac20873355296-i/]  という疑似クラス 全体に対して [crayon-5e271bf0cac28410197117-i/]  するとき、 全div要...

アイテムを横スクロールできるリストを作りたい・・・ そう思ったので、色々調べて作ってみました。 思いのほか簡単に作れたので、 ここでは CSSだけで横スクロールリストを作る方法 をまとめときます。 横スクロールさせるのに...

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

タイトルにも書いた通り。 FontAwesome のアイコン幅のせいで見栄えが悪いことがありました。 でもその解決策が分かったので、 FontAwesomeでアイコンを等幅にする方法＆CSSコード を紹介します。 アイコ...

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

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

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