JavaScript
JavaScript | Web API：グラフィック・メディア － MediaDevices（カメラ・マイク）
@lifehacker
JavaScript JavaScript | DOM 操作：DOM 基礎 – window と document の違い
window と document の違いwindow は「ブラウザタブ（ウィンドウ）そのもの」を表す最上位のオブジェクトです。タイマー、画面サイズ、スクロール、イベント、ストレージ、ネットワークなど...
JavaScript JavaScript | DOM 操作：DOM 基礎 – DOMContentLoaded
DOMContentLoaded とは何かDOMContentLoaded は、「ブラウザが HTML の構文解析を終えて、DOM ツリーの構築が完了した瞬間」に発火するイベントです。ここが重要です：...
JavaScript JavaScript | DOM 操作：DOM 基礎 – 要素ノード / テキストノード
要素ノード / テキストノードとは何か要素ノードは HTML のタグそのもの（div, p, a など）を表し、属性（id, class, style など）や子ノードを持てます。テキストノードは、要...
JavaScript JavaScript | DOM 操作：DOM 基礎 – ドキュメントツリーの構造
ドキュメントツリーとは何かドキュメントツリーは、HTML文書を「ノード（要素・テキスト・コメント）」の入れ子で表した木構造です。最上位の document を根にして、html、head、body と...
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 / Object.values / Object.entries は「オブジェクトを配列に変換する道具」オブジェクトは「名前付きの引き出しがたくさんあるタンス」でした。Obje...
JavaScript JavaScript | 基礎構文：オブジェクト － in 演算子
in 演算子って何者？in 演算子は、「このオブジェクトに、このプロパティ名は“存在しているか？”」を調べるための道具です。ポイントは、「値が何か」ではなく「その名前のプロパティがあるかどうか」だけを...
JavaScript JavaScript | 基礎構文：オブジェクト － Freeze（凍結）
Object.freeze は「オブジェクトを氷漬けにする魔法」Object.freeze は、「このオブジェクト、もう二度と書き換えられないようにしたい」というときに使う機能です。一言でいうと、その...
JavaScript JavaScript | 基礎構文：オブジェクト － スプレッド構文による浅いコピー
スプレッド構文による「浅いコピー」って何者？スプレッド構文 { ...obj } は、「既存のオブジェクトの中身を“広げて”、新しいオブジェクトを作る書き方」 です。そしてここで超重要なのが、このコピ...
JavaScript JavaScript | 基礎構文：オブジェクト － オブジェクトのコピー
オブジェクトのコピーって何者？「オブジェクトのコピー」は、「元のオブジェクトとは独立した“もう一つのオブジェクト”を作ること」 です。ここで一番ハマりやすい落とし穴が、const original =...
JavaScript JavaScript | 基礎構文：オブジェクト － メソッド
メソッドって何者？メソッドは、「オブジェクトにくっついている関数」 です。オブジェクトが「データ（状態）」を持っているとしたら、メソッドはそのデータに対して「できること（振る舞い）」を表します。人で言...
JavaScript JavaScript | 基礎構文：オブジェクト － プロパティアクセス（. と []）
「プロパティアクセス」は“タンスの引き出しを開ける”動作オブジェクトは「名前付きの引き出しがたくさんあるタンス」のようなものです。プロパティアクセスは、その引き出しを「開ける」「中身を入れる」ための書...
JavaScript JavaScript | 基礎構文：オブジェクト － プロパティの削除（delete）
delete は「引き出しごと取り外す」イメージオブジェクトは「名前付きの引き出しがたくさんあるタンス」のようなものです。delete は、その引き出し（プロパティ）を“丸ごと取り外す”ための演算子 ...
JavaScript JavaScript | 基礎構文：オブジェクト － プロパティの追加
「プロパティの追加」は“あとから引き出しを増やす”イメージオブジェクトは「名前付きの引き出しがたくさんあるタンス」のようなものです。プロパティの追加は、「そのタンスにあとから新しい引き出しを増やす」イ...
JavaScript JavaScript | 基礎構文：オブジェクト － オブジェクトリテラル
オブジェクトリテラルって何者？オブジェクトリテラルは、「波カッコ {} を使って、その場で“まとまりのあるデータ”を作る書き方」 です。人間の世界でいうと、「名前・年齢・住所がセットになった“1人の人...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト － 変数解決の仕組み（順序）
「変数解決の仕組み」って何を指しているかここでいう「変数解決の仕組み（順序）」は、「ある名前（変数名）を書いたときに、JavaScript が“どの値を使うか”をどう決めているかという話です。同じ名前...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト － TDZ（Temporal Dead Zone）
TDZ（Temporal Dead Zone）って何者？TDZ は「変数が“まだ使えない時間帯”のことです。もっと砕くと、let / const で宣言された変数は、「スコープに入った瞬間から宣言行ま...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト － this の基礎
this は「今、誰のことを指しているか」を表すキーワードthis は、「このコードを“実行している主体（オブジェクト）”は誰か？」を指す特別なキーワードです。よく「自分自身」と説明されますが、Jav...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト － 関数スコープ
関数スコープって何者？関数スコープは、「その関数の中だけで有効な“専用の部屋”」 のことです。関数の中で宣言した変数や関数は、基本的にその関数の外からは見えません。「関数ごとに、自分だけの小さな世界を...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト － 変数のシャドーイング
変数のシャドーイングって何者？変数のシャドーイングは、「内側のスコープで同じ名前の変数を宣言して、外側の変数を“影に隠してしまう”こと」 です。“shadow（影）”という名前の通り、外側にある同じ名...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト － クロージャの基礎（応用はまだ不要）
クロージャって何者？クロージャは、「外側のスコープの変数を“覚えたまま”生きている関数」 です。もう少しだけ丁寧に言うと、ある関数の中で定義された関数が、その外側の変数にアクセスし続けられる仕組みこれ...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト － レキシカルスコープ
レキシカルスコープって何者？レキシカルスコープは、「変数がどこから見えるかは、“コードが書かれている場所”で決まる」というルールのことです。もう少し砕くと、「どの変数が使えるか」は「どこでその関数を“...
JavaScript JavaScript | 基礎構文：スコープ・実行コンテキスト － ブロックスコープ
ブロックスコープって何者？ブロックスコープは、「{}（ブロック）の中だけで有効な“ミニスコープ”」 のことです。if、for、while、単なる {} など、波カッコで囲まれた範囲ごとに「その中だけで...
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風構...
Excel VBA Excel VBA 逆引き集 | Repositoryパターン
ねらい：Excelで「読み書きの責務」を分離し、壊れないVBAへRepositoryパターンは「どこから読み、どこへ書くか」の責務をクラスに閉じ込め、業務ロジックやUIから切り離す設計です。これにより...
Excel VBA Excel VBA 逆引き集 | マニアック・高度技術：クラスによるレイヤー設計
ねらい：クラスで「レイヤー」を分け、壊れにくく拡張しやすいVBAへ業務VBAは、UI・入出力・業務ロジック・設定などが混ざりがちで、少しの変更で全体が壊れます。クラスによるレイヤー設計は、役割ごとに境...
Excel VBA Excel VBA 逆引き集 | 便利Tips・実務小技：最強テンプレ構造
ねらい：どの業務でも「壊れず速く保守しやすい」最強テンプレ構造を手に入れる最強テンプレ構造とは、VBAをどの業務にも安全に載せ替えられる「設計の型」です。開始・終了の共通枠、設定の外出し、配列I/O、...
Excel VBA Excel VBA 逆引き集 | 業務フローにVBAを組み込む
ねらい：業務フローにVBAを安全に組み込み、現場で回る仕組みにする業務フローは「入力→検証→処理→出力→通知→記録→次工程へ引き渡し」という連鎖です。VBAを入れるポイントは、手順を壊さず、事故が起き...
Excel VBA Excel VBA 逆引き集 | マクロのログレベル設計
ねらい：マクロの「ログレベル設計」で運用を見える化する業務マクロを長期運用すると「どこで失敗したか」「どこまで進んだか」「何が起きたか」が分からないと困ります。ログを設計する際に重要なのは「レベル分け...
Excel VBA Excel VBA 逆引き集 | メモリ管理
ねらい：VBAのメモリ管理を理解して「速く・安定して・落ちない」コードへExcel VBAは、Rangeを1セルずつ触るより「配列でまとめて」扱った方が速い一方で、配列やオブジェクトの寿命・解放を誤る...
Excel VBA Excel VBA 逆引き集 | VBAでリファクタリング
ねらい：動作は変えずに「読みやすく・直しやすく・速く」するVBAのリファクタリングは、機能を増やすことではありません。今の動作を維持したまま、構造を整えて保守性と速度を上げます。安全に進める鍵は、小さ...
Excel VBA Excel VBA 逆引き集 | 大規模運用のトラブル例
ねらい：大規模運用で「よく起きるトラブル」を具体例と対処テンプレで潰す大量データ、複数人運用、長期利用。現場で本当に起きる失敗は、速度やメモリだけではありません。設定誤り、同時実行、バージョン違い、イ...
Excel VBA Excel VBA 逆引き集 | 実務システム化のコツ
ねらい：VBAを「実務システム」に仕立てるための設計・運用のコツ業務で長く使えるVBAは、コードの巧みさだけでなく「設計と運用の仕組み」が要です。壊れにくい構成、設定の外出し、ログ・進捗・停止、エラー...
Excel VBA Excel VBA 逆引き集 | 高速化設定の定石
ねらい：高速化設定の「定石」を一括で押さえ、どの処理にも迷わず適用するExcel VBAの速度は「設定スイッチ」で大きく変わります。まず環境を最適化（描画・イベント・再計算を止める）、処理は配列でまと...
Excel VBA Excel VBA 逆引き集 | 遅い原因の切り分け
ねらい：Excel VBAの「遅い原因」を素早く特定して、的確に直す遅さの犯人は、ほぼ「セルへの往復」「描画・再計算」「イベント」「型変換」「文字列連結」のどれかです。感覚ではなく、計測→切り分け→A...
Excel VBA Excel VBA 逆引き集 | 大量データの扱い方
ねらい：大量データでも「速く・安全・見える化」して処理する設計と実装Excelで数万〜数十万行を扱うと、画面が固まる、遅い、落ちる、壊れる…が起きがち。大量データの基本は「読みは一括」「処理はメモリ」...
Excel VBA Excel VBA 逆引き集 | 命名規則（業務Excel向け）
ねらい：業務Excelに最適な「命名規則」で迷いゼロ・保守ラク業務Excelは、人とマクロが長く使います。名前が統一されていないと「どれが何か分からない」「修正で壊れる」原因に。命名規則を決めて守るだ...
Excel VBA Excel VBA 逆引き集 | コメント規約
ねらい：コメント規約で「読みやすく・直しやすく・引き継ぎやすい」コードにするVBAは簡単に書ける分、コメントがないと「何をしているのか分からない」「修正が怖い」状態になりがちです。コメント規約を決めて...
Excel VBA Excel VBA 逆引き集 | フォームテンプレート化
ねらい：ユーザーフォームを「テンプレ化」して、どのプロジェクトでも即使える状態へユーザーフォームは「入力」「確認」「進捗」「設定」などのUIを提供します。毎回ゼロから作ると時間も品質もバラつきます。フ...
Excel VBA Excel VBA 逆引き集 | シートテンプレート化
ねらい：シートテンプレート化で「毎回同じ形からスタート」できる安心設計業務でよくあるのが「毎回同じ帳票を作る」「入力欄やヘッダーを揃える」「フォーマットを崩さない」。これを人手で整えるとミスが出ます。...
Excel VBA Excel VBA 逆引き集 | 部品ライブラリ化
ねらい：よく使う処理を「部品化」して、どのブックでも再利用できる状態へ毎回ゼロから書くと、品質も速度も安定しません。部品ライブラリ化とは、共通処理を「小さな、よく磨かれたモジュール」にまとめ、どのブッ...
Excel VBA Excel VBA 逆引き集 | クラスモジュール活用
ねらい：クラスモジュールで「型」を作り、VBAを一段強くするVBAは手軽ですが、値やRangeが行き交うだけだと複雑化しがち。クラスモジュールは「自分専用の型（モノ）を作る」仕組みです。社員、注文、ル...
Excel VBA Excel VBA 逆引き集 | 標準モジュール整理
ねらい：標準モジュールを「整理・分離・見える化」して保守を軽くするVBAは増築しやすい反面、「同じ処理が散らばる」「責務が混ざる」「どこに何があるか分からない」になりがち。標準モジュールを意図的に整理...
Excel VBA Excel VBA 逆引き集 | ロジック分離
ねらい：ロジック分離で「壊れにくく、直しやすい」VBAへExcel VBAは「セル操作」と「ビジネス処理」が混ざりやすく、修正が難しくなりがちです。ロジック分離とは、画面（UI）・データアクセス（シー...
Excel VBA Excel VBA 逆引き集 | Configシート運用
ねらい：Configシートで「設定をコードから切り離す」運用を作る毎回コードを書き換えずに、シート名・保存先・閾値・ON/OFFなどを変更できたら運用は格段に楽になります。Configシートは「人が編...
Excel VBA Excel VBA 逆引き集 | マクロの設計テンプレ
ねらい：壊れにくいマクロを量産する「設計テンプレ」現場で長く使えるVBAは、コードの巧みさより「設計」が命です。開始・検証・処理・ログ・進捗・停止・後片付けを統一フレームにすると、再利用性・保守性・信...
Excel VBA Excel VBA 逆引き集 | 非同期実行（擬似）
ねらい：VBAで「止まらないUI」を作る擬似・非同期実行VBAは基本「同期（直列）処理」です。しかし実務では「長い処理をしつつ、UIは応答してほしい」「途中でキャンセルしたい」「進捗を見せたい」という...
Excel VBA Excel VBA 逆引き集 | マクロ停止ボタン
ねらい：マクロ停止ボタンで「ユーザーが安心して中断できる」仕組みを作るExcel VBAの長い処理では「やっぱり止めたい」と思うことがあります。通常は Escキー で中断できますが、初心者や利用者にと...
Excel VBA Excel VBA 逆引き集 | プログレスバー
ねらい：プログレスバーで「今どれくらい進んだか」を直感表示長い処理では、ただ待つより「進捗が目で見える」方が安心です。プログレスバーは、進捗率をバーの長さで表す仕組み。初心者でも貼ってすぐ使えるように...
Excel VBA Excel VBA 逆引き集 | 進捗率表示
ねらい：進捗率を「見える化」して不安をなくす長い処理でも「今どれくらい進んでいるか」が分かれば、ユーザーは安心して待てます。ここでは初心者でも扱える進捗表示のテンプレを、重要ポイントを深掘りしながら紹...