JavaScript
JavaScript | レベル別練習問題：繰り返し（for / while / do…while）
2025-12-18
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 は、要素の「内側で実際に使える領域」のサイズを整数ピクセルで返すプロパティです。ここ...