JavaScript 【テクニカル・上級編】 JavaScriptのプリミティブ型（7種）の概念 – JavaScript実践ガイド
プリミティブの深淵：JavaScriptの「不変性」がコードの堅牢性を支配するフロントエンドのアーキテクチャを語る際、多くのエンジニアはフレームワークのライフサイクルや状態管理ライブラリの選定に目を奪われがちだ。しかし、真にスケールする、バ...
データ型と型判定（プリミティブとオブジェクト, typeof, 暗黙の型変換）
JavaScript JavaScript 【実務・中級編】 @deprecatedによる非推奨の警告 – JavaScript実践ガイド
フロントエンドの戦場で日々コードを書き殴っていると、避けて通れないのが「技術的負債」の整理整頓だ。「この古いユーティリティ関数、誰も使ってないはずだけど、もしかしてどこかのレガシーな画面でまだインポートされてる……？」「新しい設計のAPIに...
JavaScript 【実務・中級編】 @moduleと@exportsによるモジュール型定義 – JavaScript実践ガイド
お疲れ。最近、TypeScriptの導入が進んでいる現場は多いけれど、既存のレガシーなコードベースや、あえてビルドステップを複雑にしたくないマイクロライブラリの構築などで、「プレーンなJavaScript（JSDoc）でどこまで型安全を担保...
JavaScript 【実務・中級編】 /** @type {Type} */ による型キャスト – JavaScript実践ガイド
おい、最近調子はどうだ？TypeScript全盛のこの時代にあって、「あえてプレーンなJavaScript（JSDoc）で大規模なフロントエンドを支えなきゃいけない」という、なかなかにスリリングな修羅場を潜り抜けているお前なら、今日のテーマ...
JavaScript 【実務・中級編】 @enumによる定数セットの型定義 – JavaScript実践ガイド
フロントエンドの現場で、こんなコードにイラッとした経験はないか？// 「おいおい、ステータスコードの文字列なんて誰も覚えてねえよ！」事件function updateOrderStatus(orderId, status) { // 処理....
JavaScript 【実務・中級編】 インラインオブジェクト型の定義 – JavaScript実践ガイド
お疲れ。最近、君が書いたコードレビューをしていて気になったことがあるんだ。関数の引数を受け取る時や、複雑な設定オブジェクトを扱う時、わざわざすべての構造に仰々しい名前をつけて別ファイルに切り出したりしていないか？「いや、保守性が高まると思っ...
JavaScript 【実務・中級編】 JSDocにおける省略可能引数の定義 – JavaScript実践ガイド
フロントエンド開発の現場で、TypeScriptの導入が進んでいるとはいえ、未だにレガシーなJSコードベースや、あえてビルドステップを挟まない軽量なスクリプト、あるいはJSDocベースの型安全性（TypeScriptのJSDocモード）を好...
JavaScript 【実務・中級編】 JSDocにおけるユニオン型の定義 – JavaScript実践ガイド
お疲れ。最近、TypeScriptへのリプレイス案件が増えてるけどさ、あえて「純粋なJavaScript（Vanilla JS）」で巨大なアプリケーションを組み上げなきゃいけない現場に放り込まれたり、あるいはライブラリのコア部分を書いていて...
JavaScript 【実務・中級編】 JSDocにおけるNull許容型と非Null型の表現 – JavaScript実践ガイド
おい、調子はどうだい？最近、TypeScriptが天下を取ったような顔をしているけれど、僕らの足元であるプレーンなJavaScriptの現場でも、型安全への欲求は日増しに高まっているよね。大規模なコードベースを複数人で触っていると、「おっと...
JavaScript 【実務・中級編】 @readonlyによるイミュータブルなプロパティ定義 – JavaScript実践ガイド
やあ。最近、プロダクトの規模が膨らみすぎて「どこで誰がこのステートを書き換えたんだ…？」という不毛なバグハンティングに時間を溶かしてないかい？中級から一段上のシニアへと駆け上がるエンジニアが必ず直面するのが、この「意図しないプロパティの書き...