プログラミング

スポンサーリンク
Java

Java | オブジェクト指向:final クラス

final クラスとは何かfinal クラスは「継承を禁止したクラス」です。extends して子クラスを作ることができません。目的は、クラスの振る舞いを固定して“改変の余地”をなくし、設計の安全性・...
Java

Java | オブジェクト指向:多段継承の概念

多段継承とは何か多段継承は「親→子→孫…と継承が階層的に連なっている状態」を指します。AをBが継承し、BをCが継承する、といった“何段も連なる継承”です。Javaは「単一継承」なのでクラスを複数同時に...
Java

Java | オブジェクト指向:親クラスのコンストラクタ呼び出し

親コンストラクタ呼び出しとは何か子クラスのコンストラクタが、親クラス(スーパークラス)のコンストラクタを呼び出して「親の状態を先に正しく初期化する」仕組みです。Java では super(...) を...
Excel VBA

Excel VBA 逆引き集 | 実務テンプレ完全版(超再利用部品) – ピボット自動生成テンプレ

ねらい:明細から「ピボットを自動生成→更新→見える化」まで一括で回すピボットは「行・列・値・フィルター」を正しく指定すれば、集計や比較を数秒で作れます。VBAなら“ソース表を認識→ピボットを作成→フィ...
Excel VBA

Excel VBA 逆引き集 | 実務テンプレ完全版(超再利用部品) – 発注書自動生成

ねらい:発注明細から「発注書の自動組版→数量・単価計算→PDF出力」まで一括で回す発注書は「ヘッダ(仕入先・発注番号・発注日・納期)」「明細(品目・数量・単価・金額)」「サマリ(小計・送料・値引き・税...
Excel VBA

Excel VBA 逆引き集 | 実務テンプレ完全版(超再利用部品) – 請求書自動生成

ねらい:明細から「請求書の自動組版→金額計算→PDF出力」まで一括で回す請求書は「ヘッダ(請求先・請求番号・期間)」「明細(品目・数量・単価・小計)」「金額計算(小計→消費税→税込)」「体裁(罫線・書...
Excel VBA

Excel VBA 逆引き集 | 実務テンプレ完全版(超再利用部品) – シフト表自動生成

ねらい:希望・役割・公平性を満たしながら、月次シフトを一撃で自動生成するシフトは「希望(出勤可)」「役割(必要人数とスキル)」「制約(最大勤務・連続勤務・前後夜勤)」「公平性(偏り防止)」を同時に満た...
Excel VBA

Excel VBA 逆引き集 | 実務テンプレ完全版(超再利用部品) – 名寄せテンプレ

ねらい:名寄せ(同一人物・同一企業の突合せ)を「正規化→判定→スコア→統合」の型で安全に回す名寄せは「表記ゆれ・略称・住所の揺れ」を潰し、重複候補を拾い、確信度でランク分けして、統合ルール(どの列を残...
Excel VBA

Excel VBA 逆引き集 | 実務テンプレ完全版(超再利用部品) – 顧客リスト更新

ねらい:顧客リストを「正規化→重複処理→差分反映→出力整形」まで一括で安全更新する顧客リスト更新は、入力ゆれの正規化、重複の見える化と解消、既存マスタとの差分抽出と同期、最終の書式整備までを一気通貫で...
Excel VBA

Excel VBA 逆引き集 | 実務テンプレ完全版(超再利用部品) – 在庫一覧更新

ねらい:入出庫を在庫マスタへ“安全に合算し、見える化まで”一括更新する在庫一覧更新は「初期在庫+入庫-出庫=現在庫」を壊れないやり方で確定し、閾値(補充点、最小在庫)で警告まで出すのが肝です。配列I/...
Excel VBA

Excel VBA 逆引き集 | 実務テンプレ完全版(超再利用部品) – 出荷レポート自動作成

ねらい:出荷明細を“整形→集計→可視化→配布”まで一括で自動化する出荷レポートは「明細の型ブレ修正」「納期達成率・遅延件数の集計」「キャリア別・日別の基礎統計」「見える化(書式・条件付き書式)」「PD...
Excel VBA

Excel VBA 逆引き集 | 実務テンプレ完全版(超再利用部品) – 売上集計+明細整形

ねらい:売上明細を“整形→集計→見える化”まで一括で回す売上管理の現場で本当に効くのは「明細の欠損や型ブレを直す→キーを正規化する→集計してアウトプットを整える」という一本の流れです。Excel関数の...
Excel VBA

Excel VBA 逆引き集 | 実務テンプレ完全版(超再利用部品) – マスタ差分×同期一括テンプレ

ねらい:マスタの「差分抽出→安全同期」を一括で回し、常に最新状態を保つマスタ差分×同期は「旧マスタ」と「新マスタ」を比較して、追加・削除・変更を正しく見極め、旧マスタを最新に更新する定型業務です。配列...
Excel VBA

Excel VBA 逆引き集 | 実務テンプレ完全版(超再利用部品) – マスタ結合×集計一括テンプレ

ねらい:明細にマスタを結合してから、即座に集計まで一括で完了させる「明細+マスタ結合→グループ集計→並べ替え→出力」をひとつのパイプラインにすると、10万行規模でも数秒で終わり、手作業や関数の脆さから...
Excel VBA

Excel VBA 逆引き集 | 実務テンプレ完全版(超再利用部品) – 外部DB取り込みテンプレ

ねらい:外部DBから「安全・高速」に取り込み、毎日の更新を自動化する外部DB取り込みは「接続→SQL実行→配列に読み込み→シートへ一括書き戻し」の型にすれば、数万〜数十万行でも安定して一瞬で終わります...
JavaScript

JavaScript | DOM 操作:フォーム操作 – フォームデータ送信(FormData)

FormData とは何かFormData は、フォームの入力値を「送信用のペア(name → value)」としてまとめるための標準APIです。ファイルも含めて簡単に扱え、fetch などの非同期送...
JavaScript

JavaScript | DOM 操作:フォーム操作 – エラー表示の DOM 操作

エラー表示の DOM 操作とは何かフォームの「どこが、なぜ、どう直せばいいか」を画面に明確に示すために、DOM(HTML構造)を動的に追加・更新・削除することです。ここが重要です:ブラウザ標準のバブル...
JavaScript

JavaScript | DOM 操作:フォーム操作 – バリデーション(required, pattern など)

バリデーションとは何かバリデーションは「入力が条件を満たしているか」をチェックして、誤入力や欠落を防ぐ仕組みです。HTML とブラウザは、required・type・min/max・pattern な...
JavaScript

JavaScript | DOM 操作:フォーム操作 – フォーム送信イベント

フォーム送信イベントとは何かフォーム送信イベントは、ユーザーがフォームを送ろうとした瞬間に発火する “submit” イベントのことです。ここが重要です:submit は「実際の送信前」に発火するため...
JavaScript

JavaScript | DOM 操作:フォーム操作 – フォームの reset

フォームの reset とは何かフォームの reset は「フォーム内のすべての入力を“初期状態(HTMLで指定された値・選択)”に戻す」操作です。ここが重要です:reset は“現在値”ではなく“初...
JavaScript

JavaScript | DOM 操作:フォーム操作 – ラジオボタンの取得

ラジオボタンの取得とは何かラジオボタンは「同じ name を持つ選択肢の中から“必ず0か1つ”だけ選ぶ」入力です。JavaScript では“グループとして”扱うのがコツです。ここが重要です:同じ n...
JavaScript

JavaScript | DOM 操作:フォーム操作 – checked の操作

checked とは何かchecked は、checkbox と radio の「選択状態」を表す真偽値プロパティです。true なら選ばれている、false なら選ばれていない状態を意味します。ここ...
JavaScript

JavaScript | DOM 操作:フォーム操作 – select の取得・変更

select の取得・変更とは何かselect は「選択肢の中から値を1つ(または複数)選ぶ」ためのフォーム要素です。JavaScript では現在の選択値を読み取ったり、選択を変更したり、選択肢を動...
JavaScript

JavaScript | DOM 操作:フォーム操作 – input の value

input の value とは何かinput 要素の value は「現在の入力値」を表す文字列です。type に関わらず、基本は文字列として読み書きします。ここが重要です:type="number...
JavaScript

JavaScript | DOM 操作:フォーム操作 – フォーム要素の取得

フォーム要素の取得とは何かフォーム要素の取得は、HTML の form や input・select・textarea・button などにプログラムからアクセスして、値を読んだり書いたり、送信を制御...
JavaScript

JavaScript | DOM 操作:要素の位置・サイズ・スクロール – スクロール固定(overflow: hidden)

スクロール固定(overflow: hidden)とは何か「スクロール固定」は、ユーザーがスクロールできない状態にすることです。最も簡単な方法は、対象要素(よくあるのは body)に overflow...
JavaScript

JavaScript | DOM 操作:要素の位置・サイズ・スクロール – boundingClientRect

getBoundingClientRect とは何かgetBoundingClientRect は、要素の「画面(ビューポート)に対する位置とサイズ」を返すメソッドです。返ってくる値は小数を含む CS...
JavaScript

JavaScript | DOM 操作:要素の位置・サイズ・スクロール – ビューポートとは

ビューポートとは何かビューポートは「今、ユーザーに見えている画面の領域」です。ページ全体(ドキュメント)の中で、スクロールせずに表示されている矩形がビューポート。ここが重要です:JavaScriptで...
JavaScript

JavaScript | DOM 操作:要素の位置・サイズ・スクロール – 画面中央配置

画面中央配置とは何か「画面中央配置」は、要素をビューポート(今見えている画面)のちょうど真ん中に置くことです。モーダル、ダイアログ、ロード中インジケーターなどで頻繁に使います。ここが重要です:中央は「...
JavaScript

JavaScript | DOM 操作:要素の位置・サイズ・スクロール – スクロール位置の取得

スクロール位置の取得とは何かスクロール位置の取得は「今、ページや要素がどれだけスクロールされているか」を数値で読み取ることです。縦方向はどれだけ上から下へ動いたか(Top)、横方向は左から右へ動いたか...
JavaScript

JavaScript | DOM 操作:要素の位置・サイズ・スクロール – scrollTo / scrollBy

scrollTo / scrollBy とは何かscrollTo と scrollBy は、「スクロール位置をプログラムで動かす」ためのメソッドです。window(ページ全体)にも、スクロール可能な要...
JavaScript

JavaScript | DOM 操作:要素の位置・サイズ・スクロール – scrollWidth / scrollHeight

scrollWidth / scrollHeight とは何かscrollWidth と scrollHeight は、「要素のコンテンツが本来必要としている大きさ」を返すプロパティです。visibl...
JavaScript

JavaScript | DOM 操作:要素の位置・サイズ・スクロール – clientWidth / clientHeight

clientWidth / clientHeight とは何かclientWidth と clientHeight は、要素の「内側で実際に使える領域」のサイズを整数ピクセルで返すプロパティです。ここ...
JavaScript

JavaScript | DOM 操作:要素の位置・サイズ・スクロール – offsetWidth / offsetHeight

offsetWidth / offsetHeight とは何かoffsetWidth と offsetHeight は、要素の「見た目のサイズ」をピクセルで返すプロパティです。ここが重要です:bord...
JavaScript

JavaScript | DOM 操作:要素の位置・サイズ・スクロール – offsetTop / offsetLeft

offsetTop / offsetLeft とは何かoffsetTop と offsetLeft は、「その要素が“基準の親”(offsetParent)からどれだけ離れているか」を示すピクセル値で...
JavaScript

JavaScript | DOM 操作:イベント発展 – once: true

once: true とは何かonce: true は addEventListener のオプションで、「このリスナーは最初の一回だけ実行し、終わったら自動で取り外す」という宣言です。ここが重要です...
JavaScript

JavaScript | DOM 操作:イベント発展 – passive: true

passive: true とは何かpassive: true は、addEventListener のオプションで「このリスナーでは preventDefault を呼ばない」とブラウザに約束する設...
JavaScript

JavaScript | DOM 操作:イベント発展 – dispatchEvent

dispatchEvent とは何かdispatchEvent は「イベントを自分で発火させる」ためのメソッドです。DOM 要素や EventTarget に対して、既存のイベント(click など)...
JavaScript

JavaScript | DOM 操作:イベント発展 – カスタムイベント

カスタムイベントとは何かカスタムイベントは、あなたが「アプリ内の合図」を自由に作って通知できる仕組みです。DOM の仕組み(addEventListener / dispatchEvent)をそのまま...
JavaScript

JavaScript | DOM 操作:イベント発展 – コンテキストメニュー

コンテキストメニューとは何かコンテキストメニューは、右クリック(または長押し)した場所や対象に応じて“その場に適した操作”を提示するための UI です。ブラウザ標準のメニューを表示するイベントは co...
JavaScript

JavaScript | DOM 操作:イベント発展 – スクロールイベント

スクロールイベントとは何かスクロールイベントは、ページや特定のスクロール可能な要素のスクロール位置が変わった瞬間に発火する合図です。window(ページ全体)にも、overflow: auto などで...
JavaScript

JavaScript | DOM 操作:イベント発展 – フォーカスイベント

フォーカスイベントとは何かフォーカスイベントは「どの要素がキーボード操作の対象になったか/外れたか」を知らせる合図です。代表は focus(入る)、blur(出る)、そしてバブリングする仲間の foc...
JavaScript

JavaScript | DOM 操作:イベント発展 – イベント委譲

イベント委譲とは何かイベント委譲は、「たくさんの子要素それぞれにリスナーを付けず、親に1つだけ付けて子の操作に反応する」設計です。イベントがバブル(内側→外側)で伝わる仕組みを利用し、親のリスナー内で...
JavaScript

JavaScript | DOM 操作:イベント発展 – イベント伝播(キャプチャ / バブル)

イベント伝播とは何か(キャプチャ/バブルの全体像)イベント伝播は「ある要素で起きたイベントが、DOM ツリーの上下へ段階的に届く仕組み」です。段階は「キャプチャ(外側→内側)→ターゲット(実際の要素)...
JavaScript

JavaScript | DOM 操作:イベント発展 – stopPropagation

stopPropagation とは何かstopPropagation は「イベントが親要素へ伝わっていく流れ(伝播)を止める」ためのメソッドです。クリックなどのイベントは、最初に操作された要素から外...
JavaScript

JavaScript | DOM 操作:イベント基礎 – preventDefault

preventDefault とは何かpreventDefault は「イベントのデフォルト動作(ブラウザが標準で行う処理)」をキャンセルするためのメソッドです。例えばリンクの遷移、フォームの送信、ス...
JavaScript

JavaScript | DOM 操作:イベント基礎 – イベントのデフォルト動作

イベントのデフォルト動作とは何か「イベントのデフォルト動作」は、ブラウザが標準で行う振る舞いのことです。例として、リンクのクリックでページ遷移、フォームの submit で送信、テキスト入力で Ent...
JavaScript

JavaScript | DOM 操作:イベント基礎 – submit

submit とは何かsubmit は「フォームが送信される瞬間」に発火するイベントです。Enter キーや type="submit" のボタンで送信しようとしたとき、フォーム要素で受け取れます。こ...
JavaScript

JavaScript | DOM 操作:イベント基礎 – input / change

input と change とは何かinput と change は、フォーム要素の値が変わったときに発火するイベントです。input は「値が変わるたびに逐次発火」、change は「確定したタイ...
JavaScript

JavaScript | DOM 操作:イベント基礎 – キーボードイベント(keydown / keyup)

キーボードイベントとは何か(keydown / keyup)keydown は「キーが押された瞬間」、keyup は「キーが離された瞬間」に発火するイベントです。ショートカット、ゲームの操作、フォーム...
JavaScript

JavaScript | DOM 操作:イベント基礎 – マウスイベント(click / dblclick / mouseover)

マウスイベントの基礎(click / dblclick / mouseover)マウスイベントは「ユーザーの操作」をコードへ橋渡しする合図です。click は単押し、dblclick は素早い二連続ク...
JavaScript

JavaScript | DOM 操作:イベント基礎 – target と currentTarget

target と currentTarget とは何かイベントオブジェクトの target は「実際に操作された最も内側の要素」、currentTarget は「そのイベントリスナーが登録されている要...
JavaScript

JavaScript | DOM 操作:イベント基礎 – イベントオブジェクト

イベントオブジェクトとは何かイベントオブジェクト(一般に e と書く)は、「何が、どこで、どのように起きたか」の詳細を持つ“出来事の記録”です。addEventListener のコールバックに渡され...
JavaScript

JavaScript | DOM 操作:イベント基礎 – removeEventListener

removeEventListener とは何かremoveEventListener は、addEventListener で登録したイベントリスナーを「取り外す」ためのメソッドです。特定の要素(ま...
JavaScript

JavaScript | DOM 操作:イベント基礎 – addEventListener

addEventListener とは何かaddEventListener は「イベントが起きたときに実行する処理(リスナー)を登録する」ためのメソッドです。クリック、入力、スクロール、ロードなど、ブ...
JavaScript

JavaScript | DOM 操作:ノード操作 – prepend

prepend とは何かprepend は、親ノードの「先頭」にコンテンツを追加するメソッドです。ノード(要素やテキストノード)だけでなく、文字列も直接渡せ、さらに複数の引数を一度に追加できます。ここ...
JavaScript

JavaScript | DOM 操作:ノード操作 – append

append とは何かappend は、親ノードの「末尾」にコンテンツを追加するためのメソッドです。ノード(要素やテキストノード)だけでなく、文字列も直接渡せるのが特徴です。ここが重要です:appen...
JavaScript

JavaScript | DOM 操作:ノード操作 – remove(直接削除)

remove とは何か(直接削除のイメージ)remove は、要素自身が「自分を親から切り離して画面から消える」ためのメソッドです。document.getElementById("x").remov...
JavaScript

JavaScript | DOM 操作:ノード操作 – fragment の利用

DocumentFragment とは何かDocumentFragment(以下フラグメント)は、DOM に一時的に要素を“まとめて保持するための入れ物”です。画面(実DOM)にまだ接続されていないミ...
JavaScript

JavaScript | DOM 操作:ノード操作 – cloneNode

cloneNode とは何かcloneNode は、既存の DOM ノード(要素やテキスト)を“複製”するメソッドです。形は node.cloneNode(deep)。ここが重要です:deep が f...
スポンサーリンク