JavaScript

JavaScript

【JavaScript】日本語をBase64形式にエンコード・デコードする方法|btoa・TextEncoder・Buffer.from・FileReader対応

JavaScriptで日本語をBase64エンコード・デコードする方法を解説。btoa()でエラーになる原因と、encodeURIComponent・TextEncoder・Buffer.from(Node.js)・FileReaderを使った解決策をサンプルコード付きで紹介します。
JavaScript

【JavaScript】Unicodeコードポイントから文字列を生成する方法|fromCodePoint/fromCharCode/サロゲートペア完全解説

JavaScriptでUnicodeコードポイントから文字列を生成するString.fromCodePoint()の使い方を解説。fromCharCode()との違い、サロゲートペア、codePointAt()による逆変換、全角半角変換、絵文字処理まで実務で使えるコード例付きで網羅的に紹介します。
JavaScript

【JavaScript】文字のUnicodeコードポイントを取得する方法|charCodeAt・codePointAt・変換関数の使い分け完全ガイド

JavaScriptで文字のUnicodeコードポイントを取得するcharCodeAt・codePointAtの違いを比較表付きで解説。逆変換・文字種判定・エンコーディング変換まで網羅。
JavaScript

【JavaScript】指定した文字数のランダムな文字列を生成する方法|Math.randomとcrypto(パスワード・トークンも安全に)

JavaScriptで指定した文字数のランダムな文字列を生成する方法を解説します。簡易な Math.random() と、パスワード・トークンに必須の暗号学的に安全な crypto.getRandomValues()、crypto.randomUUID()、modulo bias の回避、文字セットの使い分け、実用例まで網羅します。
JavaScript

【JavaScript】ASCIIコードを文字列に変換する方法|fromCharCode・charCodeAt・暗号実装まで完全解説

JavaScriptでASCIIコードを文字列に変換するString.fromCharCode()の使い方を基礎から解説。charCodeAtとの相互変換、ASCIIコード表、大文字⇔小文字変換、ROT13/シーザー暗号の実装、バリデーション活用まで網羅。
JavaScript

【JavaScript】文字列のバイト数を取得する方法(完全ガイド)

JavaScriptで文字列のバイト数を取得する4つの方法(TextEncoder・Blob・encodeURIComponent・Buffer.byteLength)を解説。UTF-8の文字コード別バイト数比較、絵文字のバイト数、バイト数制限バリデーション、切り詰め関数、パフォーマンス比較まで網羅的に紹介します。
JavaScript

【JavaScript】文字列内の特定文字の出現回数をカウントする方法|split・match・reduce完全ガイド

JavaScriptで文字列内の特定文字の出現回数をカウントする方法をsplit・match・for・reduceの4パターンで解説。部分文字列カウント、出現頻度マップ、パフォーマンス比較、実務パターンまで網羅。
JavaScript

【JavaScript】文字列を逆順に並び替える方法|スプレッド構文で絵文字も壊さない反転と回文判定まで解説

JavaScriptで文字列を逆順に並び替える方法を解説します。[...str].reverse().join("")・split・forループ・再帰の比較、split("")だと絵文字(サロゲートペア)が壊れる理由、結合文字をIntl.Segmenterで正しく反転する方法、回文(パリンドローム)判定の実用例まで網羅します。
JavaScript

【JavaScript】文字列を数値に変換できるか判定する方法|Number.isFiniteで空文字・全角・Infinityの罠を防ぐ堅牢な判定

JavaScriptで文字列が数値に変換できるかを判定する堅牢な方法を解説します。素のisNaNやNumberが空文字・空白を0と誤判定する罠、Infinityや全角数字の扱い、value.trim()とNumber.isFinite(Number(value))を組み合わせた決定版、整数限定や正規表現での形式チェックまでまとめます。
JavaScript

【JavaScript】文字列を数値型に変換する方法|Number・parseInt・parseFloat・単項+の違いとNaN・全角・空文字の罠まで解説

JavaScriptで文字列を数値型に変換する方法を Number()・単項+・parseInt()・parseFloat() の4通りで解説します。Number("")が0になる罠、全角数字やカンマ区切りがNaNになる注意点、parseIntの基数指定、Number.isNaNでの安全な変換まで実用的にまとめます。
JavaScript

【JavaScript】文字列の後ろから指定した文字数を取得する方法|slice(-n)・substringと末尾0・絵文字対策まで解説

JavaScriptで文字列の後ろ(末尾)から指定した文字数を取得する方法を slice(-n) と substring で解説します。末尾0文字を取りたいのに全文が返る -0 の罠、文字数が足りない場合の挙動、絵文字(サロゲートペア)対策、「末尾N文字を削除して前を取得」との違いまで実用的にまとめます。
JavaScript

【JavaScript】文字列の先頭から指定した文字数を取得する方法|slice・substringと省略表示(…)・絵文字対策まで解説

JavaScriptで文字列の先頭から指定した文字数を取得する方法を、slice(0, n) と substring(0, n) で解説します。文字数が足りない・0・絵文字(サロゲートペア)を含む場合の挙動、末尾に「…」を付ける省略表示(truncate)、「先頭N文字を削除して残りを取得」との違いまで実用的にまとめます。
JavaScript

【JavaScript】指定した範囲の文字列を選択する方法|setSelectionRange・Selection API・ハイライト表示まで解説

JavaScriptでページ上のテキストの指定範囲を選択(ハイライト)する方法を解説します。input/textareaの setSelectionRange()、通常要素の Selection API+Range、選択せずに色付けする span/mark ラップや CSS Custom Highlight API、選択中テキストの取得まで、実用的なコードとブラウザ対応をまとめます。
JavaScript

【JavaScript】特定の文字列の直後にある1文字を抽出する方法|indexOf・slice・正規表現(lookbehind)と末尾・絵文字対策まで解説

JavaScriptで特定の文字列の直後にある1文字を取得する方法を、indexOf・slice・正規表現(lookbehind)の3通りで解説します。indexOfで位置を求めてその直後を取り出す基本から、検索文字列が末尾にある・見つからないときの安全な処理、絵文字(サロゲートペア)対策、全出現箇所の一括取得や実用例まで網羅します。
JavaScript

【JavaScript】文字列内から特定の文字列の1つ前の1文字を抽出する方法(indexOf・正規表現・split)

JavaScriptで「特定の文字列の直前にある1文字を取得したい」と思ったことはありませんか?たとえば、URLのパラメータ区切り文字の前の文字を調べたい、CSVデータの特定カラム手前の区切り文字を判定したい、ログファイルからエラーコード直...
JavaScript

【JavaScript】文字列から開始位置と文字数を指定して取得する方法|slice・substring・substrの違いと負のインデックス・実用例まで解説

JavaScriptで文字列から「開始位置と文字数」を指定して部分文字列を取り出す方法を、slice・substring・substr(非推奨)の3つで解説します。文字数指定の正しい書き方、負のインデックスや末尾までの取得、絵文字(サロゲートペア)で文字化けする落とし穴と対策、固定長データの切り出しやマスキングといった実用例まで網羅します。
JavaScript

【JavaScript】指定した文字以降の文字列を削除する方法|substring・slice・split・正規表現と「見つからない」対策まで解説

JavaScriptで指定した文字以降の文字列を削除する方法を、substring・slice・split・正規表現の4通りで解説します。indexOfで位置を特定する基本から、文字が見つからないとき(-1)の落とし穴と安全な書き方、lastIndexOfで最後の出現以降を削除する応用、拡張子やクエリ文字列の除去といった実用例まで網羅します。
JavaScript

【JavaScript】文字列の後ろに文字を追加する方法|+演算子・concat・テンプレートリテラル・padEnd・パフォーマンス比較まで完全解説

JavaScriptで文字列の後ろに文字を追加(結合)する方法を完全解説。+ 演算子、+= での追加、concat()メソッド、テンプレートリテラル、padEnd()で固定長に揃える方法、Array.join()での結合、配列push+joinパターン(大量結合時の最適解)、パフォーマンス比較、文字列の先頭に追加する方法(padStart含む)、実務パターン(パス構築・URL構築・CSV生成)まで網羅。
JavaScript

【JavaScript】文字列の追加・結合方法まとめ|先頭・末尾・padStart・join完全解説

JavaScriptで文字列の先頭・末尾に追加する方法を網羅的に解説。+演算子、テンプレートリテラル、concat、padStart/padEnd、joinの使い分け、実務パターンまで紹介。
JavaScript

【JavaScript】いいね・バッドボタンを実装する方法|DB集計・二重投票対策

JavaScriptとExpress、SQLiteでいいね・バッドボタンを実装する方法を解説します。初期カウント取得、投票の切り替え・取り消し、DBトランザクション、二重送信防止、aria-pressed、レート制限、認証ユーザーへの発展まで実例付きで整理します。