本記事では、JavaScriptの==と===の違いについて解説しています。 この違いを知らないで処理を実装すると、条件に一致しないはずなのに何故か条件に一致していまい関係のない処理が実行されている。。なんてこともあるので、本記事でしっかり違いについて...

本記事では、JavaScriptのfalsyとtruthyについて解説しています。 【falsyとtruthyとは？】 JavaScriptでは、全ての値をfalsyとtruthyに分けることができます。 例えば、if文で文字列を使った変数に対して条件分岐を行ってみましょう。 let str = "He...

本記事では、aタグを使った時にデフォルトで表示される下線を消す方法と下線の種類・色を変更する方法について解説しています。 【text-decorationプロパティ】 aタグの下線を消すまたはカスタマイズするにはtext-decorationプロパティを使います。 text-d...

CSSには幅や文字サイズを設定する時に使用する単位がpx、%、em、rem、vw、vh、vmax、vminの8種類あります。 それぞれの単位には特徴があります。その特徴を正しく理解することで、状況に応じて最適な単位を設定することができます。 本記事では、それぞれ...

本記事では、JavaScriptのOR条件とAND条件の仕組みについて解説しています。 【falsyとtruthyについて】 OR条件とAND条件の仕組みを理解するには、falsyとtruthyについて知る必要があります。 全ての値はfalsyとtruthyに分けられます。例えばif文はtrueとf...

本記事では、JavaScriptで関数に初期値を設定する方法についてサンプルコードを用いて分かりやすく解説しています。 【今までの関数に初期値を設定する方法】 今までの関数に初期値を設定する方法といえば、以下の方法が主流でした。 function output(val)...

本記事では、JavaScriptの関数(function)の宣言、呼び出し、引数、戻り値などの基本的な使い方について解説しています。 関数はJavaScriptを扱う上で、必須のものになるため使い方をマスターしましょう。 【関数とは？】 関数とは、複数の処理を一つにまと...

本記事では、JavaScriptのargumentsオブジェクトの使い方について解説しています。 【argumentsオブジェクトとは？】 argumentsオブジェクトとは、関数内でしか使うことができない特殊なオブジェクトです。 function sample() { console.log(arguments); /...

オブジェクトが反復可能な状態でない時にスプレッド構文(…)を使って内容を確認すると「Uncaught TypeError: Found non-callable @@iterator」のエラーが表示されます。 本記事では、JavaScriptのエラー「Uncaught TypeError: Found non-callable @@iterato...

JavaScriptで他人が作成したソースコードを見ていると、「…」と記述された処理を見たこと1度はあると思います。 当時の私はこの…が何を指しているのか全く分からず、この処理は結局何をするのか理解できませんでした。昨今のJavaScriptを使った開発では使...