JavaScript 【JavaScript】変数は定義されているのになぜかif文でfalseになる
JavaScriptで変数が定義されているかいないか(null or undefined)で条件分岐するときに以下のように書くと便利ですよねif(str){・・・}しかし、この書き方実は罠があるんです。strが文字列のみの想定ならいいですが...
JavaScript
JavaScript 
JavaScript 【JavaScript】ブラウザのウィンドウの横幅と高さを取得する
JavaScriptでブラウザのウィンドウの横幅と高さを取得する方法を記載します。ウィンドウサイズを変えると、表示される数値も変わります。ウィンドウの横幅：ウィンドウの高さ：<!DOCTYPE html><html><head> <meta...
JavaScript 【javaScript・CSS】スクロールしたときに要素を下から上に表示させる
よく、企業のホームページなどで、スクロールをしていくと要素がひょこっと現れたりするサイトありますよね。今回はそのやり方書きます。サンプル<!DOCTYPE html><html><head> <meta charset="UTF-8"> <...
JavaScript 【javaScript】スクロールすると要素が隠れるようにする
下にスクロールすると、ヘッダのメニューが消えて、上にスクロールすると再度表示されるようなサイトありますよね。これをどう作るかというと！！左上に表示されている「下にスクロールで消えて、上にスクロールで出現」の文章が上や下にスクロールすると消え...
JavaScript 【javaScript・jQuery】クリックした要素を削除する
例えば、ビンゴゲームの番号を追加していくサイトを作ったとして、間違った番号を追加したときに、その番号の要素を削除したいと思いますよね！そんなときに、要素をクリックしたら、その対象の要素が削除されるようになるソースコードを紹介します。やること...
JavaScript 【javaScript・jQuery】キーイベントで押されたキーを取得する
キー操作のイベントで押されたキーを取得する方法を紹介します。押されたキーを取得するには「keydown」のイベント内で「event.key」を使います。※「event.keyCode」は廃止されたようなので注意ソースコードを紹介します。<s...
JavaScript 【javaScript・jQuery】正規表現を使って、要素から特定のクラスを削除する。
jQueryの.removeClass()メソッドの引数に関数を入れることで、関数の戻り値に対応するクラス名を要素のクラス名から削除できます。コードとしては以下のように書きます。$("セレクタ").removeClass (function...
JavaScript 【javaScript・jQuery】ある範囲のランダムな数字の作成方法
javaScriptを使って任意の範囲の数字をランダムに出す方法です。方法は簡単！javaScriptで以下を書くだけです。Math.random() * ( (最大値 + 1) - 最小値 ) + 最小値;例えば、2から5の間の数字をラン...
JavaScript 【javaScript】ある要素の中から、あるクラス名以外含まれる要素を取得する
ちょっとタイトルが分かりにくいかもしれませんが(笑)例えば、あるクラス名が含まれる要素の中で、あるクラス名以外を取得したい場合のやり方です。「.not()」を使います。以下の要素があったとします。<div class="target">対象...
JavaScript 【javaScript】スマホのタッチ操作での拡大縮小を禁止にする
スマホで２本の指を使ってタッチすると拡大縮小ができますよね。（これをピンチイン・ピンチアウトというらしいです）その拡大縮小をjavaScriptを使って禁止にする方法を紹介します。前回紹介した、スマホでのスクロール禁止の方法を少し工夫するだ...