JavaScript 【実務・中級編】 @templateによるジェネリクスの表現 – JavaScript実践ガイド
お疲れ。TypeScript全盛の昨今だけど、あえて「純粋なJavaScript（JSDoc）」でガチガチの型安全なコードを書く現場に放り込まれて、頭を抱えていないか？「TypeScriptを導入するビルドステップを入れる余裕がないレガシー...
データ型と型判定（プリミティブとオブジェクト, typeof, 暗黙の型変換）
JavaScript JavaScript 【実務・中級編】 @importによる外部型定義のインポート – JavaScript実践ガイド
お疲れ。最近、TypeScriptの導入を検討したものの、ビルドステップの複雑化や「とりあえずプレーンなJSでサクッと書きたい」という要件に阻まれ、モヤモヤしている現場が増えているんじゃないか？特に、中途半端に育った中規模のJavaScri...
JavaScript 【実務・中級編】 jsconfig.jsonとcheckJsによる型チェックの有効化 – JavaScript実践ガイド
こんにちは。チームのコードレビューをしていて、「また `undefined` のプロパティを読みに行こうとして画面が真っ白になってるよ……」と頭を抱えた経験、君にもないかい？中級から一歩進んでシニアの領域に足を踏み入れようとしている君なら、...
JavaScript 【実務・中級編】 @paramと@returnsによる関数インターフェースの定義 – JavaScript実践ガイド
やあ。今日も元気にコード書いてるかい？「TypeScriptを導入したいけど、レガシーな巨大コードベースとビルド構成の壁があって、今すぐには移行できない……」そんな現場の叫びを、シニアである君なら一度や二度は耳にしたことがあるはずだ。「じゃ...
JavaScript 【実務・中級編】 @callbackによる関数シグネチャの定義 – JavaScript実践ガイド
こんにちは。君もそろそろ、プロジェクトが大きくなるにつれて「あれ、このコールバック関数、引数に何を渡すんだっけ？」と、毎回実装ファイルを行ったり来たりする地獄に耐えかねている頃じゃないかと思う。中級からシニアへとステップアップするフェーズに...
JavaScript 【実務・中級編】 @typedefによるカスタム型定義 – JavaScript実践ガイド
やあ。今日も今日とてコードレビューに追われてるかい？「動くには動くけど、このオブジェクトの中に一体何のプロパティが入っているんだっけ？」――そんなカオスなコードに頭を抱えた経験、君にもあるはずだ。TypeScriptがフロントエンドのデファ...
JavaScript 【実務・中級編】 比較演算子(<, >)と数値変換の挙動 – JavaScript実践ガイド
フロントエンドの現場で泥臭いバグと戦っていると、時々「お前、なんでそんな嘘をつくんだ…」と言いたくなるようなJavaScriptの挙動に遭遇する。特に、データグリッドのソート機能や、入力値のバリデーション、あるいは無限スクロールの閾値判定な...
JavaScript 【実務・中級編】 論理演算におけるTruthy/Falsyの誤解 – JavaScript実践ガイド
やあ。今日も今日とてレガシーとモダンが入り交じるコードベースの海原を泳ぎ回っているところかい？フロントエンドの実務をやっていると、毎日のように目にするのが `if` 文や `&&`、`||` といった論理演算子だ。コードレビューをしていて、...
JavaScript 【実務・中級編】 等価演算子(==)による暗黙の型変換の罠 – JavaScript実践ガイド
おい、調子はどうだい？最近、コードレビューをしていて「またこれか…」と頭を抱えたバグがあるんだ。大体、犯人は決まっていて、あの魔性のイコール2つ、`==`（抽象等価演算子）だ。「いやいや、シニアの俺たちは普段から `===`（厳密等価演算子...
JavaScript 【実務・中級編】 加算演算子における文字列連結と数値加算の優先順位 – JavaScript実践ガイド
おい、調子はどうだい？最近、コードレビューをしていて「またこれか……」と頭を抱えたポイントがあるんだ。それが今回取り上げる加算演算子（`+`）の闇、つまり「文字列連結」と「数値加算」の優先順位と暗黙の型変換だ。中級への階段を登り始めたエンジ...