JavaScript 【実務・中級編】 NaNの判定手法（isNaN vs Number.isNaN） – JavaScript実践ガイド
フロントエンドの現場で日々コードを書いていると、フォームの入力値チェックやAPIから飛んできた数値データのバリデーションで、数値まわりのバグに頭を抱える瞬間ってありますよね。「あれ、この値ちゃんと数字のはずなのに、なんで弾かれるんだ？」「`...
データ型と型判定（プリミティブとオブジェクト, typeof, 暗黙の型変換）
JavaScript JavaScript 【実務・中級編】 ToBoolean変換のルール – JavaScript実践ガイド
やあ、調子はどうだい？最近、コードレビューをしていて「おっ、これまたやっちまったな」というポイントを見かけたんだ。JavaScriptの `if`文の条件式で、思わぬバグを踏み抜いているシーンに遭遇した。「なんか知らんけど、APIから返って...
JavaScript 【実務・中級編】 ToString変換のルール – JavaScript実践ガイド
JavaScriptを書いていると、気づかないうちに裏側でデータ型が変換されていて、頭を抱えた経験はないだろうか？「文字列と数値を足したら、なぜか連結された」「オブジェクトをテンプレートリテラルに埋め込んだら `` になって絶望した」――お...
JavaScript 【実務・中級編】 ToNumber変換のルールと例外 – JavaScript実践ガイド
JavaScriptを書いていると、夜な夜な不可解なバグに遭遇することはないだろうか。「あれ、なんでこの条件分岐すり抜けたんだ？」「ログ出したら `NaN` って出てきたんだけど、俺のコードどこで間違った？」大抵の場合、犯人はこいつだ。「暗...
JavaScript 【実務・中級編】 Falsyな値の全リストと暗黙の型変換 – JavaScript実践ガイド
お疲れ。ちょっと手を止めてこっちを向いてくれ。君もこれまでのキャリアで、何度となく出会ってきたはずだ。「あれ、なんでこの条件分岐すり抜けたんだ？」という謎のバグに。APIから返ってきたレスポンスをそのまま `if (data.items)`...
JavaScript 【実務・中級編】 nullとundefinedの比較と型判定の落とし穴 – JavaScript実践ガイド
フロントエンドの最前線で戦う諸君、お疲れ様。コードを書いていると、ふと遭遇する「あれ？なぜこうなるんだ？」という瞬間。JavaScriptには、言語仕様の歴史という名の「呪い」がいくつか潜んでいる。その代表格が、今回取り上げる `null`...
JavaScript 【実務・中級編】 Object.prototype.isPrototypeOfの活用 – JavaScript実践ガイド
おい、調子はどうだい？最近、コードレビューをしていて「おっ、これよく分かってるな」と感心させられるコードに出会うこともあれば、「あー、ここでその判定使っちゃうか……」と頭を抱えたくなる瞬間もある。特にフロントエンドの実務で頭を悩ませるのが、...
JavaScript 【実務・中級編】 instanceof演算子の内部メカニズムとSymbol.hasInstance – JavaScript実践ガイド
お疲れ。最近、コードレビューをしていて気になることがあるんだよね。「この変数、配列かどうか怪しいから `instanceof Array` でチェックしとこ」とか、「クラスのインスタンス判定に `instanceof` 使ってるんだけど、な...
JavaScript 【実務・中級編】 ホストオブジェクト（DOM/Window）の型判定 – JavaScript実践ガイド
やあ、調子はどうだい？今日も元気にDOMのツリー構造と格闘していることだろう。フロントエンドの中級からシニアにステップアップする過程で、誰もが一度は「あれ？」と首を傾げる瞬間がある。そう、JavaScriptの型判定の魔境、特にブラウザのホ...
JavaScript 【実務・中級編】 Symbol型の特殊な挙動とtypeof – JavaScript実践ガイド
おい、最近コード書いてるか？中堅の壁にぶつかって、「動くには動くけど、なんでこうなるんだっけ？」って立ち止まる瞬間、あるよな。非常にいい傾向だ。その「なぜ？」を深掘りする姿勢こそが、君をただのコーダーから本物のフロントエンド・アーキテクチャ...