JavaScript 【テクニカル・上級編】 ブロックスコープの概念 – JavaScript実践ガイド
ブロックスコープの深淵：メモリの断片化から逃れ、JSエンジンを味方につけるJavaScriptのコードを書いているとき、あなたは「メモリの呼吸」を感じたことがあるだろうか。現代のWebフロントエンド開発において、`var`を捨てて`let`...
JavaScript
JavaScript JavaScript 【テクニカル・上級編】 letとconstの巻き上げと一時的死域（TDZ） – JavaScript実践ガイド
「巻き上げ」という幻想を捨てよ：TDZが守る堅牢なアーキテクチャの真実JavaScriptという言語は、しばしば「直感的だが底なしの沼」と評されます。特に、新人エンジニアが最初に躓く「巻き上げ（Hoisting）」と、その先にある「一時的死...
JavaScript 【テクニカル・上級編】 varの巻き上げ（Hoisting） – JavaScript実践ガイド
亡霊としてのvar：巻き上げ（Hoisting）がもたらすアーキテクチャの脆弱性JavaScriptを長年書いていると、時折「なぜこんな挙動をするのか」という霧の中に迷い込むことがある。その霧の正体の一つが、`var`の巻き上げ（Hoist...
JavaScript 【テクニカル・上級編】 constによる定数宣言と不変性 – JavaScript実践ガイド
現代JavaScriptにおける`const`の真実：不変性という名の「幻想」と「武器」JavaScriptのコードベースを眺めていると、至る所で`const`が使われている。現代のフロントエンド開発において、`const`は一種の「正義」...
JavaScript 【テクニカル・上級編】 letによる変数宣言とブロックスコープ – JavaScript実践ガイド
`let`とブロックスコープ：なぜ「ただの変数宣言」がアーキテクチャの生死を分けるのかモダンなJavaScript開発において、`var`を追放し`let`と`const`をデフォルトにするのは、もはや作法というより「生存戦略」に近い。しか...
JavaScript 【テクニカル・上級編】 varによる変数宣言と関数スコープ – JavaScript実践ガイド
`var`という「遺物」が抱える罪と、現代のJSアーキテクチャにおける処方箋フロントエンドの最前線でコードを読み解いていると、たまに心臓が止まりそうになる瞬間がある。数万行のレガシーなSPA、あるいは急ごしらえのライブラリの深淵で、平然と顔...
JavaScript 【実務・中級編】 String.prototype.substr()の非推奨理由と代替案 – JavaScript実践ガイド
「お疲れ様。コードレビューをしていたら、まだ `substr()` を使っている箇所を見つけたよ。動いてはいるけれど、今の設計思想からすると、これは『負債の種』を植え付けているようなものなんだ。今日は、なぜ僕たちが `substr()` を...
JavaScript 【実務・中級編】 Stringのイテレータ [Symbol.iterator] – JavaScript実践ガイド
やあ、調子はどうだい？現場でゴリゴリにコードを書いてると、「文字列なんてただの文字の羅列だろ？」なんて油断しがちだけど、実はそこに潜む「サロゲートペア」の罠に足元をすくわれた経験、君にも一度くらいはあるんじゃないかな。今日は、JavaScr...
JavaScript 【実務・中級編】 String.prototype.trimEnd()メソッド – JavaScript実践ガイド
やあ、よく来たな。現場のコードレビューで「とりあえず`trim()`しておけばいいでしょ」なんて雑な処理を見かけるたびに、私は少しだけ眉をひそめてしまうんだ。今日は、地味だが実に奥が深い、そして「意図のあるコード」を書くために欠かせない`S...
JavaScript 【実務・中級編】 String.prototype.trimStart()メソッド – JavaScript実践ガイド
おう、調子どう？ フロントエンドの現場で日々奮闘してる諸君、特にJavaScriptの文字列操作について、ちょっと深掘りしたい気分になってないか？ 今回は、知ってるようで意外と奥が深い「`String.prototype.trimStart...