JavaScript
JavaScript | 非同期処理：Promise 基礎 – Promise とは何か
入門
JavaScript JavaScript | 配列・オブジェクト：配列の基礎 – length プロパティ
length プロパティとは何かlength プロパティは「配列の要素数」を表す特別な値です。配列に何個の要素が入っているかを常に返してくれます。ここが重要です：length は「最後のインデックス ...
JavaScript JavaScript | 配列・オブジェクト：配列の基礎 – インデックスの概念
インデックスとは何かインデックスは「配列の中で、要素に付いている番号」です。JavaScript では先頭が 0、次が 1…と続きます。ここが重要です：配列の要素数（length）とインデックスの最大...
JavaScript JavaScript | 配列・オブジェクト：配列の基礎 – 配列リテラル
配列リテラルとは何か配列リテラルは、角括弧 は数値の配列、 は型が混在した配列になります。ここが重要です：JavaScript の配列はどんな型でも混ぜられ、長さは後から自由に伸び縮みします。new ...
JavaScript JavaScript | 配列・オブジェクト：配列の基礎 – 配列とは何か
配列とは何か配列は「値を順番に並べて、ひとまとめに扱うための箱」です。1つの変数に複数の値を入れて、後から順番や番号（インデックス）で取り出せます。ここが重要です：JavaScript の配列は“どん...
Java Java | オブジェクト指向：責務分離
責務分離とは責務分離は「ひとつのクラスやメソッドが、ひとつの明確な役割（Responsibility）だけを担うように分ける」設計の基本です。入力の整形、検証、計算、保存、表示などの関心事を混ぜず、境...
Java Java | オブジェクト指向：パッケージ設計
パッケージ設計とはパッケージ設計は、クラスやインターフェースを「意味のあるまとまり」に分けて整理し、依存の向きと公開範囲をコントロールすることです。狙いは、変更の影響を局所化し、再利用とテストをしやす...
Java Java | オブジェクト指向：継承 vs 委譲
継承と委譲の違い継承は「is-a（〜は〜の一種）」の関係で、親の振る舞いを子が受け継ぎ、必要ならオーバーライドで差分を加える仕組みです。委譲（コンポジション）は「has-a（〜は〜を持つ）」の関係で、...
Java Java | オブジェクト指向：コンポジション（委譲）
コンポジション（委譲）とはコンポジションは「クラスが“持つ（has-a）”関係で他のオブジェクトを部品として組み合わせ、仕事をその部品へ任せる（委譲する）」設計です。継承（is-a）と違い、親の内部契...
Java Java | オブジェクト指向：依存の方向
依存の方向とは「依存の方向」は、あるコードがどちら側（上位/下位、抽象/具体）へ向かって頼っているかを示す考え方です。呼び出し側が別のクラスやライブラリに依存するとき、その“向き”が正しいかどうかで保...
Java Java | オブジェクト指向：依存関係とは
依存関係とは依存関係は「あるコードが、他のコードの存在や振る舞いを前提にして成り立っている状態」です。クラスが別のクラスを new したり、そのメソッドを呼んだり、型として参照したりすると、そこで依存...
Java Java | オブジェクト指向：コンパイル時型と実行時型
コンパイル時型と実行時型とは「コンパイル時型」はコード上で宣言された“見える型”で、コンパイラが文法チェックやメソッド呼び出しの可否を判断するために使います。「実行時型」は new で実際に生成されて...
Java Java | オブジェクト指向：動的バインディング
動的バインディングとは動的バインディングは「どのメソッド実装を呼ぶかを、実行時の“実体の型”に基づいて決める仕組み」です。参照の型が親（抽象クラスやインターフェース）でも、実際に入っているオブジェクト...
Java Java | オブジェクト指向：instanceof
instanceof とは何かinstanceof は「ある参照が、特定の型（クラスやインターフェース）の実体かどうか」を真偽で判定する演算子です。ポリモーフィズムでは呼び出し側は共通型にそろえますが...
Java Java | オブジェクト指向：ダウンキャスト
ダウンキャストとは何かダウンキャストは「親型（抽象クラスやインターフェース）の参照を、より具体的な子型に“下げて”扱う」ことです。たとえば Shape 型の変数を Rect 型として扱いたいときに使い...
Java Java | オブジェクト指向：アップキャスト
アップキャストとは何かアップキャストは「子クラス（具体的な型）の参照を、親クラス（より抽象的な型）やインターフェースの参照として扱う」ことです。型を“上位”に持ち上げるイメージなのでアップ（up）キャ...
Java Java | オブジェクト指向：ポリモーフィズム
ポリモーフィズムとはポリモーフィズムは「同じ“呼び方”で、実体に応じて振る舞いが切り替わる」仕組みです。呼び出し側は共通の型（親クラスやインターフェース）だけを意識して使い、実際に入っているオブジェク...
Java Java | オブジェクト指向：static メソッド（interface）
interface の static メソッドとはインターフェースの static メソッドは「インターフェース名から直接呼ぶユーティリティ関数」です。インスタンスや実装クラスは不要で、契約（インター...
Java Java | オブジェクト指向：default メソッド
default メソッドとはdefault メソッドは「インターフェースに書く“簡易の既定実装”」です。Java 8 で導入され、インターフェースにメソッド本体を持たせられるようになりました。これによ...
Java Java | オブジェクト指向：インターフェースの多重実装
インターフェースの多重実装とはインターフェースの多重実装は「1つのクラスが複数のインターフェース契約を同時に満たす」ことです。Javaはクラスの多重継承はできませんが、インターフェースは複数まとめて ...
Python Python | データ処理：棒＋折れ線
概要（棒＋折れ線は「量と推移」を一枚で伝える定番の複合グラフ）棒グラフは“量”の比較、折れ線グラフは“推移”や“傾向”の読み取りに向いています。2つを重ねることで「月別売上の量（棒）とユーザー数の推移...
Python Python | データ処理：グラフの複合化
概要（グラフの複合化は「一枚で複数の視点」を重ねて伝える技）pandasとmatplotlibを組み合わせると、折れ線と棒グラフの重ね合わせ、二重軸、複数サブプロットなどを簡潔に作れます。複合化のポイ...
Python Python | データ処理：時系列処理の基礎
概要（時系列の“型”を整えて、時間軸で正しく集計・解析する）時系列処理の基礎は、日付や時刻をdatetime型へ変換し、時間順に並べてから「期間集計」「移動統計」「シフトや差分」などの操作を行うことで...
Python Python | データ処理：rolling
概要（rollingは「直近の一定区間で連続計算する」ための移動窓）pandasのrollingは、直近N件や一定時間幅（例：過去7日など）のデータを“窓”として切り出し、その窓ごとに平均・合計・標準...
Python Python | データ処理：resample
概要（resampleは「時系列の頻度を変えて、期間ごとに集計・補間する」）pandasのresampleは、時系列データを別の時間間隔（例：日→週、分→時）へ変換するためのメソッドです。ダウンサンプ...
Python Python | データ処理：datetime 変換
概要（datetime変換は「文字列の日付を“時系列のエンジン”に乗せる最初の一歩」）pandasで日付・時刻を扱うときは、まず文字列をdatetime型へ変換します。datetimeにしておくと、並...
Python Python | データ処理：dtype
概要（dtypeは「列の型」。正しく揃えると計算・集計・可視化が安定する）pandasのdtype（データ型）は、各列が「数値・文字列・日時・真偽値・カテゴリなどのどれか」を表すラベルです。型がズレて...
Python Python | データ処理：describe
概要（describeは「列ごとの要約統計を一瞬で確認する」入口）pandasのdescribeは、数値列やカテゴリ列の“基本統計”をまとめて表示するメソッドです。数値なら件数・平均・標準偏差・最小/...
Python Python | データ処理：ソート sort_values
概要（sort_valuesは「列の値で並べ替えて“見やすく・計算しやすく”する基本操作）pandasのsort_valuesは、指定した列の値を基準にDataFrameを並べ替えるメソッドです。昇順...
Python Python | データ処理：重複 drop_duplicates
概要（drop_duplicatesは「重複行を安全に取り除いて、件数や集計を正しくする」）pandasのdrop_duplicatesは、DataFrameやSeriesから“重複したデータ”を削除...
Python Python | データ処理：欠損値 fillna
概要（fillnaは「欠損値を意図した値で埋めて分析を続行する」ための入口）pandasのfillnaは、DataFrameやSeriesに含まれる欠損値（NaN/None/pd.NA）を、固定値・前...
Python Python | データ処理：lambda と組み合わせ
概要（lambdaは「その場で小さな関数」を作り、データ処理を短く書くための道具）lambda（無名関数）は、名前を付けずに1行で小さな関数を作る仕組みです。短い変換・条件分岐・並べ替えのキー指定など...
Python Python | データ処理：pandas の apply
概要（applyは「行や列ごとに関数を適用して柔軟に加工する」）pandasのapplyは、SeriesやDataFrameに対して「各要素」「各行」「各列」へ関数を適用するための基本メソッドです。f...
Python Python | データ処理：loc / iloc
概要（loc/ilocは「行・列の取り出し方が違う」二大基本操作）pandasのlocとilocは、DataFrameから行・列・セルを取り出すための代表的な方法です。locはラベル（行名・列名）で指...
Python Python | データ処理：melt
概要（meltは「横持ちの列を縦に溶かして整然データへ変換する」）pandasのmeltは、ワイド形式（横持ち）をロング形式（縦持ち）へ変換するためのメソッドです。列として並んだ複数の計測値（例: M...
Python Python | データ処理：pivot_table
概要（pivot_tableは「集計しながら縦長データを行×列へ再配置する」）pandasのpivot_tableは、Excelのピボットテーブルと同じ発想で「行（index）」「列（columns）...
Python Python | データ処理：pivot
概要（pivotは「縦長データを横に広げて“見やすい表”に再配置する」）pandasのpivotは、行ラベル・列ラベル・値列を指定して、縦に並んだレコードを「行×列」の表へ並べ替えるメソッドです。Ex...
Python Python | データ処理：pandas merge
概要（pandas.mergeは「共通キーで行を突き合わせる」SQLライクな結合）pandas.mergeは、2つのDataFrameを共通するキー（列やインデックス）を基準に結合します。SQLのJO...
Python Python | データ処理：pandas concat
概要（pandas.concatは「複数の表を縦・横にまとめる」ための基本ツール）pandas.concatは、複数のDataFrameやSeriesを連結して1つのDataFrameにまとめる関数で...
Python Python | データ処理：pandas read_json
概要（pandas.read_jsonは「JSONを表に変換する入口」）pandasのread_jsonは、JSON文字列・ファイル・URLなどを読み込み、分析しやすいDataFrameへ変換する関数...
Java Java | オブジェクト指向：implements
implements とは何かimplements は「クラスがインターフェースの契約を実装します」という宣言です。インターフェースが定めるメソッドの“名前・引数・戻り値”を、クラス側で実体として提供...
Java Java | オブジェクト指向：インターフェースとは
インターフェースとはインターフェースは「クラスが満たすべき契約（メソッドの型だけ）を定義するもの」です。実装は持たず、まず“名前・引数・戻り値”を決めることで、呼び出し側は契約だけに依存できます。クラ...
Java Java | オブジェクト指向：抽象クラスの使いどころ
抽象クラスの狙いどころ抽象クラスは「共通の骨格と不変条件を親で固定し、差し替えたい部分だけ子に実装させる」ための道具です。インターフェースが“契約（メソッドの型）”だけなのに対し、抽象クラスは“状態（...
Java Java | オブジェクト指向：抽象メソッド
抽象メソッドとは抽象メソッドは「中身（実装）がないメソッド」で、宣言だけを持ちます。abstract を付けて宣言し、具体的な処理は子クラスが必ず実装します。抽象クラスに定義して、共通の“名前・引数・...
Java Java | オブジェクト指向：抽象クラスとは
抽象クラスとは抽象クラスは「直接はインスタンス化できない、共通の骨格と契約をまとめるためのクラス」です。abstract を付けて宣言し、抽象メソッド（中身のないメソッド）を含められます。継承した子ク...
Java Java | オブジェクト指向：final フィールド
final フィールドとは何かfinal フィールドは「一度だけ代入でき、その後は再代入できない」フィールドです。オブジェクトの生成時に値を確定し、以降は参照を変えないことで、設計の予測可能性が上がり...
Java Java | オブジェクト指向：final メソッド
final メソッドとは何かfinal メソッドは「子クラスからオーバーライド（上書き）できないメソッド」です。継承関係にあっても、その振る舞いを固定し、契約を壊されないようにします。親が守るべき安全...
Java Java | オブジェクト指向：final クラス
final クラスとは何かfinal クラスは「継承を禁止したクラス」です。extends して子クラスを作ることができません。目的は、クラスの振る舞いを固定して“改変の余地”をなくし、設計の安全性・...
Java Java | オブジェクト指向：多段継承の概念
多段継承とは何か多段継承は「親→子→孫…と継承が階層的に連なっている状態」を指します。AをBが継承し、BをCが継承する、といった“何段も連なる継承”です。Javaは「単一継承」なのでクラスを複数同時に...
Java Java | オブジェクト指向：親クラスのコンストラクタ呼び出し
親コンストラクタ呼び出しとは何か子クラスのコンストラクタが、親クラス（スーパークラス）のコンストラクタを呼び出して「親の状態を先に正しく初期化する」仕組みです。Java では super(...) を...
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...