JavaScript
JavaScript 逆引き集 | ランダム整数生成
JavaScript JavaScript | DOM 操作：DOM 基礎 – ノードとは何か
ノードとは何かDOMの「ノード」は、HTML文書を構成する最小パーツのことです。要素（div、p、aなど）、テキスト（文字列）、コメント、属性など、画面に関係するすべてがノードとして木構造に並びます。...
JavaScript JavaScript | DOM 操作：DOM 基礎 – DOM とは何か
DOM とは何かDOM（Document Object Model）は、ブラウザが「HTML や XML の文書をプログラムから操作できるようにした、木構造のデータモデル」です。ページは「ノード（要素...
JavaScript JavaScript | 基礎構文：オブジェクト – Object.keys / values / entries
Object.keys / values / entries とは何かObject.keys / Object.values / Object.entries は、オブジェクトの「列挙可能な自分自身の...
JavaScript JavaScript | 基礎構文：オブジェクト – in 演算子
in 演算子とは何かin 演算子は、あるキー（プロパティ名）がオブジェクトに「存在するか」を調べるための演算子です。結果は真偽値（true/false）。存在確認に特化していて、値が何であるか（und...
JavaScript JavaScript | 基礎構文：オブジェクト – Freeze（凍結）
Freeze（凍結）とは何かObject.freeze(obj) は、オブジェクトを「変更できない状態」にする仕組みです。凍結すると、そのオブジェクトに対して新しいプロパティの追加、既存プロパティの削...
JavaScript JavaScript | 基礎構文：オブジェクト – スプレッド構文による浅いコピー
スプレッド構文とは何かスプレッド構文 { ...obj } は、既存のオブジェクトの「自分が持っている列挙可能なプロパティ」を表面だけコピーして新しいオブジェクトを作る書き方です。重要なのは「浅いコピ...
JavaScript JavaScript | 基礎構文：オブジェクト – オブジェクトのコピー
オブジェクトのコピーとは何か「コピー」は、元のオブジェクトから同じ内容を持つ“別のオブジェクト”を作ることです。ここが重要です：JavaScriptのオブジェクトは参照型なので、単なる代入は「同じもの...
JavaScript JavaScript | 基礎構文：オブジェクト – メソッド
メソッドとは何かメソッドは、オブジェクトのプロパティとして格納された「関数」です。オブジェクトのデータ（他のプロパティ）を使って処理を行う“振る舞い”を表し、「データ＋振る舞い」をひとまとまりにするこ...
JavaScript JavaScript | 基礎構文：オブジェクト – プロパティアクセス（. と []）
プロパティアクセスとは何かJavaScriptのオブジェクトは「キーと値のペア」を持ちます。プロパティアクセスは、そのキーを指定して値を読み書きする操作です。方法は2つあり、ドット記法（.）とブラケッ...
JavaScript JavaScript | 基礎構文：オブジェクト – プロパティの削除（delete）
プロパティの削除とは何かオブジェクトから不要になったキーと値のペアを取り除くのが「削除」です。JavaScriptでは delete 演算子を使ってプロパティを消します。削除すると、そのキーはオブジェ...
JavaScript JavaScript | 基礎構文：オブジェクト – プロパティの追加
プロパティの追加とは何かオブジェクトの「プロパティ」は、キー（名前）と値のペアです。プロパティの追加は、既存のオブジェクトに新しいキーと値を付け足すことを指します。重要なのは「オブジェクトは後からでも...
JavaScript JavaScript | 基礎構文：オブジェクト – オブジェクトリテラル
オブジェクトとは何かオブジェクトは、関連するデータ（値）と振る舞い（関数）をひとまとまりにした入れ物です。例えば「ユーザー」を表すなら、名前や年齢といった情報と、挨拶する処理を同じ箱に入れて扱えます。...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト – 変数解決の仕組み（順序）
変数解決とは何か（どの値を使うかを決める仕組み）「変数解決」とは、コードの中で名前（例：count, user）を使ったときに、JavaScript が「その名前が指す具体的な値」をどのスコープから見...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト – TDZ（Temporal Dead Zone）
TDZ（Temporal Dead Zone）とは何かTDZ は「一時的な死角」という意味で、let や const、class などが宣言されてから初期化されるまでのあいだ、その識別子にアクセスする...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト – this の基礎
this とは何かJavaScript の this は、「今そのコードを実行している“受け手（コンテキスト）”を指す特別なキーワード」です。関数の中で this を参照すると、「誰がその関数を呼んだ...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト – 関数スコープ
関数スコープとは何か関数スコープとは、「関数の中で宣言された変数は、その関数の中だけで有効」という範囲のことです。外からは見えず、関数が終われば使えなくなります。JavaScriptでは伝統的に va...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト – 変数のシャドーイング
変数のシャドーイングとは何か変数のシャドーイングとは、外側のスコープにある変数と同じ名前の変数が内側のスコープで宣言されたとき、内側の変数が外側の変数を「隠す」現象のことです。コードを実行すると、名前...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト – クロージャの基礎（応用はまだ不要）
クロージャとは何かクロージャとは、関数が「自分が定義された場所の外側の変数」へのアクセスを、実行後も持ち続ける仕組みです。ポイントは「どこで呼ぶか」ではなく「どこで定義したか」。関数は定義時点のレキシ...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト – レキシカルスコープ
レキシカルスコープとは何かレキシカルスコープ（静的スコープ）とは、「変数がどこから見えるかが、コードを“書いた場所”で決まる」という仕組みのことです。ポイントは「関数をどこで呼ぶか」ではなく「関数をど...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト – ブロックスコープ
ブロックスコープとは何かスコープとは「変数がどこから見えるか（使えるか）」の範囲のことです。その中で ブロックスコープ は、{ } で囲まれたブロックの中だけで有効なスコープを指します。if 文や f...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト – ローカルスコープ
ローカルスコープとは何かスコープとは「変数や関数がどこから見えるか（使えるか）」の範囲のことです。その中で ローカルスコープ は「関数やブロックの中だけで有効な範囲」を指します。ここで宣言された変数は...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト – グローバルスコープ
グローバルスコープとは何かスコープは「変数がどこから見えるか（使えるか）」の範囲を指します。グローバルスコープは、プログラム全体からアクセスできる一番外側のスコープです。ここで宣言された変数は、関数や...
Excel VBA Excel VBA 逆引き集 | 自動バックグラウンド処理
ねらい：Excelで「自動バックグラウンド処理」を安全に回し、UIを固めずに完走させる自動バックグラウンド処理とは、ユーザー操作に依存せず、一定間隔や条件で軽く監視しながら、重い処理は分割して少しずつ...
Excel VBA Excel VBA 逆引き集 | タスク管理
ねらい：Excelで「タスク管理」を安全に運用し、誰が使っても同じ結果にするExcelでのタスク管理は、入力シートの項目、状態遷移、担当者、期限、優先度、ログ、通知などが絡みます。VBAで仕組み化すれ...
Excel VBA Excel VBA 逆引き集 | バッチ実行
ねらい：VBAで「バッチ実行」を安全に回し、長時間でも落ちない仕組みを作るバッチ実行は「人の操作なしに、複数の処理を決まった順でまとめて走らせる」ことです。Excelでも、タスクの並べ方、開始・終了の...
Excel VBA Excel VBA 逆引き集 | ウォッチャー
ねらい：Excelの「ウォッチャー」で変化を検知し、素早く安全に処理するウォッチャーは「何かが起きたら見張って反応する仕組み」です。Excel VBAでは、シートの値変更、タイマー、ファイル更新、計算...
Excel VBA Excel VBA 逆引き集 | イベントクラス
ねらい：イベントを「クラス」で受け止め、暴走せず拡張しやすいVBAへイベントクラスは、散らばりがちなイベント処理（Workbook/Worksheet/アプリ/フォーム）をクラスに閉じ込めて一元管理す...
Excel VBA Excel VBA 逆引き集 | コールバック
ねらい：VBAで「コールバック」を使い、処理の途中で任意の動きを差し込めるようにするコールバックは「ある処理の途中で、外から渡された関数（やメソッド）を呼び返す」仕組みです。Excel VBAでも、関...
Excel VBA Excel VBA 逆引き集 | 依存性注入（DI風）
ねらい：Excel VBAで「依存性注入（DI風）」を取り入れ、差し替えやすく壊れにくい設計にする依存性注入（DI）は「使う側が必要な部品を自分で作らず、外から渡してもらう」設計です。VBAにはDIコ...
Excel VBA Excel VBA 逆引き集 | MVC風構造
ねらい：ExcelでMVC風構造にして「読みやすく・壊れにくく・拡張しやすく」するExcel VBAは、シート操作や業務ルール、フォームの入力が混ざりやすく、少しの変更で全体が崩れがちです。MVC風構...