JavaScript
JavaScript | 1 日 90 分 × 7 日アプリ学習：簡単 ToDo アプリ（初級編）
プログラミング
JavaScript JavaScript | DOM 操作：テキスト・内容変更 – innerHTML
innerHTML とは何かinnerHTML は、要素の「中身（子要素やテキスト）」を、HTML文字列として読み書きするためのプロパティです。文字列を代入すると、その場でパースされて要素やテキストに...
JavaScript JavaScript | DOM 操作：テキスト・内容変更 – innerText
innerText とは何かinnerText は「画面に見えているテキスト」を読み書きするためのプロパティです。値を読むと、CSS の表示状態を考慮して“今見えている文字列”だけが返ります。値を書き...
JavaScript JavaScript | DOM 操作：テキスト・内容変更 – textContent
textContent とは何かtextContent は、要素の「テキストだけ」を安全に読み書きするためのプロパティです。値を設定すると、要素内のテキストノードが置き換わり、HTML タグは「ただの...
JavaScript JavaScript | DOM 操作：要素の取得 – 要素の存在チェック
要素の存在チェックとは何か「要素の存在チェック」は、操作したい要素が本当に DOM にあるかを確認し、なければ安全にスキップしたり代替処理に切り替えたりすることです。ここが重要です：存在を前提に書くと...
JavaScript JavaScript | DOM 操作：要素の取得 – matches
matches とは何かmatches は、ある要素が「指定した CSS セレクタに現在一致しているか」を真偽値で返すメソッドです。ここが重要です：取得した要素に対して直接判定できるため、「このクリッ...
JavaScript JavaScript | DOM 操作：要素の取得 – closest
closest とは何かclosest は、ある要素から「自分自身を含めて、上方向（祖先方向）にセレクタに一致する最初の要素」を返すメソッドです。見つかればその要素、見つからなければ null。ここが...
JavaScript JavaScript | DOM 操作：要素の取得 – 親要素・子要素の取得
親要素・子要素とは何かDOM は木構造で、要素どうしが「親子」の関係を持ちます。ある要素を内側に包む要素が親、内側に含まれている要素が子です。ここが重要です：DOM 操作では「どの範囲（親配下）を対象...
JavaScript JavaScript | DOM 操作：要素の取得 – CSS セレクタの使い分け
CSS セレクタの使い分けとは何かCSS セレクタは、HTML の中から「どの要素を対象にするか」を表す記法で、querySelector / querySelectorAll でもそのまま使えます。...
JavaScript JavaScript | DOM 操作：要素の取得 – querySelectorAll
querySelectorAll とは何かquerySelectorAll は、CSS セレクタを使って「一致するすべての要素」を取得するメソッドです。返り値は NodeList（静的コレクション） ...
JavaScript JavaScript | DOM 操作：要素の取得 – querySelector
querySelector とは何かquerySelector は、CSS セレクタで「最初に一致した1つの要素」を取得するためのメソッドです。返り値は要素か、見つからなければ null。ここが重要で...
JavaScript JavaScript | DOM 操作：要素の取得 – getElementsByTagName
getElementsByTagName とは何かgetElementsByTagName は、指定したタグ名（例: "div", "p", "a"）を持つ要素をまとめて取得するメソッドです。返り値は...
JavaScript JavaScript | DOM 操作：要素の取得 – getElementsByClassName
getElementsByClassName とは何かgetElementsByClassName は、「指定したクラス名を持つ要素をまとめて取得する」ためのメソッドです。返り値は HTMLColle...
JavaScript JavaScript | DOM 操作：要素の取得 – getElementById
getElementById とは何かgetElementById は、document（ページ全体の入口）から「id が一致する要素を1つだけ即座に取得する」ための最短ルートです。見つかれば要素を返...
Java Java | オブジェクト指向：super キーワード
何をするキーワードかsuper は「親クラス（スーパークラス）のメンバーを参照する」ためのキーワードです。子クラスでオーバーライドしたメソッドから、親の元の実装を呼びたいときや、親のコンストラクタを明...
Java Java | オブジェクト指向：継承のデメリット
まず、継承のデメリットとは何か継承は便利ですが、「親と子が強く結び付く」ため、変更や保守の難易度を上げる要因になりがちです。意図しない依存が広がり、拡張やテストが難しくなる“落とし穴”が複数あります。...
Java Java | オブジェクト指向：継承のメリット
継承のメリットを一言で継承の最大のメリットは「共通の契約を共有しながら、振る舞いだけを差し替えて再利用できる」ことです。コードの重複を減らし、拡張しやすく、呼び出し側は共通型で扱えるため、全体の設計が...
Java Java | オブジェクト指向：継承（extends）
まず、継承（extends）とは何か継承は「既存のクラスの性質（フィールドやメソッド）を受け継ぎ、必要な部分だけを差し替えたり足したりする」仕組みです。extends で親クラスを指定すると、子クラス...
Java Java | オブジェクト指向：@Override アノテーション
何をするアノテーションか@Override は「このメソッドは親のメソッドをオーバーライド（上書き）しています」とコンパイラに伝えるための印です。付けておくと、シグネチャの食い違いやタイプミス、オーバ...
Java Java | オブジェクト指向：メソッドのオーバーライド
何が「オーバーライド」かメソッドのオーバーライドは、親クラスが持つメソッドの「振る舞いを、子クラスで置き換える」ことです。継承関係にあるとき、同じメソッド名・同じ引数（シグネチャ）を子クラスで再定義す...
Java Java | オブジェクト指向：toString のオーバーライド
toString をオーバーライドする意味toString は「そのオブジェクトを人間が読める文字列にする」ためのメソッドです。デフォルトはクラス名＋ハッシュ（例: com.example.User@...
Java Java | オブジェクト指向：equals と == の違い
ざっくり結論== は「同じ実体（同じ場所）か」を比べる演算子、equals は「中身（値）が同じか」を比べるメソッドです。プリミティブでは == が値比較、参照型（オブジェクト）では == が参照比較...
Java Java | オブジェクト指向：hashCode のオーバーライド
なぜ hashCode をオーバーライドするのかhashCode は「オブジェクトのハッシュ値」を返すメソッドで、HashMap・HashSet などのハッシュ構造が「どのバケットに入れるか」を決める...
Java Java | オブジェクト指向：equals のオーバーライド
equals をオーバーライドする意味equals は「同じモノかどうか」を値の観点で判定するためのメソッドです。デフォルトの equals は「同じインスタンス（同一性）」しか比較しませんが、値オブ...
Java Java | オブジェクト指向：値オブジェクトとは
値オブジェクトとは何か値オブジェクトは「値そのものを表す小さな不変の型」です。金額、メールアドレス、期間、座標、IDなど、意味とルールを持つ“ただの値”をクラス化して、検証・整合性・振る舞い（比較や計...
Java Java | オブジェクト指向：不変オブジェクトの考え方
不変オブジェクトとは何か不変オブジェクトは「生成後に状態が一切変わらない」オブジェクトです。フィールドは初期化時に確定され、その後は再代入されません。外から見ても中から見ても、値が変化しないので、並行...
Java Java | オブジェクト指向：getter / setter
全体像getter / setter は「フィールド（内部状態）を外から安全に読み書きするための窓口」です。直接フィールドを公開せず、メソッド経由にすることで、読み取りは意図を伝え、書き込みは検証や前...
Java Java | オブジェクト指向：カプセル化の目的
まとめて言うと何かカプセル化は「内部の状態や仕組みを隠し、外からは安全な窓口だけを見せる」設計のことです。目的は3つに絞られます。整合性の保護（壊れない）、変更容易性（中身を差し替えても外が壊れない）...
Java Java | オブジェクト指向：パッケージプライベート
全体像パッケージプライベート（package-private）は「アクセス修飾子を何も付けない」状態の可視性で、同一パッケージ内からだけ見える（使える）という意味です。クラス・メソッド・フィールド・コ...
Java Java | オブジェクト指向：protected の意味
全体像protected は「同じパッケージ内から見える」ことに加えて「別パッケージでも、継承したサブクラスからは自分自身を通して見える」アクセス修飾子です。外部に完全公開する public と、クラ...
Java Java | オブジェクト指向：private の意味
全体像private は「同じクラスの中からだけ見える」というアクセス修飾子です。外部のクラスはもちろん、継承したサブクラスからも直接は触れません。目的はカプセル化——内部の状態や実装詳細を隠し、外部...