JavaScript 【実務・中級編】 jsconfig.jsonとcheckJsによる型チェックの有効化 – JavaScript実践ガイド
こんにちは。チームのコードレビューをしていて、「また `undefined` のプロパティを読みに行こうとして画面が真っ白になってるよ……」と頭を抱えた経験、君にもないかい？中級から一歩進んでシニアの領域に足を踏み入れようとしている君なら、...
JavaScript
JavaScript 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実践ガイド
おい、調子はどうだい？最近、コードレビューをしていて「またこれか……」と頭を抱えたポイントがあるんだ。それが今回取り上げる加算演算子（`+`）の闇、つまり「文字列連結」と「数値加算」の優先順位と暗黙の型変換だ。中級への階段を登り始めたエンジ...
JavaScript 【実務・中級編】 型判定ライブラリの比較（lodash.is等） – JavaScript実践ガイド
お疲れ。最近、コードレビューをしていて「また `typeof` の罠にハマってるな……」って思うことがやたら多いんだよね。君も経験ないかい？APIから飛んできたレスポンスを処理する時、あるいは汎用的なユーティリティ関数を書く時に、渡された変...
JavaScript 【実務・中級編】 ラッパーオブジェクト（String, Number, Boolean）の挙動 – JavaScript実践ガイド
やあ。今日もコードと格闘ご苦労様。レビューをしていて、たまに「おっ？」と二度見するようなコードに出会うことがあるんだ。「なんでここで `new String()` なんて使ってるんだ？」ってね。中級への階段を登っている君なら、JavaScr...