JavaScript 【入門編】 @readonlyによるイミュータブルなプロパティ定義 – JavaScript実践ガイド
こんにちは！フロントエンドの現場を渡り歩いてきた、ちょっとおせっかいなチーフアーキテクトです。JavaScriptを書き始めの頃って、「あれ？さっき代入したはずの値が、いつの間にか別の場所に書き換わってる！？」なんてバグに頭を抱えた経験、あ...
データ型と型判定（プリミティブとオブジェクト, typeof, 暗黙の型変換）
JavaScript JavaScript 【入門編】 @templateによるジェネリクスの表現 – JavaScript実践ガイド
こんにちは！フロントエンドの現場を渡り歩いてきた、シニアアーキテクトの私です。JavaScriptを書いていると、「お、この関数、色んなデータ型を受け取れるようにしたいな」「でも、返ってくるデータの型もうまく連動させたいな」って思う瞬間、あ...
JavaScript 【入門編】 @importによる外部型定義のインポート – JavaScript実践ガイド
こんにちは！フロントエンドの現場を渡り歩いてきた、チーフアーキテクトの私です。JavaScriptを書いていると、「あれ、このデータってなんだっけ？」と迷子になったり、他のファイルで作ったデータ構造を何度も書き直してうんざりしたりした経験は...
JavaScript 【入門編】 jsconfig.jsonとcheckJsによる型チェックの有効化 – JavaScript実践ガイド
こんにちは！フロントエンドの現場を長年駆けずり回っているチーフアーキテクトの私です。JavaScriptって、本当に自由で最高な言語ですよね。「とりあえず動く」コードが秒速で書ける。変数に数字を入れたかと思えば、次の瞬間には文字を代入してい...
JavaScript 【入門編】 @paramと@returnsによる関数インターフェースの定義 – JavaScript実践ガイド
こんにちは！フロントエンドの現場を長年歩んできたチーフアーキテクトの私です。JavaScriptって、書けばすぐに動くし、変数に数字を入れていたと思ったら急に文字を入れられたりして、本当に自由で優しい言語ですよね。……でも、その「優しさ」が...
JavaScript 【入門編】 @callbackによる関数シグネチャの定義 – JavaScript実践ガイド
こんにちは！フロントエンドの現場を渡り歩いてきた、ちょっとおせっかいなチーフアーキテクトです。JavaScriptを書いていると、あちこちで「コールバック関数」に出会いませんか？「ボタンがクリックされたらこれを実行してね」「データの読み込み...
JavaScript 【入門編】 @typedefによるカスタム型定義 – JavaScript実践ガイド
こんにちは！フロントエンド・アーキテクチャの現場を長年うろついている者です。JavaScriptを書き始めて少し慣れてくると、「あれ、このデータの中身って今どんな形だっけ？」「さっき作った関数、どんなプロパティを持つオブジェクトを渡せばいい...
JavaScript 【入門編】 比較演算子(<, >)と数値変換の挙動 – JavaScript実践ガイド
こんにちは！フロントエンドの現場を渡り歩いているチーフアーキテクトの私です。JavaScriptを触り始めてすぐの頃、画面に表示される数字や文字列を並べて「あれ、これとこれはどっちが大きいんだ？」と比べようとしたとき、なんだか思わぬ結果にな...
JavaScript 【入門編】 論理演算におけるTruthy/Falsyの誤解 – JavaScript実践ガイド
こんにちは！フロントエンドの現場を渡り歩いてきたチーフアーキテクトの私です。JavaScriptを書き始めて少し慣れてくると、避けて通れないのが「条件分岐（`if`文）」や「論理演算子（`&&` や `||`）」ですよね。「あれ？ 今ちゃん...
JavaScript 【入門編】 等価演算子(==)による暗黙の型変換の罠 – JavaScript実践ガイド
こんにちは！フロントエンドの現場を渡り歩いているチーフアーキテクトの私です。JavaScriptを触り始めて、「あれ？なんか変な動きをするな……」と首を傾げた経験はありませんか？変数に数字が入っているはずなのに、条件分岐がうまくいかない。画...