JavaScript
無料で使えるAPI（2025年版）
未分類 Python | ループを途中で止める break 文
主な内容の要点break文は、ループの途中で強制的に抜け出すための命令です。条件がまだ「True」であっても、breakを使えば即座にループを終了できます。基本ポイント通常のループ終了whileやfo...
JavaScript JavaScript | 基礎構文：数値・演算 – 数値変換
数値変換とは何か数値変換は、文字列や真偽値などを「数値として計算できる形」にすることです。フォーム入力やCSV処理など、プログラムでは文字列で受け取った値を数値に変えて計算する場面が多くあります。Ja...
JavaScript JavaScript | 基礎構文：数値・演算 – parseInt / parseFloat
parseInt / parseFloat とは何か文字列を数値に変換するための関数です。parseInt は「整数」を、parseFloat は「小数を含む数」を取り出します。両方とも、文字列の先頭...
JavaScript JavaScript | 基礎構文：数値・演算 – isNaN
isNaNとは何かisNaNは「値が数値ではない（NaN）かどうか」を判定するための関数です。JavaScriptには2種類あり、挙動が異なります。グローバル関数の isNaN は値を数値へ強制変換（...
JavaScript JavaScript | 基礎構文：数値・演算 – NaN
NaNとは何かNaNは「Not a Number（数値ではない）」の略で、数値計算の結果が「有効な数」にならなかったときに使われる特別な値です。エラーを投げるのではなく、計算の結果としてNaNが返りま...
JavaScript JavaScript | 基礎構文：数値・演算 – 指数表現
指数表現とは何か指数表現は、非常に大きい数や非常に小さい数を「e（エクスポネント＝指数）」を使って簡潔に書く方法です。例えば 1000 は 1e3（1 × 10の3乗）、0.00025 は 2.5e-...
JavaScript JavaScript | 基礎構文：数値・演算 – 乱数
乱数とは何か乱数とは「予測できない数値」をプログラムで作り出す仕組みです。サイコロを振ったり、くじ引きをしたりするような「ランダムな結果」をコンピュータで再現するために使います。JavaScriptで...
JavaScript JavaScript | 基礎構文：数値・演算 – 四捨五入
四捨五入とは何か四捨五入とは、数値を「ある位」で丸める方法です。小数点以下を扱うときに「5以上なら切り上げ、4以下なら切り捨て」というルールで処理します。JavaScriptでは Math.round...
JavaScript JavaScript | 基礎構文：数値・演算 – Math オブジェクト
初心者向け：Math オブジェクトの基本Math は「数値計算の便利セット」です。丸め、絶対値、最小・最大、乱数、平方根、三角関数、指数・対数などがまとまっています。クラスやインスタンスは不要で、すべ...
JavaScript JavaScript | 基礎構文：数値・演算 – インクリメント・デクリメント
初心者向け：インクリメント・デクリメントの基本数値を「1だけ増やす／減らす」ための専用演算子がインクリメント（++）とデクリメント（--）です。カウンタやループでよく使います。演算子の種類と基本動作イ...
JavaScript JavaScript | 基礎構文：数値・演算 – 算術演算子（+ – * / %）
初心者向け：算術演算子（+ - * / %）の基本JavaScriptの算術演算子は、数値の計算に使う道具です。基本は「足す・引く・掛ける・割る・余り」です。文字列と混ざると振る舞いが変わることがある...
JavaScript JavaScript | 基礎構文：文字列操作 – トリミング
初心者向け：トリミング（trim）の基本「トリミング」とは、文字列の前後にある不要な空白（スペースや改行など）を取り除くことです。JavaScriptでは trim() メソッドを使います。入力フォー...
JavaScript JavaScript | 基礎構文：文字列操作 – 大文字小文字変換
初心者向け：大文字小文字変換の基本文字列の「大文字・小文字」を変えるときは、まず toUpperCase() と toLowerCase() を覚えれば十分です。見た目を整えたり、大小文字を無視した比...
JavaScript JavaScript | 基礎構文：文字列操作 – 結合（concat / +）
初心者向け：結合（concat / +）の基本「結合」は、値をつなげて1つにする操作です。JavaScriptでは主に「文字列の結合」と「配列の結合」で使います。文字列は +（またはテンプレートリテラ...
JavaScript JavaScript | 基礎構文：文字列操作 – 分割（split）
初心者向け：分割（split）の基本split は「文字列を区切り文字で分けて、配列にする」メソッドです。テキストを部品に分解して扱いたいときの第一候補です。基本の使い方const s = "red,...
JavaScript JavaScript | 基礎構文：文字列操作 – 置換（replace）
初心者向け：置換（replace）の基本replace は「文字列の一部を別の文字列に置き換える」ためのメソッドです。基本は「元の文字列.replace(置換したいもの, 置換後の文字)」という形で使...
JavaScript JavaScript | 基礎構文：文字列操作 – 検索（indexOf / includes）
初心者向け：検索（indexOf / includes）の基本文字列や配列の中から「ある値が含まれているか」「位置はどこか」を調べる代表的なメソッドが indexOf と includes です。迷っ...
JavaScript JavaScript | 基礎構文：文字列操作 – 部分取得（slice / substring）
初心者向け：部分取得（slice / substring）の基本文字列から「一部だけ取り出す」ための代表的なメソッドが slice と substring です。どちらも「開始位置と終了位置」を指定し...
JavaScript JavaScript | 基礎構文：文字列操作 – length
初心者向け：length の基本length は「長さ（要素数や文字数）」を表すプロパティです。配列や文字列でよく使います。読み取り専用で、基本的に数値を返します。文字列の length（文字数）co...
JavaScript JavaScript | 基礎構文：文字列操作 – エスケープシーケンス
初心者向け：エスケープシーケンスの基本エスケープシーケンスは、文字列の中で「そのまま書けない特殊な文字」を表すための記号です。バックスラッシュ（\）から始まる短いコードで、改行・タブ・引用符などを安全...
JavaScript JavaScript | 基礎構文：文字列操作 – テンプレートリテラル
JavaScript入門：テンプレートリテラルとはテンプレートリテラルは 文字列をもっと便利に書ける方法 です。バッククォート（ ` ）で囲んで書きます。普通の文字列よりも「変数の埋め込み」や「複数行...
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...