JavaScript– tag –

npm とは何か？ npm の役割 npm はざっくり説明すると、「JavaScript / Node.js 用のパッケージ（ライブラリ）の配布・管理システム」です。 npm レジストリ：パッケージが公開されている巨大な倉庫（オンラインサービス） npm CLI（コマンド）：npm insta...

静的インポート vs 動的インポート 静的インポート（おさらい） これまで使ってきたのが 静的インポート です： // mathUtil.js export function add(a, b) { return a + b; } // main.js import { add } from "./mathUtil.js"; console.log(add...

モジュールとは何か？（スクリプトとの違い） 「1ファイル = 1モジュール」という基本イメージ ECMAScript Module（以下 ESM）は、 1つのファイルが1つのモジュール という単位で、コードを分割・再利用する仕組みです。 それぞれのモジュールは 自分専用...

エラーと例外のイメージ 「例外が投げられる」とは 「例外が発生する（throwされる）」＝ その時点で 通常の処理フローを中断する 一番近い try ブロックの catch を探しに行く 見つからなければ、最終的には 実行環境（ブラウザ・Node）まで伝播し、エラ...

なぜ「バイナリデータ」とTypedArray が必要？ JavaScript はもともと「ブラウザ上のスクリプト言語」として設計されていて、 文字列 (string) 数値 (number) 配列 (Array) などの高レベルな型はあるけど、 「生のバイト列（8bit 配列）を決め打ちの型で解...

Date と基本操作 Date オブジェクトの基本 const now = new Date(); console.log(now); // 現在時刻（ローカルタイム）に対応する Date オブジェクト Date は内部的には「1970-01-01T00:00:00Z からのミリ秒数」を持っているオブジェクトです。 const time...

配列の復習 配列リテラルと基本 const arr = [10, 20, 30]; console.log(arr[0]); // 10 console.log(arr.length); // 3 インデックスは 0 始まり length は「最大インデックス＋1」というイメージ const a = []; a[5] = 100; console.log(a.length); // 6...

文字列（string）の基本 文字列リテラル JavaScript の文字列は UTF-16 ベースで、シングル / ダブル / バッククォートで書けます。 const a = "hello"; // ダブルクォート const b = 'world'; // シングルクォート const c = "こ...

「プロパティ」は「値＋属性」のセット これまで： const obj = { x: 1 }; と書くとき、「x というキーに 1 が入っている」というイメージでしたが、仕様的に言うと、プロパティは概ねこんな情報を持っています： キー（"x"） 値 or getter/setter 属性（a...

パブリックインスタンスフィールド 基本構文 class Counter { count = 0; // パブリックインスタンスフィールド constructor(label) { this.label = label; // これまで通りの書き方も当然OK } increment() { this.count++; console.log(this.label, this....