スポンサーリンク
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...
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 です。これ...
スポンサーリンク