CSS
CSS Tips | 超実務コアCSSテクニック：基本文法・セレクタ － 子孫セレクタと直下セレクタ
2025-12-13
JavaScript JavaScript | 基礎構文：条件分岐 – ガード節（早期 return）
ガード節（早期 return）を一言でいうとガード節は、「ダメな条件を先に弾いて、良いパターンだけを最後にスッキリ書くための書き方」 です。関数の最初で、「この条件なら、ここで終わり（return）」...
JavaScript JavaScript | 基礎構文：条件分岐 – 条件の分解
条件の分解を一言でいうと「条件の分解」は、“ごちゃごちゃした if の条件を、意味のある小さな塊に分けて整理すること” です。1 行でなんとか書けるけど、読むときに「うっ…」となる長い条件自分で書いた...
JavaScript JavaScript | 基礎構文：条件分岐 – 複雑な条件式
複雑な条件式を一言でいうと「複雑な条件式」は、「いくつかの条件を組み合わせて “このときだけ true にしたい” を表現した式」 です。例えば、「ログインしていて、かつ管理者」「点数が 70 以上 ...
JavaScript JavaScript | 基礎構文：条件分岐 – default
default を一言でいうとdefault は、switch 文の中で使う 「どの case にも当てはまらなかったときの、最後の受け皿」 です。if 文でいうと else にあたります。「値が A...
JavaScript JavaScript | 基礎構文：条件分岐 – break の役割
break を一言でいうとbreak は、「いま実行中の switch 文 や ループ（for / while）を、その場で“ブチッ”と抜けるためのキーワード」 です。今回のテーマは「条件分岐」なので...
JavaScript JavaScript | 基礎構文：条件分岐 – switch 文の基本
switch 文を一言でいうとswitch 文は、「1つの値に対して、“いくつもの候補”の中からどの処理をするか選ぶための条件分岐」 です。同じ変数を何度も if (x === "A") ... el...
JavaScript JavaScript | 基礎構文：条件分岐 – ネストした条件
「ネストした条件」を一言でいうとネストした条件（ネストした if 文）は、「ある条件の中で、さらに条件を分けたいときに、if の中に if を入れ子にする書き方」 です。日本語にすると、もし A なら...
JavaScript JavaScript | 基礎構文：条件分岐 – else
else を一言でいうとelse は、「if の条件が成り立たなかったときに実行する“もう一方の処理”」を書くためのキーワードです。日本語で言うと、「もし条件を満たしていれば A をする。そうでなけれ...
JavaScript JavaScript | 基礎構文：条件分岐 – else if
else if を一言でいうとelse if は、「if がダメだったときに、別の条件を順番に試していくためのもの」 です。日本語にすると、もし 条件A なら A の処理そうでなくて、もし 条件B な...
JavaScript JavaScript | 基礎構文：条件分岐 – if 文の基本
if 文を一言でいうとif 文は、「ある条件が成り立つときだけ、特定の処理を実行するための文」です。日本語にすると、もし（条件）が成り立つなら、この処理をしなさいという意味になります。JavaScri...
JavaScript JavaScript | 基礎構文：比較・論理 – 三項演算子
三項演算子を一言でいうと三項演算子（さんこうえんざんし）は、「if ～ else を 1 行で書ける “条件付きの値” の式」 です。書き方はこの形です。条件式 ? 条件がtrueのときの値 : 条件...
JavaScript JavaScript | 基礎構文：比較・論理 – falsy / truthy
falsy / truthy を一言でいうとJavaScript の falsy / truthy は、「if 文などで、その値が “偽っぽい” か “真っぽい” か」 を表す言葉です。if (値) ...
JavaScript JavaScript | 基礎構文：比較・論理 – 真偽値への型変換
真偽値への型変換を一言でいうとJavaScript の「真偽値への型変換」は、数値・文字列・オブジェクトなど “何でも”、if 文などの条件として評価するときに true / false に読み替える...
JavaScript JavaScript | 基礎構文：比較・論理 – 論理演算子の優先順位
論理演算子の「優先順位」を一言でいうと論理演算子の優先順位は、「!、&&、|| が混ざっているとき、どの順番で計算されるかのルール」 です。JavaScript では基本的に!（NOT）→ &&（AN...
JavaScript JavaScript | 基礎構文：比較・論理 – NOT
論理 NOT を一言でいうと論理 NOT（ノット）は、「true を false に、false を true にひっくり返す演算子」 です。記号は !（びっくりマーク）を使います。!true → f...
JavaScript JavaScript | 基礎構文：比較・論理 – 論理 OR
論理 OR を一言でいうと論理 OR（オア）は、「条件 A または 条件 B のどちらか一方でも満たされていれば OK（true）」にする演算子 です。記号は ||（縦棒2つ）を使います。「A または...
JavaScript JavaScript | 基礎構文：比較・論理 – 論理 AND
論理 AND を一言でいうと論理 AND（アンド）は、「条件 A も条件 B も、どちらも満たされているときだけ OK（true）にする」ための演算子 です。記号は &&（アンパサンド2つ）を使います...
JavaScript JavaScript | 基礎構文：比較・論理 – 不等号
不等号を一言でいうと「不等号（ふとうごう）」は、2つの値の「大小関係」を比べて、結果を true / false（真偽値）で返す記号 です。数学でおなじみの> より大きい< より小さい>= 以上<= ...
JavaScript JavaScript | 基礎構文：比較・論理 – == と === の違い
== と === の違いを一言でいうと== と === の一番大事な違いは、これだけです。== … 型を「勝手に変換」してから比較する（ゆるい比較）=== … 型も値も「そのまま」比べる（厳密な比較）...
JavaScript JavaScript | 基礎構文：比較・論理 – 比較演算子（> < == ===）
比較演算子を一言でいうと比較演算子は、「2つの値を比べて、その結果を true / false（真偽値）で返すための記号」 です。JavaScript でよく使うのは主にこのあたりです。> より大きい...
Python Python | データ構造：コレクションのコピー
概要（「代入」と「コピー」をまず分けて考える）コレクションのコピーは、元データを壊さず安全に加工するための基本です。まず重要なのは「= はコピーではない」ということ。= は“同じオブジェクトへの参照を...
Python Python | データ構造：多重ループ
概要（多重ループは「ループの中でループ」を回す仕組み）多重ループ（ネストしたループ）は、ある集合を外側で順に処理しつつ、各要素ごとにさらに内側の集合を繰り返す書き方です。定番の例は「行×列の走査」や「...
Python Python | データ構造：内包表記（set）
概要（セット内包表記は「重複なしの集合」を一行で作る）セット内包表記は、for と if を“内側”に書いて、重複を自動的に排除する集合（set）を一行で作る記法です。基本は「{式 for 変数 in...
Python Python | データ構造：内包表記（dict）
概要（辞書内包表記は「キーと値を同時に作る」を一行で）辞書内包表記は、for と if を“内側”に書いて、新しい辞書を一行で作る記法です。基本は「{キー式: 値式 for 変数 in イテラブル}」...
Python Python | データ構造：内包表記（list）
概要（リスト内包表記は「作る・選ぶ・変換する」を一行で）リスト内包表記は、for と if を“内側”に書いて、リストを一行で作る記法です。基本は「式 for 変数 in イテラブル」で、必要なら最後...
Python Python | データ構造：filter
概要（filter は「条件を満たす要素だけ」を取り出す基本関数）filter は、リストやタプルなどの各要素に「判定関数」を適用し、True と評価された要素だけを取り出すための組み込み関数です。戻...
Python Python | データ構造：map
概要（map は「全要素に同じ処理」を適用して返す）map は、リストやタプルなどの各要素に「指定した関数」を適用し、その結果を順に返す組み込み関数です。戻り値は「map オブジェクト」（イテレータ）...
Python Python | データ構造：sorted
概要（sorted は「並び替えた新しいリスト」を返す基本関数）sorted は、リスト・タプル・文字列などの「反復可能なデータ」を並び替えて“新しいリスト”として返す組み込み関数です。元のデータは変...
Python Python | データ構造：all
概要（all は「すべてが真なら True」を返す基本関数）all は、リスト・タプル・集合・辞書・ジェネレータなどのイテラブルの中の「全ての要素が True と評価されるか」を判定する組み込み関数で...
Python Python | データ構造：any
概要（any は「ひとつでも真なら True」を返す基本関数）any は、リスト・タプル・集合・辞書・ジェネレータなどのイテラブルの中に「True と評価される要素が1つでもあるか」を調べ、あれば T...