JavaScript 【実務・中級編】 ブロックスコープの概念 – JavaScript実践ガイド
「波括弧の向こう側」を知る：ブロックスコープでJavaScriptのメモリと安全性を制御するやあ。現場でコードを書いていると、「なぜか意図しない値が残っている」「ループの中で変数が突き抜けてしまう」といったバグに頭を抱えることはないか？Ja...
JavaScript
JavaScript JavaScript 【実務・中級編】 letとconstの巻き上げと一時的死域（TDZ） – JavaScript実践ガイド
「巻き上げ」の裏側を知れば、JavaScriptはもっと怖くない。TDZ（一時的死域）との付き合い方こんにちは。今日はJavaScriptの「巻き上げ（Hoisting）」と「一時的死域（TDZ）」について話をしよう。中級レベルに差し掛かる...
JavaScript 【実務・中級編】 varの巻き上げ（Hoisting） – JavaScript実践ガイド
「なぜ `var` はバグの温床なのか？」— 巻き上げ（Hoisting）の正体をエンジニアの視点で解き明かす現場でコードレビューをしていると、今でもたまに `var` を見かけます。「動くからいいじゃないか」という声も聞こえてきますが、結...
JavaScript 【実務・中級編】 constによる定数宣言と不変性 – JavaScript実践ガイド
「constは不変（Immutable）である」という誤解を解く――実務で生き残るためのJavaScriptスコープ論フロントエンドの現場でコードレビューをしていると、未だに「`const`を使っているからこの変数は絶対に書き換わらない」と...
JavaScript 【実務・中級編】 letによる変数宣言とブロックスコープ – JavaScript実践ガイド
なぜ今さら `let` なのか？フロントエンドの現場で「事故」を起こさないためのスコープ戦略こんにちは。現場でコードをレビューしていると、未だに `var` が混ざっていたり、かと思えば「とりあえず全部 `const` にして、どうしても変...
JavaScript 【実務・中級編】 varによる変数宣言と関数スコープ – JavaScript実践ガイド
なぜ今さら `var` なのか？――現場の「技術的負債」を読み解く作法フロントエンド開発の現場で、レガシーなコードベースをいじっているとき、ふと目に飛び込んでくる `var` の文字。「あぁ、またか」とため息をついたことはないだろうか？現代...
JavaScript 【入門編】 大文字・小文字変換メソッドのロケール対応 – JavaScript実践ガイド
こんにちは！JavaScriptの世界へようこそ。日々コードを書いていて、「動いた！」という瞬間は本当にワクワクしますよね。Web開発の勉強を始めたばかりのとき、最初に覚える便利な道具のひとつが文字列の大文字・小文字変換です。"hello"...
JavaScript 【入門編】 Unicode正規化形式（NFC/NFD/NFKC/NFKD）の概念 – JavaScript実践ガイド
こんにちは！JavaScriptの世界へようこそ。フロントエンドの現場で日々コードを書いていると、文字や文字列の扱いって一見地味に見えて、実は一番ハマりやすい「魔物」だったりするんですよね。特にユーザーが入力したフォームのバリデーションや、...
JavaScript 【入門編】 String.prototype.substr()の非推奨理由と代替案 – JavaScript実践ガイド
やあ、若きエンジニアの皆さん。よくここまで辿り着きましたね。私はこれまで、数えきれないほどの凄まじい現場——それこそ、深夜のデバッグで目が充血し、コーヒーの空き缶がピラミッドのように積み上がるような修羅場をいくつも渡り歩いてきました。そんな...
JavaScript 【入門編】 Stringのイテレータ [Symbol.iterator] – JavaScript実践ガイド
やあ、ようこそ！フロントエンドの世界へ。私はこれまで数えきれないほどのコードを書き、巨大なシステムの設計図を引いてきましたが、初心に戻って「文字列」と向き合う時間は今でも大好きです。JavaScriptを学び始めると、`slice`で切り抜...