JavaScript
JavaScript | 1 日 90 分 × 7 日アプリ学習：簡単 ToDo アプリ（初級編）
@lifehacker
Java Java | オブジェクト指向：DTO と Entity の違い
DTO と Entity は「役割」がまったく違うDTO と Entity は、どっちも「フィールドを持ったクラス」なので見た目が似ていますが、役割がまったく違います。DTO（Data Transfe...
Java Java | オブジェクト指向：神クラス（God Object）
神クラス（God Object）とは何か神クラス（God Object）は「システムのあらゆることを“何でも知っていて、何でもやろうとする”巨大なクラス」のことです。画面の制御もやる。ビジネスロジック...
Java Java | オブジェクト指向：クラス肥大化の兆候
クラス肥大化って何がまずいのかクラス肥大化は「とりあえずあれこれ押し込んでいるうちに、そのクラスだけ異様に太ってしまった状態」です。1つのクラスが、画面の制御も、ビジネスロジックも、DB のやりとりも...
Java Java | オブジェクト指向：不変条件の守り方
不変条件ってそもそも何なのか不変条件（invariant）は「このオブジェクトが“生きている間ずっと”守られていないといけない約束」のことです。例えると、ユーザーのポイントは常に 0 以上注文は明細を...
Java Java | オブジェクト指向：不正な setter の問題
なぜ「不正な setter」が問題になるのかsetter 自体は悪ではありません。ただ「何でもかんでも public な setter を生やす」「ルールも何もなく値を変えられるようにする」と、オブジ...
Java Java | オブジェクト指向：リッチドメインモデル
リッチドメインモデルとは何かリッチドメインモデルは「ドメイン（業務）の知識とルールを、“それっぽい名前だけの入れ物”ではなく、クラスの中身としてちゃんと持たせよう」という考え方です。もっとストレートに...
Java Java | オブジェクト指向：貧血モデルとは
貧血モデルとは何か貧血モデル（Anemic Domain Model）は「フィールド（データ）だけ持っていて、自分の振る舞い（ビジネスロジック）をほとんど持たないオブジェクト」がシステム中にあふれてい...
Java Java | オブジェクト指向：ドメインモデルの考え方
ドメインモデルとは何かドメインモデルは「扱っている世界（業務）の“概念”を、そのままクラスとして表現したもの」です。給料計算システムなら「社員」「勤怠」「給与」EC サイトなら「商品」「カート」「注文...
Java Java | オブジェクト指向：switch 文のオブジェクト化
「switch 文のオブジェクト化」とは何か「switch 文のオブジェクト化」は、switch にベタっと書いている「種類ごとの違い」を、それぞれのクラス（オブジェクト）に持たせるように書き換えるこ...
JavaScript JavaScript | 配列・オブジェクト：配列の検索・判定 – 条件検索の書き方
条件検索とは何か配列の「条件検索」は、要素の値やプロパティが“指定した条件を満たす”ものを探すことです。ここが重要です：何を返したいかで使うメソッドが変わります。要素そのものが欲しいなら find、位...
JavaScript JavaScript | 配列・オブジェクト：配列の検索・判定 – undefined 要素の扱い
undefined 要素とは何か配列の「undefined 要素」は2種類あります。ここが重要です：値が undefined で“入っている要素”と、インデックスはあるのに“実際には値がない空スロット...
JavaScript JavaScript | 配列・オブジェクト：配列の検索・判定 – 配列内存在チェック
配列内存在チェックとは何か「配列内存在チェック」は、ある値や条件に合う要素が配列に含まれているかどうかを判定することです。ここが重要です：何を知りたいかで使うメソッドが変わります。「あるかどうかだけ」...
JavaScript JavaScript | 配列・オブジェクト：配列の検索・判定 – every
every とは何かevery は「配列の全ての要素が、与えた条件を満たすか」を true/false で返す判定メソッドです。1つでも条件を満たさない要素が見つかった瞬間に false を返し、探索...
JavaScript JavaScript | 配列・オブジェクト：配列の検索・判定 – some
some とは何かsome は「配列の中に、条件を満たす要素が“少なくとも1つでもあるか”を true/false で返す」判定メソッドです。見つかった瞬間に検索を止める“短絡評価”を行います。ここが...
JavaScript JavaScript | 配列・オブジェクト：配列の検索・判定 – findIndex
findIndex とは何かfindIndex は「配列の中から、条件に一致する“最初の1要素のインデックス（位置）”を返す」検索メソッドです。見つかれば 0 以上の番号、見つからなければ -1 を返...
JavaScript JavaScript | 配列・オブジェクト：配列の検索・判定 – find
find とは何かfind は「配列から、条件を満たす“最初の1要素”を返す」検索メソッドです。見つかればその要素、見つからなければ null ではなく undefined を返します。ここが重要です...
JavaScript JavaScript | 配列・オブジェクト：配列の検索・判定 – includes
includes とは何かincludes は「配列の中に、指定した値が“存在するかどうか”を true/false で返す」判定メソッドです。位置は返さず、単純に“あるかないか”だけを答えます。ここ...
JavaScript JavaScript | 配列・オブジェクト：配列の検索・判定 – lastIndexOf
lastIndexOf とは何かlastIndexOf は「配列の中から、指定した値が“最後に現れる位置（インデックス）”を返す」検索メソッドです。見つかれば 0 以上の番号、見つからなければ -1 ...
JavaScript JavaScript | 配列・オブジェクト：配列の検索・判定 – indexOf
indexOf とは何かindexOf は「配列の中から、指定した値が最初に現れる位置（インデックス）を返す」検索メソッドです。見つかれば 0 以上の番号、見つからなければ -1 を返します。ここが重...
JavaScript JavaScript | 配列・オブジェクト：配列の追加・削除 – 空配列にする方法
空配列にするとは何か「空配列にする」とは、配列からすべての要素を取り除いて要素数を 0 にすることです。ここが重要です：やり方によって“参照を保つ（同じ配列オブジェクトのまま空にする）”場合と、“別の...
JavaScript JavaScript | 配列・オブジェクト：配列の追加・削除 – スプレッド構文での追加
スプレッド構文とは何かスプレッド構文 ... は「配列の“中身”をその場で展開する」書き方です。たとえば ] は と同じ意味になり、, 3] は を作ります。ここが重要です：スプレッドは“非破壊”で新...
JavaScript JavaScript | 配列・オブジェクト：配列の追加・削除 – 配列の結合（concat）
concat とは何かconcat は「複数の配列や値を“結合して新しい配列”を返す」非破壊メソッドです。元の配列は変更されず、つなげた結果だけが戻り値として返ります。ここが重要です：concat は...
JavaScript JavaScript | 配列・オブジェクト：配列の追加・削除 – slice
slice とは何かslice は「配列から“指定した範囲”を切り出して、新しい配列を返す」非破壊メソッドです。元の配列は変更されず、開始位置から終了位置の“手前まで”がコピーされます。ここが重要です...
JavaScript JavaScript | 配列・オブジェクト：配列の追加・削除 – splice（追加）
splice（追加）とは何かsplice は「配列の途中に要素を挿入（必要なら置き換えも）できる」メソッドです。書式は array.splice(start, deleteCount, ...inse...
JavaScript JavaScript | 配列・オブジェクト：配列の追加・削除 – splice（削除）
splice（削除）とは何かsplice は「配列の途中から指定した数だけ要素を削除する」ためのメソッドです。書式は array.splice(start, deleteCount, ...inser...
JavaScript JavaScript | 配列・オブジェクト：配列の追加・削除 – unshift
unshift とは何かunshift は「配列の先頭に要素を追加し、その結果の要素数（length）を返す」メソッドです。ここが重要です：unshift は“破壊的操作”で、元の配列を直接書き換えま...
JavaScript JavaScript | 配列・オブジェクト：配列の追加・削除 – shift
shift とは何かshift は「配列の先頭の要素を1つ取り出して、配列から削除する」メソッドです。取り出した要素を返し、配列の長さを1つ減らします。ここが重要です：shift は“破壊的操作”で、...
JavaScript JavaScript | 配列・オブジェクト：配列の追加・削除 – pop
pop とは何かpop は「配列の末尾から要素を1つ取り出して、配列から削除する」メソッドです。取り出した要素を返し、配列の長さを1つ減らします。ここが重要です：pop は“破壊的操作”で、元の配列を...
JavaScript JavaScript | 配列・オブジェクト：配列の追加・削除 – push
push とは何かpush は「配列の末尾に要素を追加し、その結果の要素数を返す」メソッドです。ここが重要です：push は“破壊的操作”です。元の配列を直接書き換えるため、同じ配列を共有している変数...
Java Java | オブジェクト指向：if 文だらけのコードの問題点
if 文だらけのコードが「なぜツラくなる」のかif 自体は悪ではありません。条件分岐はどの言語にもある基本機能だし、使う場面ももちろんあります。問題になるのは、「if 文がコードのあちこちに増えすぎて...
Java Java | オブジェクト指向：ポリモーフィズムによる分岐削減
ポリモーフィズムで分岐を減らすとは何か「ポリモーフィズムによる分岐削減」は、if や switch でゴチャゴチャ分岐している処理を、「オブジェクトの“型ごとの振る舞いの違い”に任せてスッキリさせる」...
Java Java | オブジェクト指向：ファクトリメソッドの概念
ファクトリメソッドとは何かファクトリメソッドは「new の代わりに“生成専用メソッド”を用意して、オブジェクトの作り方をそこに閉じ込める考え方」です。普通は new で直接コンストラクタを呼んでオブジ...
Java Java | オブジェクト指向：セッターインジェクション
セッターインジェクションとは何かセッターインジェクションは「必要な相手（依存オブジェクト）を、コンストラクタではなく setter メソッドで後から差し込む」という DI（依存性注入）のやり方です。コ...
Java Java | オブジェクト指向：コンストラクタインジェクション
コンストラクタインジェクションとはコンストラクタインジェクションは「そのクラスが必要とするオブジェクト（依存）を、コンストラクタの引数で受け取る」という設計のやり方です。もっと噛み砕くと、・自分の中で...
Java Java | オブジェクト指向：DI（依存性注入）の考え方
DI（依存性注入）とは何かDI（Dependency Injection）は「必要な相手（依存先）を、自分で new しないで“外から渡してもらう”考え方」です。もっと噛み砕くと、本来一緒に仕事をする...
Java Java | オブジェクト指向：インターフェース分離
インターフェース分離とは何かインターフェース分離（Interface Segregation Principle, ISP）は、「インターフェースは、小さくて、はっきりした役割ごとに分けなさい」という...
Java Java | オブジェクト指向：クラス間の依存を減らす方法
なぜ「クラス間の依存を減らす」のが大事なのかクラス同士がベッタリ依存していると、どこか 1 クラスを少し変えただけで、他のクラスが次々壊れていきます。「このメソッド名を変えたいだけなのに、10 クラス...
Java Java | オブジェクト指向：パッケージ図
パッケージ図とは何かパッケージ図は「大きな箱同士の関係」を描く図です。クラス図が「クラスとクラスの関係の地図」だとすると、パッケージ図は「パッケージとパッケージの関係の地図」です。Java の com...
Java Java | オブジェクト指向：UML の読み方
UML とは何か（まず全体像）UML は「図でプログラムを表すための共通ルール」のようなものです。Java のコードを、箱や矢印で表現して「このシステムにはどんなモノがいて、どうつながっているか」を見...
Java Java | オブジェクト指向：クラス図の基礎
クラス図とは何かクラス図は「オブジェクト指向の設計図」です。クラス（型）の名前、持っているデータ（フィールド）、できること（メソッド）、そしてクラス同士の関係（関連・継承・依存など）を「箱と線」で表し...
Java Java | オブジェクト指向：関連の多重度
関連の多重度とは何か「関連の多重度」は、「あるクラスと別のクラスが、どれくらいの数で結びついているか」を表す考え方です。UML だと 1, 0..1, *, 0..*, 1..* みたいな表記を見たこ...
Java Java | オブジェクト指向：集約と関連
集約と関連とは何かオブジェクト指向で「集約」と「関連」は、クラスとクラスの“つながり方”を表す言葉です。ざっくり言うと、関連：ただの「知り合い」関係（A が B を知っている・参照している）集約：ある...
Java Java | オブジェクト指向：オブジェクトのライフサイクル
オブジェクトのライフサイクルとは「オブジェクトのライフサイクル」は、あるオブジェクトが生まれて（生成されて）、使われて、やがて不要になり、最後に片付けられるまでの一連の流れのことです。Java では、...
Java Java | オブジェクト指向：単一責任の原則（SRP）
単一責任の原則（SRP）とは単一責任の原則（Single Responsibility Principle, SRP）は「クラスやモジュールは“たった1つの責任（変更理由）だけ”を持つべき」というルー...
Python Python | データ処理：pandas のインデックス管理
概要（インデックス管理は「行ラベルを設計して、選択・結合・時系列操作を安定化」する）pandasのインデックスは“行のラベル”です。単なる番号ではなく、選択（loc）、結合（join/merge）、並...
Python Python | データ処理：pandas の join
概要（pandas の join は「インデックスで横に結合」する最短ルート）DataFrame.join は、“インデックス”をキーにして横方向（列を増やす）へ結合します。SQL の JOIN に似...
Python Python | データ処理：フィルタリング
概要（フィルタリングは「欲しい行だけを、短く正確に抜く」ための基本）pandasのフィルタリングは、条件式でTrue/Falseのマスクを作り、Trueの行だけを抽出するのが基本形です。重要なのは「ブ...
Python Python | データ処理：欠損値可視化
概要（欠損値可視化は「どこで、どれだけ、どう偏っているか」を一目で掴むための入口）欠損値は“壊れたデータ”ではなく“情報が抜けている状態”です。可視化の目的は、列ごとの欠損量、行方向の偏り（特定期間・...
Python Python | データ処理：正規化
概要（正規化は「値の範囲を揃えて比較・学習を安定化」する前処理）正規化（Normalization）は、特徴量の値を一定の範囲にスケーリングする処理です。最も基本的な手法は Min–Max 正規化で、...
Python Python | データ処理：データの標準化
概要（標準化は「平均0・標準偏差1」に揃えて、比較と学習を安定させる）データの標準化（Standardization）は、各特徴量を平均0・標準偏差1に変換する処理です。スケールが揃うことで、距離や勾...
Python Python | データ処理：行列計算
概要（行列計算は「配列の形をそろえて、演算子と線形代数APIに載せる」）NumPyの行列計算は、2次元配列（ndarray）を使って加算・減算・要素積・行列積・転置・逆行列・行列式・固有値・連立方程式...
Python Python | データ処理：ベクトル演算
概要（ベクトル演算は「配列同士を一発で計算」できる最短ルート）NumPyのベクトル演算は、forループを使わずに配列（一次元配列＝ベクトル）をまとめて計算します。足し算・引き算・要素ごとの掛け算、内積...
Python Python | データ処理：配列計算の高速化
概要（配列計算の高速化は「Pythonのループを捨て、NumPyのベクトル化へ乗り換える」）配列計算の高速化の要は、NumPy配列（ndarray）に処理を寄せることです。Pythonのforループや...
Python Python | データ処理：numpy random
概要（numpy randomは「乱数で“試す・検証する・生成する”」ための基礎道具）NumPyの乱数は、データのシミュレーション、重みの初期化、サンプリング、シャッフル、ノイズ付与などに使います。初...
Python Python | データ処理：グラフの保存
概要（グラフの保存は「見せたい品質で出力」を実現する最後の一歩）matplotlib（pandasのplotの裏側）なら、画像形式や解像度、余白、透明背景などを細かく制御して保存できます。初心者は「f...
Python Python | データ処理：複数グラフの描画
概要（複数グラフは「比較」と「文脈」を一枚で伝えるための基本スキル）複数グラフの描画は、指標の関係や推移を“並べて”見せることで理解を一気に深めます。pandasとmatplotlibを使えば、サブプ...
Python Python | データ処理：ヒートマップ
概要（ヒートマップは「2次元の表を色で読み解く」最短ルート）ヒートマップは、2次元の数値テーブルを色の濃淡で表現するグラフです。相関（どの列同士が関係強い？）、クロス集計（店舗×月の売上）、時系列のパ...
Python Python | データ処理：ヒストグラム
概要（ヒストグラムは「値の分布」を一目でつかむための入口）ヒストグラムは、数値データを区間（ビン）に分け、各区間に何件入ったかを棒で表すグラフです。平均や中央値では見えない「偏り」「裾の重さ」「外れ値...
Python Python | データ処理：散布図
概要（散布図は「2つの変数の関係」を直感で掴むための基本グラフ）散布図は、横軸にX（説明変数）、縦軸にY（目的変数）を置き、各行を点としてプロットします。点の並びから、正の相関・負の相関・無相関、外れ...
JavaScript JavaScript | 配列・オブジェクト：配列の基礎 – 配列のコピー方法
配列のコピーとは何か配列のコピーは「元の配列を壊さず、別の配列インスタンスを作る」ことです。ここが重要です：コピーには“浅いコピー”（一次元ぶんだけ独立）と“深いコピー”（入れ子の中身まで独立）があり...