</>CodingLSコーディングライフスタイル

JavaScriptの console.table() で配列やオブジェクトを見やすい表形式でコンソールに出力する方法を解説します。オブジェクトの配列・2次元配列・単一オブジェクトの表示、第2引数での列の絞り込み、DevToolsでの並べ替え、Node.jsとブラウザの違い、本番でのログ削除まで、実際の出力とあわせてまとめます。

Webページで画像をくるくる回転させ続ける方法を解説します。基本はCSSの animation と @keyframes で、回転速度は animation-duration、hoverでの一時停止、prefers-reduced-motion での配慮まで対応します。JavaScriptで制御する場合は setInterval ではなく requestAnimationFrame と経過時間でフレームレートに依存しない一定速度の回転を実装する方法を、つまずきやすい点とあわせてまとめます。

JavaScriptで指定した文字エンコーディングがサポートされているかを判定する方法を解説します。TextDecoder を try/catch で囲んで RangeError を捕まえるのが基本です。WHATWG Encoding Standard のラベル、TextEncoder が UTF-8 専用である点、ラベルの別名・正規化、fatal オプション、Shift_JIS ファイルの読み込みまで実行確認済みのコードでまとめます。

JavaScriptで空文字列を判定する方法を完全解説。lengthプロパティ、真偽値判定（!str）、厳密比較（=== ""）、null/undefinedとの違い、trim()による空白文字の判定、Optional Chaining、各判定方法の比較テーブル、ユーティリティ関数（isEmpty/isBlank）、TypeScript型ガード、フォームバリデーション、Falsy値一覧と注意点まで網羅。

JavaScriptで文字列から「最後の数値」を取り出す方法を解説します。どこにあっても最後を拾う match(/\d+/g).at(-1) と、末尾固定の /\d+$/ の違いと使い分け、小数やマイナスへの対応、ファイル名末尾の連番を+1する実用例まで、実行確認済みのコードでまとめます。

JavaScriptで文字列から「最初の数値」だけを取り出す方法を解説します。どこにあっても拾える match(/\d+/)、先頭限定の parseInt の違いと使い分け、小数やマイナス符号への対応、出現位置（index）の取得、1文字ずつ処理するときの落とし穴まで、実行確認済みのコードでまとめます。

JavaScriptで文字列から数値だけを取り出す方法を解説します。複数の数値を配列で取る match(/\d+/g)、1つの数値に結合する replace(/[^0-9]/g,"")、小数やマイナス符号を含める正規表現、match が null を返す罠、全角数字や反復処理の落とし穴まで、実行確認済みのコードでまとめます。

JavaScriptでHTML要素内のテキストを変更する方法を解説します。安全な textContent、HTMLごと変える innerHTML（XSS注意）、表示準拠の innerText の使い分けと比較、querySelectorでの要素指定と複数一括変更、末尾への追記、成功メッセージなどの実用例まで、つまずきやすい点とあわせてまとめます。

JavaScriptで画像ファイルをドラッグ＆ドロップして読み込む方法を解説します。dragover/dropでのドロップゾーン作成（preventDefaultの必須ポイント）、dataTransfer.filesでの取得、URL.createObjectURLやFileReaderでのプレビュー、複数画像・ドラッグ中のハイライト、形式/サイズの検証、FormDataでのアップロードまでまとめます。

JavaScriptで文字列を改行ごとに分割する方法を解説します。split("\n")の基本、Windows・Unix・旧Macの改行すべてに対応する正規表現、末尾改行で空要素が残る罠と空行除去・トリム、textareaの行処理や行番号付与の実用例まで実行確認済みのコードでまとめます。