TypeScript を書いていると、`Object.keys()` の戻り値が `string[]` であることに疑問を持つ人...
---run :html <p id="test">Apple</p> :css p { font-size: 20px...
TypeScript で型安全性を高めるとき、`as const` は強力な武器になる。しかし、どこにでも付ければよいわけではな...
`setHTMLUnsafe` は HTML 文字列を要素に挿入するメソッドです。名前に「Unsafe」とあるとおり、サニタイズ...
`innerHTML` は文字列を HTML として解釈するため、ユーザー入力をそのまま渡すと XSS 脆弱性の原因になります。...
`textContent` プロパティに文字列を代入すると、ブラウザはその文字列を「プレーンテキスト」として扱います。HTML ...
HTML エスケープとは、`<`, `>`, `&`, `"`, `'` などの特殊文字を文字実体参照に変換し、XSS(クロスサ...
structuredClone は構造化複製アルゴリズム(Structured Clone Algorithm)を使用してオブジ...
TypeScript で配列をコピーするとき、浅いコピー(shallow copy)と深いコピー(deep copy)の違いを理...
globalThis は JavaScript の実行環境に依存せず、グローバルオブジェクトを参照するための標準的な方法である。...
ES Module では各モジュールが独自のスコープを持つため、モジュール内で宣言した変数は自動的にグローバルにならない。真のグ...
動的インポート(`import()`)で別ファイルを読み込んだ場合、同名の関数があっても衝突しない。各モジュールは独立したスコー...
ES Module(`type="module"` を指定したスクリプト)で読み込んだ関数やトップレベルの変数は、window ...
`@rollup/plugin-node-resolve` は、**npm パッケージを `node_modules` から解決...
`esModuleInterop` の設定は、IIFE 形式でビルドした際の exports パターンに **影響を与えません*...
async/await は Promise を簡潔に扱うための構文です。非同期処理を「同期コードの形」で書けるため、業務コードで...
問題 ---list mousemove イベントは高頻度で発火(ミリ秒単位) 毎回 DOM 操作(選択範囲レンダリング)す...
角括弧 `)` などの CJK 文字でカーソル位置がずれる現象が発生。 ---list 英数字: カーソル位置が正確 全角文字...
基本的な意味 ---box :undefined 「値が定義されていない」状態。変数を宣言したが、まだ値を代入していないとき...
CommonJS は昔から Node.js で使われてきたけれど、今はもう少しずつ役目を終えつつある。現在の標準は ES Mod...
JavaScript で外部スクリプトを動的に読みこむには、script 要素を作成して DOM に追加します。この方法を使うと...
無名関数(anonymous function)は、名前を持たない関数のこと。JavaScript では主に一時的な処理やコール...
window に登録した関数(つまりグローバル関数)を削除するには、delete 演算子を使う。ただし、いくつかの注意点がある。...
@font-faceルールで定義されたカスタムフォントは、CSSOM(CSS Object Model)ツリーに登録される。 ...