@lifehacker

スポンサーリンク
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...
スポンサーリンク