Python
Python | レベル別練習問題：if文（条件分岐）
2025-12
Python Python | 文法の基本：比較演算子
比較演算子の概要Pythonの比較演算子は、2つの値を比べて結果を真偽値（True/False）で返します。基本は「等しい（==）」「等しくない（!=）」「より小さい（<）」「より大きい（>）」「以下...
Python Python | 文法の基本：代入演算子
代入演算子の概要（= と「値に名前をつける」）Pythonの代入演算子は「=」です。右辺の式を評価し、その結果オブジェクトへ左辺の名前を結びつけます。数学の「等しい」ではなく「割り当てる」の意味です。...
Python Python | 文法の基本：算術演算子
算術演算子の概要Pythonの算術演算子は、足し算・引き算・掛け算・割り算に加えて、剰余（あまり）や冪乗（べき乗）、整数除算（切り捨て）まで含む「計算の道具箱」です。代表的なものは +, -, *, ...
Python Python | 文法の基本：真偽値（bool）
真偽値の概要（bool の基本）Pythonの真偽値は True と False の2つだけで、条件分岐やループの「動かす／止める」を決める軸になります。型名は bool で、比較や論理演算の結果とし...
Python Python | 文法の基本：文字列型（str）
文字列型の概要（str の基本）Pythonの文字列型（str）は、テキストデータを表現・操作するための基本データ型です。シングルクォート（'）やダブルクォート（"）で囲むだけで作れ、画面表示やファイ...
Python Python | 文法の基本：数値型（int, float）
数値型の概要（int と float）Pythonの数値型には、主に整数を表す int と、小数を表す float があります。int は桁数の制限がなく、非常に大きな数でも桁あふれせずに扱えます。f...
Python Python | 文法の基本：変数の基本
変数とは変数は「値に名前をつけて、あとから参照したり差し替えたりできる仕組み」です。Pythonでは型の宣言なしに、名前に値を代入するだけで使い始められます。変数はプログラムの途中結果や設定値、外部か...
Python Python | 文法の基本：コメント記法
コメントとはコメントは、コードの意味や意図、注意点を「未来の自分や他人」に伝えるための説明文です。Pythonインタプリタはコメントを完全に無視するので、動作や出力には影響しません。わかりやすいコメン...
Python Python | 文法の基本：インタプリタと実行方法
インタプリタとはPythonの「インタプリタ」は、あなたが書いたコードを1行ずつ読み取り、その場で実行してくれる通訳のようなソフトウェアです。書いてすぐ試せるので、初心者が「動く感覚」を掴みやすく、失...
Python Python | 文法の基本：Python の特徴
Python の特徴Pythonは読みやすさと書きやすさを重視した言語で、初心者でも直感的にコードを書けるのが大きな魅力です。インデント（字下げ）でコードのまとまりを表すため、見た目が整理され、処理の...
JavaScript JavaScript | 基礎構文：数値・演算 – 数値変換
数値変換を一言でいうとJavaScript の「数値変換」は、文字列や真偽値などの値を、number 型として計算に使える形にすること です。特に Web では、ユーザー入力・フォーム・URL パラメ...
JavaScript JavaScript | 基礎構文：数値・演算 – parseInt / parseFloat
parseInt / parseFloat を一言でいうとparseInt / parseFloat は、「文字列の“先頭から読める数字の部分”を数値として取り出す関数」 です。parseInt("1...
JavaScript JavaScript | 基礎構文：数値・演算 – isNaN
isNaN を一言でいうとisNaN は、「その値を数値として扱えるか？ 扱えないか？」をざっくり判定するための関数 です。isNaN(値) がtrue → 数値として扱えない（＝NaN 相当）fal...
JavaScript JavaScript | 基礎構文：数値・演算 – NaN
NaN を一言でいうとNaN（ナン）は「Number（数値）型なんだけど、“正しい数ではない” という特別な値」 です。名前は Not a Number の略ですが、「数値じゃない」と言いつつ、型とし...
JavaScript JavaScript | 基礎構文：数値・演算 – 指数表現
指数表現を一言でいうとJavaScript の「指数表現」は、とても大きい数・とても小さい数を、e を使ってコンパクトに書くための書き方 です。数学で見る1.23×1045×10-3みたいなものを、J...
JavaScript JavaScript | 基礎構文：数値・演算 – 乱数
乱数を一言でいうと乱数（らんすう）は、「実行するたびに結果が読めない“ランダムな値”」 のことです。JavaScript では、乱数を作るときにほぼ必ずMath.random()を使います。ここが重要...
JavaScript JavaScript | 基礎構文：数値・演算 – 四捨五入
四捨五入を一言でいうと四捨五入は、「小数のある数値を、キリのいい数（だいたい整数）に“丸める”操作」 です。JavaScript では主にMath.round（四捨五入）Math.floor（切り捨て...
JavaScript JavaScript | 基礎構文：数値・演算 – Math オブジェクト
Math オブジェクトを一言でいうとMath オブジェクトは、「よく使う数学の関数や定数をまとめた“計算ツール箱”」 です。四捨五入したい絶対値をとりたい最大値・最小値を知りたいランダムな数を作りたい...
JavaScript JavaScript | 基礎構文：数値・演算 – インクリメント・デクリメント
インクリメント・デクリメントを一言でいうとインクリメント・デクリメントは、数値を「1 だけ増やす」または「1 だけ減らす」ための専用の記号 です。++ がインクリメント（＋1）-- がデクリメント（−...
JavaScript JavaScript | 基礎構文：数値・演算 – 算術演算子（+ – * / %）
算術演算子を一言でいうと算術演算子（さんじゅつえんざんし）は、数値に対して「足し算・引き算・掛け算・割り算・余り」を行うための記号 です。JavaScript では次の 5 つが基本になります。+ 足...
JavaScript JavaScript | 基礎構文：文字列操作 – トリミング
トリミングを一言でいうとトリミングは、「文字列の前後にくっついている、いらない空白（スペースや改行など）を取り除くこと」 です。ユーザー入力やファイルから読んだ文字列には、よく先頭にスペース行末にスペ...
JavaScript JavaScript | 基礎構文：文字列操作 – 大文字小文字変換
大文字小文字変換を一言でいうと「大文字小文字変換」は、英字の文字列を、全部大文字にしたり、全部小文字にしたりする操作 です。JavaScript では主にtoUpperCase()：全部大文字にするt...
JavaScript JavaScript | 基礎構文：文字列操作 – 結合（concat / +）
文字列の「結合」を一言でいうと文字列の結合は、「バラバラの文字列をつなげて、1つの長い文字列を作ること」 です。JavaScript では主に+ 演算子（"A" + "B"）concat メソッド（"...
JavaScript JavaScript | 基礎構文：文字列操作 – 分割（split）
split を一言でいうとsplit は、「1つの文字列を、区切り文字で“バラして配列にする”メソッド です。「カンマ区切りの文字列を、1つずつに分けたい」「スペースごとに単語に分けたい」「URL を...
JavaScript JavaScript | 基礎構文：文字列操作 – 置換（replace）
replace を一言でいうとreplace は、「文字列の中の一部を、別の文字列に置き換えた“新しい文字列”を返すメソッド」 です。const text = "I like JavaScript";...
JavaScript JavaScript | 基礎構文：文字列操作 – 検索（indexOf / includes）
文字列の「検索」を一言でいうと文字列の検索は、「この文字（文字列）が含まれているか？」「含まれているなら、どの位置にあるか？」を調べることです。JavaScript では、そのために主にindexOf...
JavaScript JavaScript | 基礎構文：文字列操作 – 部分取得（slice / substring）
部分取得を一言でいうと（slice / substring の役割）文字列の「部分だけ」を取り出したいことは、実務でも学習でも山ほど出てきます。先頭3文字だけ欲しい後ろから2文字だけ欲しい5文字目から...
JavaScript JavaScript | 基礎構文：文字列操作 – length
length を一言でいうとlength は、「この文字列の“文字数”はいくつか」を教えてくれるプロパティ です。JavaScript では、文字列に対して 文字列.length と書くだけで、その文...
JavaScript JavaScript | 基礎構文：文字列操作 – エスケープシーケンス
エスケープシーケンスを一言でいうとエスケープシーケンスは、「文字列の中で、そのまま書けない“特殊な意味をもつ文字”を表現するための書き方」 です。例えば、改行したいタブを入れたいダブルクォート " や...
JavaScript JavaScript | 基礎構文：文字列操作 – テンプレートリテラル
テンプレートリテラルを一言でいうとテンプレートリテラルは、「変数や式を、文字列の中にそのまま埋め込める新しい書き方」 です。"こんにちは、" + name + "さん" のように+ でつなぎまくる昔の...
JavaScript JavaScript 逆引き集 | ResizeObserver の利用（DOM サイズ監視）
ResizeObserver の利用（DOM サイズ監視） — new ResizeObserver(cb).observe(el)Web ページで「要素のサイズが変わったら処理をしたい」ときに便利な...
JavaScript JavaScript 逆引き集 | IntersectionObserver の基本
IntersectionObserver の基本 — 要素が見えた時のコールバック利用Web ページで「ある要素が画面に入ったかどうか」を調べたいときに便利なのが IntersectionObserv...
JavaScript JavaScript 逆引き集 | 無限スクロール（IntersectionObserver）
無限スクロール（IntersectionObserver） — const obs = new IntersectionObserver(cb); obs.observe(el)Web ページで「下ま...
JavaScript JavaScript 逆引き集 | ページネーションの実装（オフセット）
ページネーションの実装（オフセット方式） — limit, offset パラメータ利用大量のデータを一度に表示すると重くなるので、ページネーション（ページ分割表示）を使います。初心者は「limit ...
JavaScript JavaScript 逆引き集 | OAuth フローの基本（認可コード）
OAuth フローの基本（認可コード方式） — サーバー・クライアントの連携が必要OAuth は「外部サービスの認証・認可」を安全に行う仕組みです。初心者は「OAuth = 他サービスのアカウントを使...
JavaScript JavaScript 逆引き集 | JWT の検証（Node）
JWT の検証（Node.js） — jwt.verify(token, secret)（jsonwebtoken ライブラリ）Web アプリや API では「ログイン済みかどうか」を確認するために ...
JavaScript JavaScript 逆引き集 | Bearer トークン利用
Bearer トークン利用 — headers: { 'Authorization': 'Bearer ' + token }Web API にアクセスするときに「Bearer トークン認証」を使う場...
JavaScript JavaScript 逆引き集 | Basic 認証ヘッダ
Basic 認証ヘッダ — Authorization: 'Basic ' + btoa(user + ':' + pass)Web API にアクセスするときに「Basic 認証」を使う場合がありま...
JavaScript JavaScript 逆引き集 | CORS の基礎知識（ブラウザ側）
ポイントまとめCORS（Cross-Origin Resource Sharing）は「異なるオリジン（ドメイン・ポート・プロトコル）の間で安全にリソースを共有する仕組み」です。ブラウザの fetch...
JavaScript JavaScript 逆引き集 | CSRF トークンの送信（ヘッダ）
CSRF トークンの送信（ヘッダ） — fetch(url, { headers: { 'X-CSRF-Token': token } })Web アプリでは CSRF（Cross-Site Requ...
JavaScript JavaScript 逆引き集 | 型のランタイムチェック（zod 等）
型のランタイムチェック（Zod ライブラリ） — z.string().parse(x)JavaScript は柔軟ですが「型の間違い」によるバグが起きやすいです。TypeScript を使えばコンパ...
JavaScript JavaScript 逆引き集 | バリデーション（簡易）
バリデーション（簡易） — if (!data.name) throw new Error('name required')プログラムでは「入力データが正しいかどうか」を確認する処理が必要です。これを...
JavaScript JavaScript 逆引き集 | JSON Schema でバリデーション（AJV 等）
JSON Schema でバリデーション（AJV ライブラリ）Web アプリや API では「受け取ったデータが正しい形かどうか」をチェックする必要があります。そこで便利なのが JSON Schema...
JavaScript JavaScript 逆引き集 | multipart/form-data の扱い（FormData）
multipart/form-data の扱い（FormData）Web アプリで「ファイルやフォームデータをサーバーに送る」ときによく使われるのが multipart/form-data です。これ...
JavaScript JavaScript 逆引き集 | ファイルアップロード（fetch, FormData）
ファイルアップロード（fetch + FormData） — const fd = new FormData(); fd.append('file', file); fetch(url, { meth...
JavaScript JavaScript 逆引き集 | 並列 HTTP リクエスト制御（同時 N 件）
並列 HTTP リクエスト制御（同時 N 件） — pMap(arr, fn, { concurrency: 5 })（p-map ライブラリ）Web API を複数呼び出すとき、一度に大量のリクエス...
JavaScript JavaScript 逆引き集 | オブジェクトの配列をグルーピング
オブジェクトの配列をグルーピング — arr.reduce((g,x)=>{(g||=(g=[])).push(x);return g},{})配列の要素を「カテゴリごとにまとめたい」場面はよくありま...
JavaScript JavaScript 逆引き集 | 配列をオブジェクトのマップに変換
配列をオブジェクトのマップに変換 — arr.reduce((m, x) => { m = x; return m; }, {})JavaScript で「配列をオブジェクトに変換」したい場面はよくあ...
JavaScript JavaScript 逆引き集 | コメントアウトのスタイル
コメントアウトのスタイル — // / /* ... */JavaScript では コメントアウトを使って「コードの説明」や「一時的な無効化」を行います。初心者は「// は1行コメント、/* ......
JavaScript JavaScript 逆引き集 | JSDoc でドキュメント注釈
JSDoc でドキュメント注釈 — /** @param {number} x */ function f(x){}JavaScript では JSDoc という「コメントで書くドキュメント注釈」を使...
JavaScript JavaScript 逆引き集 | 型チェックに TypeScript を導入（基本）
型チェックに TypeScript を導入（基本） — tsc --init（設定手順）JavaScript は柔軟ですが「型の間違い」によるバグが起きやすいです。そこで TypeScript を導入...
JavaScript JavaScript 逆引き集 | ESLint / Prettier の導入（品質）
ESLint / Prettier の導入（コード品質向上） — eslint --init（設定手順）JavaScript の開発では コード品質チェック（Lint） と コード整形（Format）...
JavaScript JavaScript 逆引き集 | モジュールトップでの strict（ESM はデフォルト）
モジュールトップでの Strict Mode（ESM はデフォルト）JavaScript には Strict Mode（厳格モード） という「安全にコードを書くためのチェック機能」があります。通常は ...
JavaScript JavaScript 逆引き集 | Strict mode の有効化
Strict mode の有効化 — 'use strict';JavaScript の Strict mode（厳格モード） は「コードの書き方をより厳しくチェックする」ための仕組みです。初心者は「...
JavaScript JavaScript 逆引き集 | 開発時のデバッグ（debugger）
開発時のデバッグ（debugger ステートメント） — debuggerJavaScript には debugger ステートメントという特別な命令があります。初心者は「ここでプログラムを一時停止し...
JavaScript JavaScript 逆引き集 | console.table で配列表現
console.table で配列表現 — console.table(data)JavaScript の console.table は「配列やオブジェクトを表形式で見やすく表示する」ための便利な関...
JavaScript JavaScript 逆引き集 | 性能計測（console.time）
性能計測（console.time / console.timeEnd） — console.time('t'); console.timeEnd('t')JavaScript には 処理時間を計測す...
JavaScript JavaScript 逆引き集 | Proxy でオブジェクト挙動をカスタム
Proxy でオブジェクト挙動をカスタム — new Proxy(obj, { get(target, k) { } })JavaScript の Proxy は「オブジェクトの操作を横取りしてカスタ...
JavaScript JavaScript 逆引き集 | Reflect API（動的操作）
Reflect API（動的操作） — Reflect.get(obj, 'k') / Reflect.set(...)JavaScript の Reflect API は「オブジェクトを動的に操作す...
JavaScript JavaScript 逆引き集 | Symbol を key とするオブジェクトプロパティ
Symbol を key とするオブジェクトプロパティ — obj = 1JavaScript の Symbol は「ユニークな識別子」を作るための型です。オブジェクトのプロパティキーに Symbol...